/*-------UA coor widget css-------------------*/

.uaCoordinatorLogin #uaUserLoginForm {
    padding-top: unset !important;
}

.uaCoordinatorLogin .ua-login-password-group {
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    width: 100% !important;
}

.uaCoordinatorLogin .ua-login-username-group {
    padding-top: 0% !important;
    padding-bottom: 3% !important;
    width: 100%;
}

/* reinforces .ua-error-msg color */
.logMsg {
    display: block;
    font-family: "Raleway", Helvetica, sans-serif;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 0.7rem;
    color: red;
    margin-left: 4% !important;
}

.uaCoordinatorLogin #uaUserLoginForm > hr {
    display: none !important;
}
/* reinforces .ua-error-msg color */
/* Override the ua-widget.css -5% left margin */
.uaCoordinatorLogin ua-ng-login-lib .ua-login-body {
    margin: 0 !important;
}

/* Lock the login container to full width */
/*.uaCoordinatorLogin .ua-login-container {*/
.uaCoordinatorLogin .ua-login-container:not(ua-change-password.ua-login-container):not(ua-user-force-reset-password.ua-login-container) {
    width: 100% !important;
    max-width: 100% !important;
}

/* Prevent the row from reflowing */
.uaCoordinatorLogin .ua-login-row {
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.uaCoordinatorLogin .ua-error-msg {
    margin-top: 2px !important;
}

/* ============================================================
   TOS / POS Changes
   ============================================================ */
.ua-tos[role="alert"] {
    margin-top: -5% !important;
}

.uaCoordinatorLogin .ua-tos[role="alert"] .danger-message {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin-bottom: 0.5rem !important;
    margin-top:-10%;
}

.uaCoordinatorLogin .ua-tos .danger-image {
        flex-shrink: 0 !important;
        margin-left: 2px !important;
}

.uaCoordinatorLogin .ua-tos .danger-message {
        margin: 0 !important;
 }

#uaUserLoginForm .danger-image {
    margin-top: 0.2rem !important;
}

/* ============================================================
   Forgot Password / Reset
   ============================================================ */

/* Instruction text ("Enter your username…") — full width below heading */
.uaCoordinatorLogin ua-ng-login .ua-reset-container form.ua-form-reset > p.text-left {
    width: 100% !important;
}


/* Hide the horizontal rule the UA widget injects between heading and instruction text */
.uaCoordinatorLogin ua-ng-login .ua-reset-container form.ua-form-reset > hr {
    display: none !important;
}

.uaCoordinatorLogin .ua-reset-username-group {
    width: 60%;
}
.uaCoordinatorLogin ua-ng-login .btn.ua-cancel-link.reset-option-btn.ua-cancel-btn.reset-cancel {
    width: 30%;
}


/*Password reset window */
.uaCoordinatorLogin .ua-user-force-reset-password-body {
    margin-left: 2% !important;
}

/* ============================================================
   Full-screen white overlay for login loader
   ============================================================ */


/* loginLoader covers the entire .inner.style2.narrow container */
#loginLoader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1040; /* just below Bootstrap modal (1050) */
    align-items: center;
    justify-content: center;
}