/* Firebase styles */
.firebaseui-container { font-family: Poppins, Roboto, sans-serif !important; }
.firebaseui-container label { color: #AAAAAA !important; }
#animated-loader { display: none; }
#gip-mfa-incorrect-code { display: none; color: #c04040; }
#firebaseui-mfa-container { display: none; }
body > #firebaseui-auth-container, body > #firebaseui-mfa-container { margin-top: 80px; }
body > #firebaseui-auth-container > .firebaseui-container, body > #firebaseui-mfa-container > .firebaseui-container { padding-top: 100px !important; background: url("../images/logo/crio-logo-full.png") center 20px no-repeat; background-size: 150px; }
#firebaseui-auth-container .firebaseui-card-header, #firebaseui-auth-container-modal .firebaseui-card-header { display: none; }
body > #firebaseui-auth-container-modal .firebaseui-card-header { display: block; text-align: center; }
body > #firebaseui-auth-container .firebaseui-card-header .firebaseui-card-header img { width: 150px; }
body > #firebaseui-auth-container .firebaseui-card-header h1, body > #firebaseui-mfa-container .firebaseui-card-header h1 { text-align: center; font-size: 28px; font-family: Poppins, Roboto, sans-serif !important; color: #e57e2b; text-transform: capitalize; }
#firebaseui-auth-container a, #firebaseui-mfa-container a { color: #16b5ff !important; }
.firebaseui-textfield.mdl-textfield .firebaseui-label::after { background-color: unset !important; }
.firebaseui-textfield .firebaseui-input { background: #fafbfc none repeat scroll 0 0 !important; border: 1px solid #e6eaf2 !important; padding: 10px 0px; text-indent: 7px; }
.firebaseui-textfield .firebaseui-input:read-only { color: #999; }
.firebaseui-textfield:not(.is-focused):not(.is-dirty) .firebaseui-label { padding: 5px 0 0 7px; }
.firebaseui-input-floating-button.firebaseui-id-password-toggle { top: 27px !important; right: 7px; }
.firebaseui-form-actions { display: flex !important; flex-flow: row-reverse !important; }
.firebaseui-form-actions button[type=submit],
.firebaseui-form-actions input[type=submit] { background-color: var(--color-background-button-primary) !important; border-radius: 3px; padding: 10px 20px;font-size: 14px; color: #FFFFFF !important; margin: 0 !important; float: unset !important; text-transform: none; height: unset; width: 100%; line-height: normal }
.firebaseui-form-actions button[type=submit]:disabled, .firebaseui-form-actions input[type=submit]:disabled { pointer-events: none; background-color: #F2F2F2!important; color: #aaa!important; }
.firebaseui-form-actions button:nth-of-type(2),
.firebaseui-form-actions input[type=submit]:nth-of-type(2) { margin-right: 10px !important; }
.firebaseui-card-actions { display: flex !important; flex-flow: row-reverse !important; align-items: center; }
.firebaseui-card-actions .firebaseui-form-links { margin-left: 10px; }
.firebaseui-card-content .firebaseui-textfield.is-focused { border-color: #16b5ff !important; }
.firebaseui-card-content .firebaseui-idp-list { display: block!important; }
.mdl-progress.firebaseui-busy-indicator { top: 158px !important; }

#firebaseui-mfa-container .firebaseui-card-actions { display: flex; flex-flow: row !important; }
#firebaseui-mfa-container .firebaseui-card-actions .firebaseui-form-actions:nth-of-type(2) { width: auto; }
#firebaseui-mfa-container .firebaseui-card-actions button[type=button] { background: none; color: #16b5ff; text-transform: capitalize; box-shadow: none; }

.firebaseui-card-actions.firebaseui-card-actions-cancel { justify-content: center !important; padding-bottom: 40px; }
.firebaseui-card-actions.firebaseui-card-actions-cancel .firebaseui-form-actions { flex: 0 0 auto !important; width: auto !important; }
button.firebaseui-cancel-link,
#firebaseui-mfa-container .firebaseui-card-actions button[type=button].firebaseui-cancel-link,
#firebaseui-mfa-container-modal .firebaseui-card-actions button[type=button].firebaseui-cancel-link,
#login-modal button.firebaseui-cancel-link {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    color: #009CEB !important;
    font-family: Poppins, Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-decoration: underline !important;
    text-transform: none !important;
    padding: 6px 16px !important;
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    cursor: pointer;
}

.firebaseui-auth-container-modal .firebase-login-required { margin-top: 10px; margin-bottom: 10px; }
.firebaseui-auth-container-modal .firebase-please-auth { margin-bottom: 20px; }
#firebaseui-mfa-container-modal { display: none; }
#totp-verify-section .totp-verify-div { padding-bottom: 8px; }
#login-modal:not(.is-removing-2fa) .remove-2fa-copy { display: none; }
#login-modal.is-removing-2fa .default-copy { display: none; }
.mdl-button--primary.mdl-button--primary{
    margin-top: 10px;
}
#login-modal button.firebaseui-button.mdl-button.mdl-js-button.mdl-button--raised.mdl-button--colored {
    margin-right: 20px;
}
div.modal .mdl-card.mdl-shadow--2dp, div.smoke .mdl-card.mdl-shadow--2dp { box-shadow: none; }
#gip-mfa-incorrect-code { display: none; color: #c04040; }

#recaptcha-form input { display: none; }