.white-popup {
    position: relative !important;
    background: #ffffff !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 365px !important;
    margin: 10% auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3) !important;
    background-color: #fff !important;
}

.social-login-title {
    background-color: #ffffff !important;
    padding: 16px !important;
    border-bottom: solid 1px #d8d8d8;
}

.social-login-title .forgot-pass-title,
.social-login-title .login-title,
.social-login-title .create-account-title {
    background-image: none;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    background-color: #ffffff !important;
    padding-left: 0 !important;
}

.mfp-close {
    width: 32px !important;
    height: 32px !important;
    line-height: 22px !important;
    opacity: 0.65;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    font-weight: 100;
    color: #666666 !important;
}

.form-password-forget label,
.form-customer-create label,
.form-customer-login label {
    display: block !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.33 !important;
    letter-spacing: normal !important;
    color: #666666 !important;
    float: none !important;
    padding: 0 !important;
    text-align: left !important;
    margin-bottom: 4px !important;
}

.fieldset > .field:not(.choice) > .control,
.fieldset > .field:not(.choice) > label {
    width: 100% !important;
    float: none !important;
}

.form-customer-create input[type="text"], .form-customer-create input[type="password"], .form-customer-create input[type="url"], .form-customer-create input[type="tel"], .form-customer-create input[type="search"], .form-customer-create input[type="number"], .form-customer-create input[type*="date"], .form-customer-create input[type="email"],
.form-customer-login input[type="text"], .form-customer-login input[type="password"], .form-customer-login input[type="url"], .form-customer-login input[type="tel"], .form-customer-login input[type="search"], .form-customer-login input[type="number"], .form-customer-login input[type*="date"], .form-customer-login input[type="email"] {
    width: 100% !important;
    height: 48px !important;
    border-radius: 6px !important;
    border: solid 1px #e5ebf2 !important;
}

.form-password-forget .fieldset .field,
.form-customer-create .fieldset .field,
.form-customer-login .fieldset .field {
    margin: 0 0 25px !important;
}

.form-password-forget .mage-error:not(input),
.form-customer-create .mage-error:not(input),
.form-customer-login .mage-error:not(input) {
    font-size: 11px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #e02020 !important;
    margin-top: 4px;
    width: inherit;
    float: left;
}

.form-password-forget input:focus,
.form-customer-create input:focus,
.form-customer-login input:focus {
    box-shadow: 0 4px 8px 0 rgba(33, 230, 33, 0.35) !important;
    border: solid 1px #21e621 !important;
}


.form-password-forget input.mage-error:not(:focus),
.form-customer-create input.mage-error:not(:focus),
.form-customer-login input.mage-error:not(:focus) {
    border: solid 1px #e02020 !important;
}

.form-customer-login .password .control {
    position: relative !important;
}

.form-customer-login .password .control:before {
    color: #8d9195;
    content: " \f023 ";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 22px;
    pointer-events: none;
    position: absolute;
    left: 16px;
    top: 9px;
    font-weight: 100;
    width: 22px;
    height: 22px;
    z-index: 9;
}

.form-customer-login .password .control input {
    padding-left: 40px !important;
}

.form-password-forget .actions-toolbar,
.form-customer-create .actions-toolbar,
.form-customer-login .actions-toolbar {
    margin-top: 0 !important;
}

.form-password-forget .actions-toolbar .primary,
.form-customer-create .actions-toolbar .primary,
.form-customer-login .actions-toolbar .primary {
    margin-top: 10px !important;
    width: 100% !important;
}

.form-password-forget .secondary,
.form-customer-create .secondary,
.form-customer-login .secondary {
    width: 100% !important;
    float: right;
    text-align: right;
}

.form-customer-login .secondary .action.remind {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #00bf00;
    float: right !important;
}

.form-password-forget .primary .action.send,
.form-customer-create .primary .action.create,
.form-customer-login .primary .action.login {
    width: 100% !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3) !important;
    background-color: #00bf00 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #fff !important;
    height: 40px !important;
}

#bnt-social-login-authentication {
    margin-bottom: 0 !important;
}

.form-password-forget .secondary .action.back,
.form-customer-create .secondary .action.back,
.form-customer-login .primary .action.create {
    width: 100% !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3) !important;
    border: solid 1px #ccc !important;
    background-color: #f8f8f8 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #333 !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
}

.form-password-forget .fieldset > .field:before, .fieldset > .field:after,
.form-customer-create .fieldset > .field:before, .fieldset > .field:after,
.form-customer-login .fieldset > .field:before, .fieldset > .field:after {
    display: none !important;
}

.social-login.block-container.authentication .message.success,
.social-login.block-container.forgot .message.success {
    font-size: 14px !important;
    color: #333 !important;
}

.message.error {
    font-size: 14px;
}