/*
 * Replacement classes for inline style="" attributes on strict-CSP pages.
 * Public pages drop 'unsafe-inline' from style-src to satisfy SecurityScorecard
 * (csp_unsafe_policy_v2), so inline style attributes are no longer allowed and are
 * expressed as classes here instead. Loaded by Layout::renderWebLayout() and
 * Layout::renderView().
 */

.csp-nowrap { white-space: nowrap; }
.csp-pre-wrap { white-space: pre-wrap; }
.csp-gtm-noscript { display: none; visibility: hidden; }

/* web_nav */
.csp-logo-divider { border-left: 2px solid #fff; }

/* web_footer */
.csp-footer-input-group { border: 1px solid #ced4da; border-radius: .25rem; }
.csp-footer-signup-btn { top: calc((1.5em + .75rem + 2px) * -1); }
.csp-footer-hr { background: #707070; }
.csp-footer-heading { border-bottom: 2px solid #327996; }

/* form_login (login portal + corporate requests) */
.csp-form-group-relative { position: relative; }
.csp-biometric-login-btn {
    position: absolute;
    z-index: 23847234;
    bottom: 2px;
    right: 2px;
}

/* two_factor_auth */
.csp-country-code-col { max-width: 60px; }
.csp-outside-us-label {
    font-size: .7rem !important;
    line-height: 1.1;
    padding: 0 0 0 4px;
    margin: 0;
}
.csp-text-center-important { text-align: center !important; }

/* generic helpers */
.csp-position-relative { position: relative; }
.csp-overflow-hidden { overflow: hidden; }
.csp-h-auto { height: auto; }
.csp-d-flex-important { display: flex !important; }
.csp-d-block-important { display: block !important; }

/* desktop.php main content */
.csp-main-content { height: auto; }
.csp-calendar-row { min-height: 100%; height: auto; }

/* nav_careuser */
.csp-corp-logo { min-width: 120px; max-width: 155px; }

/* modal_phone_validation */
.csp-modal-325 { width: 325px; }

/* mobile layout app-store badges */
.csp-app-badge { height: 50px; }

/* public web/* pages */
.csp-page-margin { margin: 50px auto !important; }
.csp-ml-40 { margin-left: 40px; }
.csp-logo-h57 { max-height: 57px; }
.csp-logo-w160 { width: 160px; height: auto; }
.csp-logo-w180 { width: 180px; height: auto; padding-left: .5rem; }
.csp-logo-w150 { width: 150px; height: auto; padding-left: .5rem; }
.csp-cobrand-header { padding-top: 1rem; display: flex; flex-direction: row; z-index: 99; }
.csp-cobrand-header-centered { padding-top: 1rem; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 99; }
.csp-divider-bar { display: flex; width: 3px; height: 100%; background-color: #52b9e4; }
.csp-divider-bar-grow { display: flex; flex-grow: 1; width: 3px; height: 100%; background-color: #52b9e4; }
.csp-divider-col { background-color: #52b9e4 !important; width: 6px; min-width: 6px !important; max-width: 6px; height: 55px !important; }
.csp-divider-col-grow { white-space: nowrap; background-color: #52b9e4 !important; width: 6px; min-width: 6px !important; max-width: 6px; height: 55px !important; margin-left: 2.5rem; margin-right: 2.5rem; flex-grow: 1; }
.csp-cobrand-cell { float: left; white-space: nowrap; max-width: 100% !important; }
.csp-cobrand-cell-divider { float: left; white-space: nowrap; max-width: 100% !important; padding-left: 2.5rem; padding-right: 2.5rem; height: 70px; }
.csp-cobrand-cell-logo { float: left; white-space: nowrap; max-width: 100% !important; padding-left: .5rem; display: flex; justify-items: flex-start; align-items: center; }
.csp-iframe-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.csp-video-embed { padding: 56.25% 0 0 0; position: relative; }
.csp-font-inherit { font-size: inherit; }
.csp-fs-14 { font-size: 14px; }
.csp-fs-16 { font-size: 16px; }
.csp-fs-30 { font-size: 30px; }
.csp-fs-36 { font-size: 36px; }
.csp-fs-42 { font-size: 42px; }
.csp-pt-1 { padding-top: 1rem; }
.csp-pt-1-5 { padding-top: 1.5rem; }
.csp-full-img { width: 100% !important; height: auto !important; }
.csp-overflow-hidden-bg { overflow: hidden; }
.csp-toc-heading { font-size: 30px; color: #ffffff; text-align: left; }
.csp-svg-fill-white { fill: #fff; }
.csp-d-none-important { display: none !important; }
.csp-border-white { border: 1px solid white; }
.csp-mb-90 { margin-bottom: 90px; }
.csp-tooltip-min-w { min-width: 5rem; }
.csp-alert-icon { width: 30px; height: 30px; margin-right: 13px; }