.registration-dialog {
    font-size: 1.1em;
    margin: 2em 0;
}

.registration-dialog .registration-dialog .spinner {
    width: 100px;
}

body.ic-Login-Body {
    background-attachment: fixed;
    background-color: #036;
    background-image: linear-gradient(transparent, transparent 80%, #182025), url("");
    background-size: cover;
    height: 100vh;
}

.ic-Login {
    color: #fff;
    display: flex;
    justify-content: center;
}

.ic-Login__container {
    margin-top: 375px;
}

.ic-Login__content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 5px;
    margin: 0 auto;
    padding: 12px;
}

.ic-Login__innerContent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 5px;
    padding-top: 24px;
    display: block;
}

.ic-Login__title {
    color: #fff;
}

.ic-Login__text {
    color: #fff;
}

.ic-Login__body {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 12px;
    padding: 24px 24px 12px;
}

.ic-Form-control--login .ic-Label {
    color: #fff !important;
}

.ic-Login__link {
    color: #fff !important;
}

.ic-Login__body__error {
    display: block;
    left: auto;
    max-width: 400px;
    position: relative;
    top: auto;
}

.ic-Login__header {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 24px;
}

.ic-Login__header .ic-Login__header__logo {
    flex: 1 1 0;
}

.ic-Login__header .ic-Login__header__logo img {
    max-width: 190px;
}

.ic-Login__header .ic-Login__headerBrowse {
    padding-top: 6px;
    text-align: right;
}

.ic-Login__actions {
    align-items: center;
    display: flex;
}

.ic-Login__actions .ic-Login__actions-timeout {
    flex: 1 1 0;
}

.ic-Login__actions .ic-Login__actions-timeout label {
    color: #fff;
}

.ic-Login__actions .ic-Login__actions--right {
    display: flex;
    flex: 1 1 0;
    justify-content: flex-end;
}

.ic-Login__actions .ic-Login__actions--left {
    flex: 1 1 0;
    text-align: left;
}

.ic-Login__actions .ic-Form-control {
    margin-bottom: 0;
}

.ic-Login__actions button.Button--login {
    background: #0096db none repeat scroll 0 0;
    border: 1px solid #00628f;
    color: #fff;
    padding: 6px 36px;
}

.ic-Login__actions button.Button--login:focus {
    color: #fff;
}

.ic-Login__actions button.Button--login:hover {
    background: #0085c2 none repeat scroll 0 0;
    color: #fff;
}

.ic-Login__actions button.Button--login.ui-state-hover:hover {
    background: #0081bc none repeat scroll 0 0;
    border-color: #00628f;
    color: #fff;
}

.ic-Login__actions button.Button--login:focus {
    box-shadow: 0 0 0 1px #fff inset;
}

.ic-Login__actions button.Button--login.active, .ic-Login__actions button.Button--login.Button--active, .ic-Login__actions button.Button--login:active {
    background: #007ab2 none repeat scroll 0 0;
    box-shadow: none;
}

.ic-Login__forgot-text {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    padding: 0 0 24px;
}

.ic-Login_enroll {
    padding: 12px 0;
    text-align: center;
}

body.ic-Login-Body #footer.ic-app-footer {
    display: none !important;
}

body.ic-Login-Body #footer.ic-Login-footer {
    display: block !important;
}

.ic-Login-footer .ic-Login-footer__logo-link {
    display: block;
    text-align: center;
    display: none;
}

.ic-Login-footer .ic-Login-footer__logo-link .ic-Instructure-Logo {
    fill: #fff;
    display: none;
}

.ic-Login-footer span.ui-icon.ui-icon-extlink.ui-icon-inline {
    display: none;
    display: none;
}

.ic-Login-footer .ic-Login-footer__links {
    padding: 12px;
    text-align: center;
    display: none;
}

.ic-Login-footer .ic-Login-footer__links a, .ic-Login-footer .ic-Login-footer__links .menu-item__text {
    color: #fff;
    font-size: 0.6875rem;
    padding: 0 6px;
    text-decoration: none;
    white-space: nowrap;
    display: none;
}

.ic-Login-footer .ic-Login-footer__links a:hover, .ic-Login-footer .ic-Login-footer__links .menu-item__text:hover {
    color: #fff;
    text-decoration: underline;
    display: none;
}

.ic-Login__register-banner {
    display: block;
    margin-left: 12px;
    text-align: right;
}

.ic-Login__register-banner .ic-Login__banner-title {
    font-weight: 300;
}

.ic-Login__register-banner .ic-Login__banner-subtitle {
    font-weight: 700;
}

#unauthorized_holder {
    box-shadow: 0 4px 20px -2px #000;
    margin: 30px auto 20px;
    width: 663px;
}

#unauthorized_holder #modal-box.login-box {
    box-shadow: none;
    margin: 0;
}

#unauthorized_holder #unauthorized_message {
    line-height: 1.2;
    margin: 0;
    padding: 15px 20px;
    width: auto;
}

#unauthorized_holder #unauthorized_message.ui-state-error::before {
    top: 15px;
}

#unauthorized_holder #unauthorized_message h2, #unauthorized_holder #unauthorized_message .h2 {
    color: #000;
    height: 41px;
    margin: 0 0 -5px;
    padding: 0 0 0 60px;
}

#unauthorized_holder #unauthorized_message p {
    font-size: 1.25em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 60px;
}

.Button--logout-confirm {
    background: #0096db none repeat scroll 0 0;
    border: 1px solid #00628f;
    color: #fff;
}

.Button--logout-confirm:focus {
    color: #fff;
}

.Button--logout-confirm:hover {
    background: #0085c2 none repeat scroll 0 0;
    color: #fff;
}

.Button--logout-confirm.ui-state-hover:hover {
    background: #0081bc none repeat scroll 0 0;
    border-color: #00628f;
    color: #fff;
}

.Button--logout-confirm:focus {
    box-shadow: 0 0 0 1px #fff inset;
}

.Button--logout-confirm.active, .Button--logout-confirm.Button--active, .Button--logout-confirm:active {
    background: #007ab2 none repeat scroll 0 0;
    box-shadow: none;
}

.Button--logout-link {
    color: #fff;
}

.Button--logout-link:hover {
    color: #fff;
}

.ic-Login-confirmation__headline {
    margin: 0 0 12px;
}

.ic-Login-confirmation__actions {
    margin-top: 24px;
    text-align: right;
}

body.body--login-confirmation {
    background: #2e3c46 none repeat scroll 0 0;
}

.ic-Login-confirmation {
    border-radius: 3px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    margin: 36px auto 0;
    width: 696px;
}

@media only screen and (max-height: 600px) {
    .ic-Login-confirmation {
        margin-top: 12px;
    }
}

.ic-Login-confirmation form {
    margin-bottom: 0;
}

.ic-Login-confirmation__header {
    background: #34444f none repeat scroll 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 18px;
}

.ic-Login-confirmation__logo {
    height: 57px;
    width: 140px;
}

.ic-Login-confirmation__content {
    background: #fff none repeat scroll 0 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 24px;
}

.ic-Login-confirmation__auth-icon {
    display: inline-block;
    height: auto;
    margin-right: 12px;
    max-width: 72px;
    vertical-align: middle;
}

.ic-Login__sso {
    clear: both;
    text-align: center;
}

.ic-Login__sso-divider {
    align-items: center;
    border-top: 1px solid #e6e6e6;
    color: #ccc;
    display: flex;
    font-size: 0.6875rem;
    line-height: normal;
    margin: 0;
    padding: 10px 0;
}

.ic-Login__sso-list {
    border-top: 1px solid #fff;
    margin: 24px 0 0;
    padding: 12px 0 0;
}

.ic-Login__sso-list__item {
    display: inline-block;
    list-style: outside none none;
}

.Button.ic-Login__sso-button {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    color: #fff;
    padding: 10px 24px;
    transition: all 0.5s ease 0s;
}

.Button.ic-Login__sso-button--has-text {
    align-items: center;
    display: flex;
}

.Button.ic-Login__sso-button:focus {
    color: #fff;
}

.Button.ic-Login__sso-button:hover {
    background: #036 none repeat scroll 0 0;
    color: #fff;
}

.Button.ic-Login__sso-button.ui-state-hover:hover {
    background: #036 none repeat scroll 0 0;
    border-color: #000d1a;
    color: #fff;
}

.ic-Login__icon-sso {
    padding-right: 12px;
}

.ic-Login__icon-sso--icon-only {
    padding-right: 0;
}

.ic-Login__sso-button__title {
    border-left: 1px solid #fff;
    color: #fff;
    padding: 0 12px;
}

.ic-Login__sso-button__title-caps {
    text-transform: capitalize;
}

#f1_container {
    position: relative;
    margin: 0 auto;
    padding: 110px 0;
    width: 300px;
    height: 198px;
    z-index: 1;
}

#f1_card {
    width: 100%;
    height: 100%;
}

#login_form {
    display: inline-block;
}

/* ==========================================================================
   UNR CANVAS TAB OVERRIDES (HORIZONTAL & VERTICAL)
   ========================================================================== */

/* 1. Base anchor state for ALL inactive tabs - sets to UNR accessible gray text */
.enhanceable_content.tabs .ui-tabs-nav li a,
.enhanceable_content.tabs.vertical-tabs ul li a {
  background-color: #f0f0f0 !important;
  color: #3A3B3E !important; /* UNR Slate Gray */
  font-weight: bold !important;
  border-radius: 4px !important;
  border: none !important;
}

/* 2. Hover state */
.enhanceable_content.tabs .ui-tabs-nav li a:hover,
.enhanceable_content.tabs.vertical-tabs ul li a:hover {
  background-color: #e2e3e5 !important;
  color: #041E42 !important; /* UNR Navy */
}

/* 3. ACTIVE/SELECTED Tab Overrides - Forces the UNR color dynamically */
.enhanceable_content.tabs .ui-tabs-nav li.ui-tabs-active a,
.enhanceable_content.tabs .ui-tabs-nav li.ui-state-active a,
.enhanceable_content.tabs.vertical-tabs ul li.ui-tabs-active a {
  background-color: #041E42 !important; /* Official UNR Navy */
  color: #ffffff !important;            /* High contrast white text */
}

/* Clear native borders Canvas adds around the active tab box wrapper */
.enhanceable_content.tabs .ui-tabs-nav li.ui-state-active,
.enhanceable_content.tabs .ui-tabs-nav li.ui-tabs-active {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}