body {
    font-family: GT Ultra Median Regular !important;
    color: #000;
}

.header {
    background-color: #11B67a !important;
    border-top: 48px solid #000 !important;
    padding: 19px !important;
}

.footer {
    background-color: #11B67a;
}

.h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, h6 {
    font-family: GT Ultra Standard Bold;
    font-weight: 700;
}

.contained {
    background-color: #EEE !important;
}

.preReqHiddenBar {
    margin-top: 140px;
}
.hjprogress {
    background-color: #024731 !important; 
    margin-top: 140px;
}
.hjprogress-bar {
    background-color: #FFF !important;
    height: 2px;
    left: 0;
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    transition: 0.4s ease;
    width: 0%;
}

.button, .button:hover, .sliderbutton, 
.submit_wrap button, .form-submit button.sliderbutton:hover, 
.submit_wrap button:hover {
    background-color: #000 !important;
    border: 2px solid #000 !important;
    border-radius: 12px;
}

    .button:hover, .submit_wrap button:hover {
        text-decoration: underline !important;
    }

    .button.__outline, .__outline.sliderbutton, .submit_wrap button.__outline, .form-submit button.__outline {
        background: transparent;
        color: #FFF !important;
    }

.button.__secondary, .__secondary.sliderbutton, .submit_wrap button.__secondary,
.form-submit button.__secondary, .button#prev, #prev.sliderbutton, .submit_wrap button#prev,
.form-submit button#prev {
        background: #d6d6d6 !important;
        border-color: #d6d6d6 !important;
}

.a, .usercontent a, .mce-content-body a, .field_wrap.__checkbox.__disclaimer .helper_wrap-text a {
    color: #000 !important;
    text-decoration: underline !important;
}

.hjtable-link {
    color: #000;
    margin: 0 0 10px 0;
    text-decoration: underline;
}

.more {
    color: #000 !important;
    margin: 15px 0;
}

.less {
    color: #000 !important;
    margin: 15px 0;
}
.card-total {
    background-color: #C7FFC6 !important;
    border-radius: 24px;
    display: inline-block;
    margin: 0 0 25px 0;
    padding: 15px 25px;
}

.card-content {
    background-color: #C7FFC6 !important;
    border-radius: 4px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: normal !important;
    margin: 0 0 25px 0;
    padding: 25px;
    text-align: left;
    width: 100%;
}

.usercontent ol > li::before, .mce-content-body ol > li::before {
    color: #000 !important;
    content: counters(item, ".") ". ";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
.usercontent ul li::before, .mce-content-body ul li::before {
    background: #000;
    border-radius: 50%;
    color: #000;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 10px;
}

.field_wrap.__radio input[type=radio] {
    height: 20px;
    left: 0;
    margin: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 20px;
}

.field_wrap.__radio > .input_wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


    .field_wrap.__radio > label::after,
    .field_wrap.__radio > .input_wrap > label::after {
        background: #000;
        border: 1px solid #000;
    }

    .field_wrap.__radio > label.__checked.__focused::before,
    .field_wrap.__radio > .input_wrap > label.__checked.__focused::before {
        border-color: #000;
    }

        .field_wrap.__radio > label.__focused::before,
        .field_wrap.__radio > .input_wrap > label.__focused::before {
            border-color: #000;
        }

.field_wrap.__radio > label.__checked::before, .field_wrap.__radio > .input_wrap > label.__checked::before {
    background: transparent !important;
    border-color: #000 !important;
}

.field_wrap.__radio > label::after, .field_wrap.__radio > .input_wrap > label::after {
    background: #000 !important;
    border: 1px solid #000 !important;
}

.field_wrap.__checkbox > label.__checked::before, .field_wrap.__checkbox > .input_wrap > label.__checked::before {
    background: transparent !important;
    border-color: #000 !important;
}

.field_wrap.__checkbox > label::after, .field_wrap.__checkbox > .input_wrap > label::after {
    color: #000 !important;
}

.field_wrap.__switch .input_wrap .switch_wrap {
    border: 1px solid #000 !important;
}

.field_wrap.__switch .input_wrap .switch_wrap.__checked span {
    border-color: #000;
    transform: translateX(1.5rem);
}
.field_wrap.__checkbox.__disclaimer .helper_wrap-text {
    color: #000;
    font-size: 1rem;
}
.field_wrap .label_wrap, .field_wrap .label_wrap label {
    color: #000;
    font-family: 'GT ULTRA STANDARD BOLD';
    margin-bottom: 10px;
}

.select2-container--focus .select2-css.select2-selection--multiple, .select2-container--focus .select2-css.select2-selection--single, .select2-container--open .select2-css.select2-selection--multiple, .select2-container--open .select2-css.select2-selection--single {
    border-color: #323233 !important;
}

input:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=file]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=range]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus, select:focus, .select2-css.select2-selection--multiple:focus, .select2-css.select2-selection--single:focus {
    border-color: #323233 !important;
}
.currency {
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: right;
}

.select2-container--focus .select2-css.select2-selection--multiple, .select2-container--focus .select2-css.select2-selection--single,
.select2-container--open .select2-css.select2-selection--multiple,
.select2-container--open .select2-css.select2-selection--single {
    border-color: #323233 !important;
}

.select2-container--focus .select2-dropdown,
.select2-container--open .select2-dropdown {
    border-color: #323233 !important;
}

.select2-results .select2-results__option--highlighted[aria-selected] {
    background: #323233 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: GT Ultra Standard Regular;
}

input, input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select, .select2-css.select2-selection--multiple, .select2-css.select2-selection--single {
    font-family: GT Ultra Standard Regular !important;
}

    input:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=file]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=range]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus, select:focus, .select2-css.select2-selection--multiple:focus, .select2-css.select2-selection--single:focus {
        border-color: #323233 !important;
    }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #E02930 !important; }

percentage {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.drp-calendar { zoom: 1.5; }

div#worldpaycards table:nth-of-type(2) { display: none; }

.id_check {
    text-align: center;
}
    .id_check div {
        background: url(../../../images/Silhouette.png) no-repeat 0 0;
        box-sizing: border-box;
        height: 222px;
        padding: 0 0 0 35px;
        width: 222px;
        background-size: 222px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    
    .id_check a {
        margin-left: auto;
        margin-right: auto;
    }
    .legaciesTable {
        background-color: white;
        border-color: white;
        border-radius: 8px;
        font-size: 1.2em
    }

table.legaciesTable { border: none; }

table.legaciesTable td {
    border: none !important;
    padding: 10px;
    vertical-align: top;
}

table.legaciesTable tr { border-bottom: 1px solid silver; }


table.legaciesTable table > tbody > tr {
    border: none !important;
    padding: 10px;
}

table.legaciesTable table > tbody > tr > td {
    border: none !important;
    margin: 0;
    padding: 0;
    padding-bottom: 8px;
    padding-left: 8px;
    vertical-align: top;
}

div.validation-message {
    align-items: center;
    background: #fbeae9;
    border: 1px solid #fb3853;
    color: #970318;
    display: flex;
    padding: 15px 20px 14px 20px;
}

div.validation-message::before {
    color: #970318;
    content: "X";
    font-size: 12px;
    margin-right: 12px;
}


ul.validation-errors { border: 1px solid #fb3853; }

li.validation-message {
    align-items: center;
    background: #fbeae9;
    border: none;
    color: #970318;
    display: flex;
    padding: 15px 20px 14px 20px;
}

li.validation-message::before {
    color: #970318;
    content: "X";
    font-size: 12px;
    margin-right: 12px;
}

.banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 140px !important;
    height: 512px !important;
    align-items: center !important;
}

.banner-title {
    font-family: GT Ultra Median Bold;    
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.16667;
    margin: 0.375rem 0;
    text-transform: none
}

.banner-grade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, black 28%, transparent 100%);
    z-index: 1;
}

@media (min-width: 40.625rem) {
    .banner-title {
        font-family: GT Ultra Median Bold;
        font-size: 3rem;
        line-height: 1.28571
    }
}

.banner-image {
    height: 100% !important;
    left: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    position: absolute !important;
    object-fit: contain !important;
    object-position: right !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
}

.introtext-title, .banner-subtitle, .csl-heading--h3 {
    font-family: GT Ultra Median Bold;
    font-weight: 500
}

.csl-heading--h4 {
    font-family: GT Ultra Median Bold;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.25;
    margin: 0.75rem 0;
    margin: calc(0.375rem*2) 0;
    text-transform: none
}

.hero-image .row .sub-header-text, .hero-image .row .supporting-header-text {
    font-family: GT Ultra Median Regular;
    max-width: 450px;
}