/*Refresh -------------------------*/
#preauthWrapper {
    margin: 0 auto;
    position: relative;
    padding: 100px 15px 30px;
    width: 500px;
    word-wrap: break-word;
}

.background--preauth-refresh {
    background-color: #39404F;
}

.preauth-dialog {
    padding: 35px 25px 25px 25px;
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    margin-left: -15px;
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 5px;
}

.preauth-close {
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    text-indent: -2000em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.preauth-close-icon {
    display: block;
    height: 50px;
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShape%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.164.665l-6.151%206.22-6.21-6.22a2.195%202.195%200%200%200-3.05.054%202.205%202.205%200%200%200-.054%203.056l6.21%206.22-6.21%206.162a2.205%202.205%200%200%200-.055%203.166%202.194%202.194%200%200%200%203.16-.056l6.209-6.161%206.15%206.235c.878.879%202.301.879%203.179%200a2.254%202.254%200%200%200%200-3.184l-6.224-6.162%206.21-6.22a2.222%202.222%200%200%200-.03-3.139%202.213%202.213%200%200%200-3.134.029z%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%23A5A5A6%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}

.preauth-close-icon:hover,
.preauth-close-icon:focus {
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShape%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.164.665l-6.151%206.22-6.21-6.22a2.195%202.195%200%200%200-3.05.054%202.205%202.205%200%200%200-.054%203.056l6.21%206.22-6.21%206.162a2.205%202.205%200%200%200-.055%203.166%202.194%202.194%200%200%200%203.16-.056l6.209-6.161%206.15%206.235c.878.879%202.301.879%203.179%200a2.254%202.254%200%200%200%200-3.184l-6.224-6.162%206.21-6.22a2.222%202.222%200%200%200-.03-3.139%202.213%202.213%200%200%200-3.134.029z%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234F4F52%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}

/*-------------Generic-------------*/

.preauth-dialog h1 {
    color: #4F4F52;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding-bottom: 25px;
    padding-top: 5px;
}

.preauth-dialog h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

.preauth-dialog p,
.preauth-dialog ol {
    padding-bottom: 15px;
    height: 100%;
    width: 95%;
    color: #A7A7A8;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.preauth-table label {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #A7A7A8;
    padding-left: 26px;
    display: inline;
    vertical-align: top;
}

.preauth-table input[type=radio] {
    display: none;
}

.preauth-table label:before {
    content: "";
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    margin-right: 10px;
    position: absolute;
    border: 1px solid #E2E2E2;
    left: 0;
    bottom: 1px;
    background-color: #FFFFFF;
}

.preauth-table input[type=radio]:checked + label:before {
    background-color: #73B680;
    top: 1px;
    height: 15px;
    width: 15px;
    border: 1px solid #50975E;
    text-align: center;
    line-height: 18px;
    border-radius: 100px;
}
.preauth-label--refresh {
    text-transform: uppercase;
    color: #000;
}

.preauth-input--refresh {
    width: 100% !important;
    height: auto;
    border: 1px solid #E2E2E2 !important;
    border-radius: 2px !important;
    padding: 14px 15px !important;
}

.preauth__form-actions {
    padding-top: 45px;
}


.preauth__primary-btn {
    color: #ffffff !important;
    min-height: 40px;
    min-width: 159px;
    border: 1px solid #50975E !important;
    border-radius: 5px;
    background: #73B680;
    background-image: none !important;
    cursor: pointer;
}

.preauth__primary-btn:hover {
    color: #ffffff !important;
    background: #54a263 !important;
    background-image: none !important;
}

.preauth__primary-btn:active,
.preauth__primary-btn:disabled,
.preauth__primary-btn:focus {
    color: #ffffff !important;
    background: #43804f !important;
    background-image: none !important;
    text-decoration: none !important;
}

.preauth__cancel-btn {
    height: 40px;
    background: none;
    border: none;
    color: #A7A7A8;
    font-weight: 500;
    line-height: 14px;
    font-size: 14px;
    cursor: pointer;
}

.preauth__cancel-btn:hover,
.preauth__cancel-btn:focus {
    text-decoration: underline;
    color: #4F4F52;
    outline: 0px;
}


.preauth-table__readonly-checkbox {
    padding-top: 10px;
    padding-bottom: 15px;
}

/*------------Spacing--------------*/

.preauth__form-actions {
    padding-top: 45px;
}

.preauth-padding-bot {
    padding-bottom: 30px;
}

/*--------Admin-Edit-Prompt--------*/

.preauth-dialog--admin-edit-prompt {
    height: 310px;
    width: 590px;
}

/*--------Account-Chooser---------*/

.preauth-dialog--account-chooser {
    right: 20%;
    min-width: 590px;
}

.preauth-account-list {
    color: #4F4F52;
    font-size: 14px;
    display: block;
    margin-top: 2.5%;
    float: left;
    width: 320px;
}

.preauth-account-select-button--positioning {
    float: right !important;
    margin-right: 0 !important;
}

.preauth-account-select-button {
    padding: 12px 35px;
    color: #A5A5A6;
    display: inline-block;
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    background-image: none;
    text-decoration: none;
}

.preauth-account-select-button:hover {
    background-color: rgba(226,226,226,0.4);
    text-decoration: none;
}

.preauth-account-select-button:active,
.preauth-account-select-button:focus {
    opacity: 0.5;
    background-color: rgba(226,226,226,0.4);
    color: #A5A5A6;
    text-decoration: none;
}

.border-top {
    border-top: 1px solid #E2E2E2 !important;
    border-bottom: 1px solid #fff;
    margin-bottom: 1px;
    float: left;
}

.preauth-divider {
    padding: 6px 0 8px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #E2E2E2 !important;
    float: left;
    width: 100%;
}

.preauth-dialog span.inlineError {
    color: #D4402B;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    position: relative;
    top: 5px;
}

#evergage_campaign_target_id,
.evergageMessage {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.choose-account .evergage-container,
.choose-account .evergageMessage,
.choose-account #evergage_campaign_target_id {
    display: none;
}

/*--------Password reset styles---------*/
.password_reset_container {
    padding-left: 15px;
}

.password_reset_explanation {
    padding-bottom: 25px !important;
}

/*--------2FA specific styles---------*/

.two-factor-auth--subtitle {
    margin-bottom: 20px;
}
.two-factor-auth--subtitle-subtext {
    display: block;
    font-weight: 700;
}

.two-factor-auth--code-btn {
    margin-top: 20px;
}

.two-factor-auth--modal-title {
    font-size: 20px !important ;
    margin: 0 25px 10px 0;
    font-weight: 500;
    line-height: 22px;
    color: #4F4F52;
    word-wrap: break-word;
}

/*--------2FA Auth app and Backup specific styles---------*/
.auth-app-backup-login-two-factor-authentication__modal {
    background-color: #FFFFFF;
    margin: 0 auto;
    display: block;
    position: relative;
    width: 50%;
    border-radius: 5px;
    max-width: 598px;
}

.auth-app-backup-login-two-factor-authentication__title {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -35px;
    background-color: #F7F7F7;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #E2E2E2;
}

.auth-app-backup-login-two-factor-authentication__heading {
    padding-top: 20px;
    margin-bottom: 20px !important;
    font-size: 22px;
    font-weight: bold;
    font-family: ProximaNova;
    letter-spacing: 0.39px;
    line-height: 22px;
    color: #323232;
    display: inline-block;
}

.auth-app-backup-login-two-factor-authentication__modal__action {
    width: 540px;
    color: #333333;
    font-family: ProximaNova;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.43px;
    line-height: 29px;
}

.auth-app-backup-login-two-factor-authentication__modal__description {
    height: 25px;
    color: #626265;
    font-size: 16px;
    letter-spacing: 0.29px;
    line-height: 19px;
    display: inline-block;
}

.auth-app-backup-login-two-factor-authentication__link {
    font-size: 100%;
}

.auth-app-backup-login-two-factor-authentication-enter-code-label {
    font-weight: bold;
    color: #333333;
}

.auth-app-backup-login-two-factor-authentication-enter-code {
    width: 100% !important;
}

.auth-app-backup-login-two-factor-authentication-verify-code {
    width: 100%;
    text-align: center;
}

.auth-app-backup-login-two-factor-authentication__app-image {
    width: 40px;
    height: 58px;
    background: url(/Manager/static-images/2fa-app-icon.svg) no-repeat;
    background-size: 40px 58px;
    margin: -15px 15px 0 10px;
}

.auth-app-backup-login-two-factor-authentication__phone-image {
    width: 40px;
    height: 58px;
    background: url(/Manager/static-images/2fa-phone-call-icon.svg) no-repeat;
    background-size: 40px 58px;
    margin: -15px 20px 0 10px;
}

.auth-app-backup-login-two-factor-authentication__text-image {
    width: 40px;
    height: 58px;
    background: url(/Manager/static-images/2fa-text-icon.svg) no-repeat;
    background-size: 40px 58px;
    margin: -15px 20px 0 10px;
}

.auth-app-backup-login-two-factor-authentication__option_label {
    margin-top: 26px;
    display: flex;
}

.auth-app-backup-login-two-factor-authentication__label-text {
    margin-top: -5px;
}

.auth-app-backup-login-two-factor-authentication__option_title {
    color: #333333;
    font-family: ProximaNova;
    font-size: 16px;
    letter-spacing: 0.29px
}

.auth-app-backup-login-two-factor-authentication__option_description {
    color: #626265;
    font-family: ProximaNova;
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 17px;
}

.auth-app-backup-login-two-factor-authentication__option {
    text-decoration: none !important;
}

.auth-app-backup-login-two-factor-authentication__option_content {
    height: 80px;
    border: 1px solid #E2E1E2;
    border-radius: 5px;
    background-color: #F9F9F9;
    margin: 10px 0;
    padding-left: 20px;
    padding-right: 20px;
}

.auth-app-backup-login-two-factor-authentication__option_content:hover {
    background-color: #f4f4f4;
}

.auth-app-backup-login-two-factor-authentication__option_content:hover .auth-app-backup-login-two-factor-authentication__option_arrow {
    color: #bbbbbb;
}

.auth-app-backup-login-two-factor-authentication__option_arrow_container {
    flex: 1;
}

.auth-app-backup-login-two-factor-authentication__option_arrow {
    float: right;
    margin-top: 4px;
    font-size: 20px;
    color: #e4e4e4;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.exit-2fa-login-flow {
    margin-top: 22px;
}

/*--------Reset Password and Backup specific styles---------*/
.auth-app-backup-reset-password__title {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -35px;
    background-color: #F7F7F7;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #E2E2E2;
}

.auth-app-backup-reset-password__heading {
    padding-top: 20px;
    margin-bottom: 20px !important;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.39px;
    line-height: 22px;
    color: #323232;
    display: inline-block;
}

.auth-app-backup-reset-password__modal__description {    
    width: 540px;
    color: #626265;
    font-size: 16px;
    letter-spacing: 0.29px;
    line-height: 19px;
    display: inline-block;
}


.auth-app-backup-reset-password__modal__description li {
    color: #626265;
    font-size: 10px;
    letter-spacing: 0.29px;
    line-height: 17px;
    list-style-type: disc;
    margin: 0px 20px 0px 20px;
}

.auth-app-backup-reset-password__modal__description li span {
    color: #626265;
    font-size: 14px;
    letter-spacing: 0.29px;
    line-height: 17px;
    list-style-type: disc;
    position: relative;
    left: 10px;
}

.auth-app-backup-reset-password-label {
    height: 13px;
    color: #818181;	
    font-size: 11px;	
    font-weight: 600;	
    letter-spacing: 0.6px;	
    line-height: 13px;
}

.auth-app-backup-reset-password-textbox {
    border: 1px solid #E2E2E2 !important;	
    border-radius: 5px !important;
}

.auth-app-backup-reset-password-button-container {
    padding-top: 25px;
}

.auth-app-backup-reset-password-line{
    box-sizing: border-box;	
    height: 2px;
    border: 1px solid #E2E2E2; 
    padding-left: 25px; 
    padding-right: 25px; 
    margin-left: -25px; 
    margin-right: -25px;
}

.required-field-validator-block-div span.alert--error[style*="inline"]
{
    display:block !Important;
}

.reset-password__token-already-used__text {    
    color: #4F4F52;    
    font-size: 16px;
    letter-spacing: 0.29px;
    line-height: 19px;
}

.reset-password__token-already-used__request-button {
    width: 100%;
}

.first-login-set-password-modal__description {    
    color: #626265;
    font-size: 16px;
    letter-spacing: 0.29px;
    line-height: 19px;
    display: inline-block;
}


.first-login-set-password-modal__description li {
    color: #626265;
    font-size: 10px;
    letter-spacing: 0.29px;
    line-height: 17px;
    list-style-type: disc;
    margin: 0px 20px 0px 20px;
}

.first-login-set-password-modal__description li span {
    color: #626265;
    font-size: 14px;
    letter-spacing: 0.29px;
    line-height: 17px;
    list-style-type: disc;
    position: relative;
    left: 10px;
}

.two-factor-authentication-secret-code-container {
    display: flex;
}

.two-factor-authentication-single-code-digit {
    width: 40px !important;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

/*-------------Responsive styling-------------*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px) {
    #evergage_campaign_target_id,
    .evergageMessage {
        display: none;
    }
}

@media (max-width: 800px) {
    #evergage_campaign_target_id,
    .evergageMessage {
        display: none;
    }
}