:root {
  /* Logo Based Colors */
  --logo-light-blue: #4197cb;
  --logo-dark-blue: #194f90;
  --logo-orange: #f88d2b;
  --logo-orange-dark: #b05706;
  /* Primary Colors */
  --primary-darkest-blue: #00041f;
  --primary-dark-blue: #00263d;
  --primary-teal: #0094a2;
  --primary-light-blue: #66ffff;
  --primary-grey: #e3e3e3;
  --primary-light-grey: #f7f8fa;
}

/**
 * Background Color Classes
 */
.bg-darkest-blue {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-dark-blue {
  background-color: var(--primary-dark-blue) !important;
}
.bg-light-blue {
  background-color: var(--primary-light-blue) !important;
}
.bg-teal {
  background-color: var(--primary-teal) !important;
}
.bg-orange {
  background-color: var(--logo-orange) !important;
}
.bg-grey {
  background-color: var(--primary-grey) !important;
}
.bg-light-grey {
  background-color: var(--primary-light-grey) !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #ffffff !important;
}

.bg-hover-darkest-blue:hover {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-hover-dark-blue:hover {
  background-color: var(--primary-dark-blue) !important;
}
.bg-hover-light-blue:hover {
  background-color: var(--primary-light-blue) !important;
}
.bg-hover-teal:hover {
  background-color: var(--primary-teal) !important;
}
.bg-hover-orange:hover {
  background-color: var(--logo-orange) !important;
}
.bg-hover-grey:hover {
  background-color: var(--primary-grey) !important;
}
.bg-hover-light-grey:hover {
  background-color: var(--primary-light-grey) !important;
}
.bg-hover-black:hover {
  background-color: #000000 !important;
}
.bg-hover-white:hover {
  background-color: #ffffff !important;
}

/**
 * Text Color Classes
 */
.text-darkest-blue {
  color: var(--primary-darkest-blue);
}
.text-dark-blue {
  color: var(--primary-dark-blue) !important;
}
.text-light-blue {
  color: var(--primary-light-blue) !important;
}
.text-teal {
  color: var(--primary-teal) !important;
}
.text-orange {
  color: var(--logo-orange) !important;
}
.text-logo-orange {
  color: var(--logo-orange);
}
.text-logo-dark-blue {
  color: var(--logo-dark-blue);
}
.text-logo-light-blue {
  color: var(--logo-light-blue);
}
.text-grey {
  color: var(--primary-grey);
}
.text-light-grey {
  color: var(--primary-light-grey);
}
.text-black {
  color: #000000;
}
.text-white {
  color: #ffffff;
}

/**
 * Text Hover Color Classes
 */
.text-hover-darkest-blue:hover {
  color: var(--primary-darkest-blue) !important;
}
.text-hover-dark-blue:hover {
  color: var(--primary-dark-blue) !important;
}
.text-hover-light-blue:hover {
  color: var(--primary-light-blue) !important;
}
.text-hover-teal:hover {
  color: var(--primary-teal) !important;
}
.text-hover-orange:hover {
  color: var(--logo-orange) !important;
}
.text-hover-black:hover {
  color: #000000 !important;
}
.text-hover-white:hover {
  color: #ffffff !important;
}
.text-hover-grey:hover {
  color: var(--primary-grey) !important;
}
.text-hover-light-grey:hover {
  color: var(--primary-light-grey) !important;
}

/**
 * Border Color Classes
 * Compatible with localized Bootstrap
 */
.border-darkest-blue,
.bootstrap .border-darkest-blue {
  border-color: var(--primary-darkest-blue) !important;
}
.border-dark-blue,
.bootstrap .border-dark-blue {
  border-color: var(--primary-dark-blue) !important;
}
.border-light-blue,
.bootstrap .border-light-blue {
  border-color: var(--primary-light-blue) !important;
}
.border-teal,
.bootstrap .border-teal,
.bootstrap .border-bottom.border-teal {
  border-color: var(--primary-teal) !important;
}
.border-orange,
.bootstrap .border-orange,
.bootstrap .border-bottom.border-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-dark-blue {
  border-color: var(--logo-dark-blue) !important;
}
.border-logo-light-blue {
  border-color: var(--logo-light-blue) !important;
}
.border-grey,
.bootstrap .border-grey {
  border-color: var(--primary-grey) !important;
}
.border-light-grey,
.bootstrap .border-light-grey {
  border-color: var(--primary-light-grey) !important;
}
.border-black {
  border-color: #000000;
}
.border-white,
.bootstrap .border-white {
  border-color: #ffffff;
}

.border-hover-darkest-blue:hover,
.bootstrap .border-hover-darkest-blue:hover {
  border-color: var(--primary-darkest-blue) !important;
}
.border-hover-dark-blue:hover,
.bootstrap .border-hover-dark-blue:hover {
  border-color: var(--primary-dark-blue) !important;
}
.border-hover-light-blue:hover,
.bootstrap .border-hover-light-blue:hover {
  border-color: var(--primary-light-blue) !important;
}
.border-hover-teal:hover,
.bootstrap .border-hover-teal:hover {
  border-color: var(--primary-teal) !important;
}
.border-hover-orange:hover,
.bootstrap .border-hover-orange:hover {
  border-color: var(--logo-orange) !important;
}
.border-hover-logo-orange:hover {
  border-color: var(--logo-orange) !important;
}
.border-hover-logo-dark-blue:hover {
  border-color: var(--logo-dark-blue) !important;
}
.border-hover-logo-light-blue:hover {
  border-color: var(--logo-light-blue) !important;
}
.border-hover-grey:hover,
.bootstrap .border-hover-grey:hover {
  border-color: var(--primary-grey) !important;
}
.border-hover-light-grey:hover,
.bootstrap .border-hover-light-grey:hover {
  border-color: var(--primary-light-grey) !important;
}
.border-hover-black:hover {
  border-color: #000000;
}
.border-hover-white:hover,
.bootstrap .border-hover-white:hover {
  border-color: #ffffff;
}
.primary-btn,
a.primary-btn,
button.primary-btn,
.primary-btn-inverted,
a.primary-btn-inverted,
button.primary-btn-inverted {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto 1.5rem;
    padding: .85em 1em;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.primary-btn,
a.primary-btn,
button.primary-btn {
    background-color: #00263d;
    border: 1px solid #00263d;
    color: #66ffff !important;
    text-decoration: none !important;
}

.primary-btn:hover,
a.primary-btn:hover,
button.primary-btn:hover {
    background-color: #66ffff;
    border: 1px solid #00263d;
    color: #00263d !important;
}

@media (min-width: 992px) {
    .primary-btn,
    .primary-btn-inverted {
        margin: 0 0 1rem;
        width: auto;
    }
}

.primary-btn-inverted,
a.primary-btn-inverted,
button.primary-btn-inverted {
    background-color: #66FFFF;
    border: 1px solid #66FFFF;
    color: #00263d !important;
}

.primary-btn-inverted:hover,
a.primary-btn-inverted:hover,
button.primary-btn-inverted:hover {
    background-color: #0094a2;
    border: 1px solid #0094a2;
    color: #66FFFF !important;
}

a.primary-btn.rounded-btn {
    border-radius: 6px;
    margin-right: 1rem;
    padding: .85rem 1.95rem;
}/* GENERAL */

body *:not(.fa) {
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter Tight', sans-serif;
}

a {
    text-decoration: none;
    transition: all 0.25s ease;
    color: #0094a2 !important;
}

a:hover {
    color: #f88d2b !important;
}

/* HOME */

/* OPEN POSITIONS */

#CRCareers1_tblTable {
    display: flex;
    justify-content: center;
}

.t-col {
    padding: 0 !important;
}

#CRCareers1_tblTableDetail2 {
    margin: 2.5rem 0;
}

#CRCareers1_tblTableDetail2 td {
    padding: 2rem 1rem;
}

#CRCareers1_tblTableDetail2 {
    width: 100%;
}

#CRCareers1_tblTableDetail .MainBodyText {
    display: block;
}

#CRCareers1_tblTableDetail2 {
    background-color: #fff;
    text-align: start;
}

#CRCareers1_tblTableDetail2 .HeaderRow {
    padding: 1rem;
}

#CRCareers1_tblTableDetail2 tr {
    border-bottom: 1px solid #cccccc !important;
    border-color: rgb(204, 204, 204) !important;
}

@media (max-width: 767.98px) {
    #CRCareers1_tblTableDetail2 th:nth-child(3),
    #CRCareers1_tblTableDetail2 td:nth-child(3),
    #CRCareers1_tblTableDetail2 th:nth-child(5),
    #CRCareers1_tblTableDetail2 td:nth-child(5) {
        display: none !important;
    }
}

/* JOB DESCRIPTIONS */

#CRCareers1_tblJobDescr{
    margin-bottom: 4rem;
}

/* #CRCareers1_RadPageLayout2 table {
    border-collapse: inherit !important;
} */

#CRCareers1_tblJobDescrDetail table {
    width: auto;
}

#CRCareers1_tblJobDescrDetail tr:nth-child(1) td:nth-child(1) {
    margin-bottom: -5rem;
    display: block;
}

#CRCareers1_tblJobDescrDetail .MainBodyText h3 {
    display: none !important;
}

#CRCareers1_tblJobDescrDetail span {
    font-size: .85rem !important;
}

#CRCareers1_tblJobDescrDetail ul > li {
    margin-left: 2rem !important;
}

#CRCareers1_tblJobDescrDetail strong {
    font-weight: bold !important;
}

#CRCareers1_tblJobDescrDetail .HeaderStyle,
#CRCareers1_tblJobDescrDetail .JDHeaderStyle {
    font-weight: bold;
}

#CRCareers1_tblJobDescrDetail .HeaderStyle {
    font-size: 150%;
    display: block;
    margin-top: -4rem;
}

.ApplyNowStyle {
    display: block;
    text-align: end;
}

.ApplyNowStyle:nth-of-type(2) {
    margin-top: -2.5rem;
    font-size: 75%;
}

/* APP SELF SERVICE */

#frmCRSS {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#CRAppSSMain1_lblLoginMessage {
    display: none;
}

#CRAppSSMain1_lnkForgotLogin {
    font-size: 0.75rem;
}

#CRAppSSMain1_lblLoginHeader,
#CRAppSSMain1_lblLoginMessage strong,
#CRAppSSMain1_tblHeader {
    display: none;
}

#CRAppSSMain1_lnkForgotLogin {
    font-weight: bold;
    color: var(--iir-teal);
    text-decoration: none;
    transition: all 0.5s ease;
}

#CRAppSSMain1_lnkForgotLogin:hover {
    color: var(--iir-orange);
}

#CRAppSSMain1_btnLogin, #CRAppSSMain1_btnCreatePassword, input[type="submit"] {
    background-color: var(--iir-dark-blue);
    color: var(--iir-light-blue);
    border: none;
    padding: .5rem 1rem;
    transition: all .5s ease;
    margin-top: 1rem;
}

#CRAppSSMain1_btnLogin:hover, #CRAppSSMain1_btnCreatePassword:hover, input[type="submit"]:hover {
    background-color: var(--iir-teal);
}

#CRAppSSMain1_btnContactInfo {
    visibility: hidden;
}

#CRAppSSMain1_txtEmailForgot {
    transition: all 0.5s;
}

#CRAppSSMain1_invalidEmail {
    display: none;
    float: right;
    font-size: 12px;
    color: red;
    margin-right: 97px;
    transition: all 0.5s;
}

.error {
    border: 1px solid red;
    box-shadow: 0 2px 16px rgba(158, 5, 5, 0.25), 0 0px 5px rgba(114, 3, 3, 0.22);
}

#captchaValidation {
    margin: 1rem 0;
}

#CRAppSSMain1_tblCreatePassword {
    margin-top: 2rem !important;
}

#CRAppSSMain1_loCreatePassword td {
    text-align: center !important;
    width: 25% !important;
}

.rmRootGroup {
    list-style: none;
    padding: 1rem;
}

#CRAppSSMain1_loDDMain {
    width: 100%;
}

.RadMenu_Default {
    display: none !important;
}

.rmLink {
    font-weight: bold !important;
    text-decoration: none !important;
}

@media (max-width: 600px) {

    .page-wrapper {
        align-items: baseline !important;
    }

    #frmCRSS {
        width: 100% !important;
        padding: 1.5rem !important;
    }
}

/* AGENCY PORTAL */