/* @import url(./index.css); */
.custom_login{
    min-width: 500px; 
    padding: 0
}
.icon-login{
    width: 10%;
    
}
.custom_gmail{
    top: 28px;
    left: 24px;
}
.fb-login{
    width: 90%;
}
.icon-login div {
    position: absolute;
    top: 15%;
    left: -6px;
    padding: 0;
    width: fit-content;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.custom_fb{
    display: block; 
    text-align: center;
    font-size: 16px; 
    color: white
}
@media (min-width: 414px) and (max-width: 767px) {
    .custom_login {
        min-width: 0px;
        width: auto;
    }
    .icon-login{
        width: 14%;
        height: 40px !important;
    }
    .icon-login div{
        left: -6px;
        top:3%
    }
    .login-form{
        height: 40px !important;
    }
}
@media (min-width: 375px) and (max-width: 413px) {
    .custom_login {
        min-width: 0px;
        width: auto;
    }
    .icon-login{
        width: 14%;
        height: 40px !important;
    }
    .icon-login div{
        left: -9px;
        top:3%
    }
    .login-form{
        height: 40px !important;
    }
}
@media (min-width: 320px) and (max-width: 374px){
    .custom_login {
        min-width: 0px;
        width: auto;
    }
    .icon-login{
        width: 14%;
        height: 40px !important;
    }
    .icon-login div{
        left: -12px;
        top:6%
    }
    .login-form{
        height: 40px !important;
    }
}