/* general modal styles */
   .enroll .modal-dialog {
       margin: 0 auto!important;
       max-width: 360px;
       width: 90%;
   }
   .enroll .modal-footer {
       border-top: none;
       bottom: 0;
       left: 0;
       right: 0;
       z-index: 1;
   }
   .enroll .modal-footer p, .security-text02-sm p  {text-align:left;font-size:10px;line-height:12px;color:#fff;padding:0 5%;}
   .enroll .security-text01 {line-height:20px;}
   .w100 {width: 100% !important;}


   .enroll .modal-content {
       color:#fff;
       padding: 0 5%;
       position:relative;
       z-index:900;
       margin: 0;
       height: 600px;
       overflow-y: auto;
   }

   #modalCancel .modal-backdrop.in {
       opacity: 0.9;
   }

   #modalCancel .modal-content {
       height: auto;
       width:250px;
       background: #eee;
       padding: 0;
       position:relative;
       color: #000;
   }

   #modalCancel .modal-content {margin: 0 auto!important;}

   #modalCancel .modal-header {
       background: #eee;
       color: #000;
       font-weight: bold;
   }

   #modalCancel .enr-cancel-body.modal-body {text-align:left;padding:15px 0px 0px;}
   #modalCancel .enr-cancel-body.modal-body .cancel-txt {padding:0px 20px 0px;}
   #modalCancel .enr-cancel-body.modal-body .cancel-txt p {line-height:20px;}



   #modalCancel .cancel-btn-controls .btn {
       background-color:#eee!important;
       background:#eee!important;
       color: blue;
       border-top: 1px solid #ccc;
       height:40px;
       font-size:12px;
       }

   #modalCancel .cancel-btn-controls .btn:hover {box-shadow:none;}

   #modalCancel .cancel-btn-controls .btn-enr-cancel {
       border-right: 1px solid #ccc;
       }

   .enroll .modal-header {
       background: transparent;
       border-bottom:none;
       padding: 15px 0px 0px;
       position:relative;
       z-index:901;
   }

   .enroll a.enr-cancel-link,
   .enroll a.enr-cancel-link:hover,
   .enroll a.enr-cancel-link:focus { font-weight:bold;text-decoration:none;cursor:pointer;}

   .enroll .modal-body div.security-text01 {
       line-height: 18px;
       margin-bottom: 30px;
       font-size: 14px;
       text-align: left;
   }

   .modal#modalCancel {z-index:1150!important;}

   .enroll .enr-continue {
       padding: 20px 0px;
       margin-top: 60px;
   }

   .enroll .enr-btn {height:60px;margin-bottom: 15px;}

   /* forms */

   .enroll form label {margin-left:0px!important;font-size:10px;font-weight:normal;}
   .enroll form label.enr-label {float:none!important;margin-bottom:0;}
   .enroll form.enr-confirm label {float:left;font-size:14px;font-weight:bold;}
   .enroll form.enr-confirm p {line-height: 14px;vertical-align:baseline;padding-top:3px;}

   .enroll form.enr-pass-confirm .security-text01 {margin-bottom:10px;}
   .enroll form.enr-pass-confirm .security-text01 p {line-height:20px;}
   .enroll form.enr-pass-confirm .confirm-pass-standards {margin-left:20px;margin-bottom:20px;}
   .enroll form.enr-pass-confirm .confirm-pass-standards li.security-text02-sm {line-height:10px;margin-bottom:0px;}
   .enroll form.enr-pass-confirm .confirm-pass-standards .security-text02-sm p {line-height:0px;}

   p.completed-text {line-height: 18px;font-size:12px;margin-top:60px;margin-bottom:40px;}
   .enroll form.enr-confirm .form-group label,
   .enroll form.enr-pass-confirm .form-group label {padding-right:15px;}

   .enroll btn.enr-no-access {margin-top:15px!important;padding:10px 20px;}

   #noAccessBtn p {
       line-height: 20px;
       white-space: normal;
       margin: 0 auto;
       padding: 4px;
       text-align: center;
       font-size: 14px;
   }
   .enroll .enr-confirm-btns {position:absolute;bottom:-307px;}
   .enroll .enr-pass-confirm-btns {position:relative;}

   .popover-content {color: #000;}

   .fa-li {line-height:10px;}

   /* may not need this */
   input[readonly] {
       background-color: transparent;
       border: 0;
       box-shadow: none;
   }

    /* modal cancel and show ok cancel styling */

    #modal-ok {z-index: 11111;}
    #modal-ok-closetop {display:none;}

    #modal-ok div.modal-dialog {
        width: 90%;
        max-width: 300px;
        margin: 0 auto!important;
        padding: 0;
    }

    #modal-ok div.modal-content {
        margin:0 auto!important;
    }

     #modal-ok div.modal-dialog .modal-body {
         margin-top:25px;
         padding-bottom: 25px;
         text-align:center;
         clear:both;
         border-bottom: 1px solid #ccc;
    }

    #modal-ok div.modal-dialog button#modal-ok-closeok {background-color: #fff; color: blue;}

    #modal-ok div.modal-dialog .btn.focus,
    #modal-ok div.modal-dialog .btn:focus,
    #modal-ok *:focus,
    #modal-ok div.modal-dialog .btn:hover {
        color: blue;
        box-shadow:none;
        outline:none!important;
        outline-offset:0;
        border:none!important;
    }

    #modal-ok div.modal-dialog button#modal-ok-closeok:focus {
        border: 1px solid #000!important;
    }

    #modal-ok .btn {
        margin: 0 auto;
        padding: 10px;
    }

    #modalCancel .modal-backdrop.in {
        opacity: 0.9;
    }

    #modalCancel .modal-content {
        height: auto;
        width:250px;
        background: #eee;
        padding: 0;
        position:relative;
        color: #000;
    }

    #modalCancel .modal-content {margin: 0 auto!important;}

    #modalCancel .modal-header {
        background: #eee;
        color: #000;
        font-weight: bold;
    }

    #modalCancel .enr-cancel-body.modal-body {text-align:left;padding:15px 0px 0px;}
    #modalCancel .enr-cancel-body.modal-body .cancel-txt {padding:0px 20px 0px;}
    #modalCancel .enr-cancel-body.modal-body .cancel-txt p {line-height:20px;}

    #modalCancel .cancel-btn-controls .btn:hover {box-shadow:none;}

    #modalCancel .cancel-btn-controls .btn-enr-cancel {
        border-right: 1px solid #ccc;
    }

    #modalCancel .cancel-btn-controls .btn-enr-cancel, #modalCancel .cancel-btn-controls .btn-enr-ok {
        box-shadow: none;
    }

    .enroll a.enr-cancel-link,
    .enroll a.enr-cancel-link:hover,
    .enroll a.enr-cancel-link:focus {color: #fff; font-weight:bold;text-decoration:none;cursor:pointer;}

    /* confirm pass icons */

    .enr-pass-confirm .form-group span {
        position:absolute;
        right:0px;
        float:right;
        bottom:13px;
        left:unset;
    }



    /* hide numeric spinners on numeric input fields */
    input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }
    .enroll a.enr-cancel-link:focus, .enroll a.enr-cancel-link:focus {
        border: 1px solid #fff;
        padding: 5px 23px;
        width: 100px;
    }


/* MFA */


    #modalMfa01 div.security-text01 {
        line-height: 18px;
        margin-bottom: 30px;
        font-size: 13px;
        text-align: left;
        margin-top: 20px;
    }

   #modalMfa01 form.enr-mfa-confirm {
       padding-bottom: 15px;
   }

    #modalMfa01 form.enr-mfa-confirm .mfa-btn-type div.mfa-info-txt {
        margin: 10px 0px 0px!important;
        line-height: 10px!important;
        font-size: 12px!important;
    }

    #modalMfa02 form.enr-mfa-confirm .form-section-code-confirm label {
        font-weight: normal;
        font-size: 12px;
    }

    #modalMfa02 form.enr-mfa-confirm .form-section-code-confirm input {
        width: 170px;
        margin: 10px auto 20px;
    }

    #modalMfa02 div.security-text01 {
        margin-bottom: 20px;
        font-size: 13px;
    }

    #modalMfa02 .btn.enr-no-access p {line-height: 14px;}

    .mfa-btn-sm {
        min-height: 45px;
        margin-bottom: 15px;
        white-space: normal;
    }

    .mfa-btn-lg {
        height: 60px;
        margin-bottom: 15px;
    }

    .modalMfa02 button,
    .modalMfa02 button p {
        margin-bottom: 15px;
        font-size: 12px;
        font-weight: bold;
    }


    /***** Forgot Password/username *****/

    /* reverse fade in from bottom upon modal initialization */
   .forgot.modal.fade .modal-dialog {
       transform: translate3d(0, 100vh, 0);
    }
   .forgot.modal.in .modal-dialog {
       transform: translate3d(0, 0, 0);
    }

   /* general modal styles */
   .forgot .modal-dialog {
       margin: 0 auto!important;
       max-width:360px;
       width: 90%;
    }
   .forgot .modal-footer {
       border-top:none;
       padding: 0;
       position: absolute;
       right: 0;
       bottom: 0;
       border: 1px solid rgba(0,0,0,.2);
       border-top: none;
       border-radius: 0 0 6px 6px;
       z-index: 1;
    }
    .forgot .modal-footer .primaryBtnContainer {
      padding: 20px 13px;
    }
   .forgot .modal-footer p, .security-text02-sm p  {
       text-align:left;
       font-size:10px;
       line-height:12px;
       width:260px;
    }
   .forgot .security-text01 {
       line-height:20px;
    }

   .forgot .modal-content {
       position:static;
       z-index:900;
       height: 600px;
       overflow-y: auto;
       padding-bottom: 82px;
       margin: 0;
       scroll-padding-top: 60px;
       scroll-padding-bottom: 60px;
   }

   .forgot .mfaContent {
    padding-bottom: 165px;
   }

   .forgot .modal-content::-webkit-scrollbar-track, .forgot .modal-content::-webkit-scrollbar-thumb {
       border-top-right-radius: 6px;
       border-bottom-right-radius: 6px;
    }

    .forgot .modalContentWrapper {
        border-radius: 6px;
        width: 100%;
    }

   .forgot .modal-header {
        background: transparent;
        border-bottom:none;
        padding: 15px 0px 0px 19px;
        position:relative;
        font-weight: 600;
        z-index:901;
    }

    .forgot a.enr-cancel-link,
    .forgot a.enr-cancel-link:hover,
    .forgot a.enr-cancel-link:focus {
        font-weight:bold;
        text-decoration:none;
        cursor:pointer;
    }

    .forgot .modal-body .completed-title {
        margin: 5px 57px 10px;
    }

    .forgot .modal-body div.security-text01 {
        line-height: 18px;
        margin: 0 22px 0 35px;
        font-size: 14px;
        text-align: left;
    }

    .forgot .modal-body div.pre-form-content.subtitle {
        margin: 20px 22px 0 35px;
    }

    .forgot .modal-body div.pre-form-content .confirm-pass-standards {
        margin: 20px 20px 0 63px;
    }

    .forgot .modal-body div.pre-form-content .confirm-pass-standards label {
        font-size: 12px;
        font-weight: 400;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .forgot .modal-body div.pre-form-content .confirm-pass-standards span {
        font-size: 19px;
        line-height: 8px;
        font-weight: 600;
    }

    .forgot .enr-continue {
        padding: 20px 0px;
        margin-top: 60px;
    }

    .forgot .modal-body form #Password-group {
        margin-top: 25px;
    }

    .forgot #cBodyFull form {
        margin: 26px 38px 0;
        font-weight: 600;
    }

    .forgot form .enr-btn {
        height:61px;
        margin-bottom: 15px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .forgot .user-switcher-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* forms */

    .forgot form label {
        margin: 0 0 7px;
        padding: 0 20px;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .forgot form label.enr-label {
        float:none!important;
        margin-bottom:0;
    }
    .forgot form.enr-confirm label {
        float:left;
        font-size:14px;
        font-weight:bold;
    }
    .forgot form.enr-confirm p {
        line-height: 14px;
        vertical-align:baseline;
        padding-top:3px;
    }

    .forgot form.enr-pass-confirm .security-text01 {
        margin-bottom:10px;
    }
    .forgot form.enr-pass-confirm .security-text01 p {
        line-height:20px;
    }
    .forgot form.enr-pass-confirm .confirm-pass-standards {
        margin-left:20px;
        margin-bottom:20px;
    }
    .forgot form.enr-pass-confirm .confirm-pass-standards li.security-text02-sm {
        line-height:10px;
        margin-bottom:0px;
    }
    .forgot form.enr-pass-confirm .confirm-pass-standards .security-text02-sm p {
        line-height:0px
    }
    .forgot form .forgot-form-group {
        margin-bottom: 10px;
    }

    .forgot form .enr-stage01 {
        height: 55px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 10px;
    }

    .forgot form .enr-stage01::placeholder {
        font-weight: 500;
    }

    .forgot #mfacode {
        height: 55px;
        font-size: 16px;
        font-weight: 700;
        padding-left: 20px;
        background-color: transparent;
    }
    
    .forgot .enr-stage01 {
        font-weight: 500;
    }

    p.completed-text {
        line-height: 18px;
        font-size:12px;
        margin-top:60px;
        margin-bottom:40px;
    }
    .forgot .forgot-form-group {
        text-align: left;
    }
    .forgot form.enr-confirm .form-group label,
    .forgot form.enr-pass-confirm .form-group label {
        padding-right:15px;
    }

    .forgot btn.enr-no-access {
        margin-top:15px!important;
        padding:10px 20px;
    }
    .forgot .btn.enr-no-access p {
        line-height: 20px;
        white-space:normal;
        margin:0 auto;
        padding:4px;
    }
    .forgot .enr-confirm-btns {
        position:absolute;
        bottom:-307px;
    }
    .forgot .enr-pass-confirm-btns {
        position:relative;
    }

    .forgot a.enr-cancel-link,
    .forgot a.enr-cancel-link:hover,
    .forgot a.enr-cancel-link:focus {
        font-weight:bold;
        text-decoration:none;
        cursor:pointer;
    }
    .forgot ul.confirm-pass-standards li {
        text-align: left;
    }

   #cBody, #cBodyFull, #modalEnroll .enr-body, #fuppBody {
       text-align: left;
       padding: 1px 0 0;
       margin-top: 30px;
   }

   @media (max-height: 610px) {
       #modalForgotUsernamePassword .modal-dialog {
           align-items: baseline;
       }
       #modalEnroll .modal-content, .forgot .modal-content {
           position: absolute;
           top: 0;
           bottom: 0;
           height:auto;
       }

       #modalForgotUsernamePassword .modal-body{
           overflow: auto;
       }

       #modalForgotUsernamePassword .enr-content.modal-content {
           display: block;
           position: absolute;
           top: 0;
           bottom: 0;
           height: auto;
           margin: 0;
       }
   }

   @media (max-width: 360px) {
       #modalEnroll .modal-content, .forgot .modal-content {
           margin: 0;
       }
   }

   #modalEnroll {
       overflow: auto;
   }

   .footerBtnContainer{
       display: none;
       padding: 0 15px;
   }


   #enrModalHdr, #modalForgotUsernamePassword .modal-header {
       position: fixed;
       width: 343px;
       border-radius: 6px 0 0;
   }

   .modalBody02 button, .modalMfa02 button, #loginMFA .modal-footer button {
       display: block;
       margin: 10px auto !important;
   }

   .modalMfa02 button p{
       line-height: 20px;
       white-space: normal;
       margin: 0 auto;
       padding: 0;
       text-align: center !important;
       font-size: 12px;
   }

   #modalForgotUsernamePassword .enr-footer.modal-footer{
       text-align: left;
       left: 0;
   }

   .enr-footer.modal-footer p.footerText{
       margin: 0;
       display: block;
       padding: 15px 30px;
       width: 100%;
   }

   .forgot .enr-footer.modal-footer .primaryBtnContainer button{
       padding: 5px 10%;
       font-size: 12px;
       font-weight: 800;
       border-radius: 5px;
       height: 42px;
       display: inline-block;
       margin: 0;
   }
   
   .enroll .modal-footer{
       margin: 0 -15px;
   }