body {
    background-image: none !important;
    background-color: #F9F9F9;
    font-family: sofiaProBold;
}
input{
    background-color: white!important;

}
@font-face {
    font-family: sofiaProBold;
    src: url(fonts/Sofia/sofiapro-light.otf);
}
.btn{
    box-shadow:none!important;
}
#login_card {
    box-shadow: none !important;
    background-color: #F9F9F9 !important;
    width: 480px !important;
}

#login_header {
    font-size: 24px;
    font-weight: bold;
}

.login_icon {
    width: 30px;
    margin-right: 10px;
}

.login_icon_link {
    background-color: #F9F9F9 !important;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: unset;
    letter-spacing: 0px !important;
    box-shadow: none !important;
    border: 1px solid #535555;
    text-transform: none;
    height: 50px!important;

}
.new_custom_input{
    width: 100%!important;
    height: 56px!important;
    border: 1px solid #535555!important;
    border-radius: 20px 20px 20px 20px!important;
    margin-top: 15px!important;
    padding-left: 0px!important;
    padding-left: 20px!important;
    box-sizing: border-box!important;
}
#login_username {
    width: 100%;
    height: 50px;
    border: 1px solid #535555;
    border-radius: 20px 20px 20px 20px;
    margin-top: 15px;
    padding-left: 0px;
    padding-left: 20px;
    box-sizing: border-box;
}

#login_password {
    width: 100%;
    height: 50px;
    border: 1px solid #535555;
    border-radius: 20px 20px 20px 20px;
    margin-top: 15px;
    padding-left: 0px;
    padding-left: 20px;
    box-sizing: border-box;

}

#password_container input {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

#togglePasswordEye,
#togglePasswordSlashEye {
    cursor: pointer;
    position: absolute;
    right: 45px;
    color: #909090;
    font-size: 20px;
    margin-top: 8px;
}
.card{
    box-shadow: none !important;
    background-color: #F9F9F9 !important;
    width: 480px !important;
}

.sign_in_header {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    font-weight: bold;
}

#logo_login {
    display: block;
    margin: auto;
    width: 150px;
    margin-bottom: 35px;
    margin-top: -48px;
}

.login_icon_link span {
    color: black;
    font-size: 18px;
    font-weight: bold;
}

#login_button_holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#login_confirm {
    background-color: black !important;
    height: 50px;
    border-radius: 20px 20px 20px 20px !important;
    margin-top: 20px;
    text-transform: none;
    font-size: 18px;
    font-weight: bold;

}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid black;
}

#website_lang_container input {
    border: 1px solid black !important;
}

#forgot_password,
#create_account {
    font-size: 16px;
    color: #363636;
    font-weight: bold;
}

#login_username::placeholder {
    font-size: 18px;
    color: #909090;

}

#login_password::placeholder {
    font-size: 18px;
    color: #909090;


}

.hr-text {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.hr-text::after {
    background: #fff;
    content: attr(data-content);
    padding: 0 4px;
    position: relative;
    top: -13px;
    color: #818078;
    background-color: #F9F9F9;
}

#login_terms,
#login_policy {
    color: black !important;
    font-weight: bold !important;
}
.new_btn{
    background-color: black !important;
    height: 56px;
    border-radius: 20px 20px 20px 20px !important;
    margin-top: 15px;
    text-transform: none;
    font-size: 18px;
    font-weight: bold;
    color: white!important;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    box-shadow: none!important;
}
@media only screen and (max-width: 470px) {

    #main,
    #login_card {
        width: 100% !important
    }

    #login_card .card-content {
        padding: 12px;
        /* padding-left: 24px; */
    }
    .login_icon{
        width: 20px;
        margin-right: 5px;
    }
    .login_icon_link span{
        font-size: 15px;
    }
    #logo_login{
        /* position: absolute; */
        top: -15px;
        width: 110px;
        margin-top: -19px;
    }
    .card{
        width: 100%!important;
    }
}