.tui-formRow{margin-bottom:1.5rem}.tui-formField{padding-top:1.5rem}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}:root{--nav-bg-color: #FFFFFF;--nav-text-color: #4B145F;--color-primary: #c0c0c0;--btn-prim-accent-color: #4B145F;--btn-accent-color: #4B145F;--link-color: #4B145F;--color-state: #4B145F;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-prim-accent-color-focus: #410a55;--btn-prim-accent-color-active: #300044;--btn-accent-color-focus: #410a55;--btn-accent-color-active: #300044;--link-color-hover: #410a55;--color-state-hover: #410a55;--color-state-focus: #410a55;--color-state-active: #300044;--footer-text-color-hover: #1c1c1c;}
/* =========================================================
   MEDEx LMS LOGIN PAGE
   ========================================================= */

/* Login logo */
#page-login-index .tui-core_auth-loginNav__image {
    height: 9rem;
    max-width: 100%;
    padding: 0;
    object-fit: contain;
}

#page-login-index .tui-core_auth-loginNav {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

#page-login-index .tui-core_auth-loginNav__logo {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
    box-sizing: border-box;
}


/* Certificate launch status */
.cls_cert_launch_status {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}


/* Buttons */
button {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    word-break: keep-all;
}


/* =========================================================
   MOBILE LOGIN PAGE
   ========================================================= */

@media (max-width: 600px) {

    /* Make the logo fit comfortably on a phone */
    #page-login-index .tui-core_auth-loginNav__image {
        width: 80%;
        max-width: 280px;
        height: auto;
        padding: 0;
        object-fit: contain;
    }

    #page-login-index .tui-core_auth-loginNav__logo {
        width: 80%;
        max-width: 280px;
        height: auto;
        margin: 0 auto;
    }

    #page-login-index .tui-core_auth-loginNav {
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: hidden;
        box-sizing: border-box;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 400px) {

    #page-login-index .tui-core_auth-loginNav__image,
    #page-login-index .tui-core_auth-loginNav__logo {
        width: 75%;
        max-width: 230px;
    }
}