@font-face {
    font-family: "Lato";
    src: url("/css/fonts/Lato2OFL/Lato-Regular.ttf");
}

@font-face {
    font-family: "Lato-Bold";
    src: url("../fonts/Lato2OFL/Lato-Bold.ttf");
}

* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    position: relative;
    margin: 0;
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    color: #f1f1f1 !important;
    font-weight: 400 !important;
}

.Titlelogo_KBRSupplier {
    content: url(../image/kbr_supplier_logo.png);
    max-width: 40%;
}

.Titlelogo_HSASupplier {
    content: url(../image/hsa_supplier_logo.png);
    max-width: 40%;
}

.Titlelogo_AzDevSupplier {
    content: url(../image/azdev_supplier_logo.png);
    max-width: 40%;
}

a {
    color: #041F5A !important;
    font-family: Lato;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}

footer div a {
    color: white !important;
    font-weight: 400;
    font-family: Lato;
}

.registeration-info {
    color: #313131;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.required:before {
    content: "* ";
    color: red;
}

.federalidvalidator {
    color: red;
}

.module_title {
    background-color: var(--main-color);
    height: 230px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent dark overlay */
    justify-content: center;
    align-items: center;
}

.title {
    color: #FFF;
    font-family: Lato;
    font-size: 80px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.subtitle_up {
    color: #204d74;
    font-family: Lato;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.k-select {
    background-color: #D1D1D1 !important;
}

.custom-control, form-dropdown {
    width: 100% !important;
    border-radius: 2px !important;
    border: 1.5px solid #EFEFEF !important;
    background: var(--White, #FFF) !important;
}

.dropdown-Federal {
    padding-bottom: 5px !important;
}

.split-formcontrol_25 {
    display: inline-block;
    width: 25%;
}

.split-formcontrol_75 {
    display: inline-block;
    width: 74%;
}

.split-formcontrol_100 {
    display: inline-block;
    width: 100%;
}

.modal-title {
    /*color: var(--font-colors-headings-or-titles, #131313);*/
    /* Lato (Web)/Header 3 Lato */
    color: white !important;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-dropdown {
    width: 100% !important;
}

.phoneNumber {
    width: 100% !important;
    border-radius: 2px !important;
    border: 1.5px solid #EFEFEF !important;
    background: var(--White, #FFF) !important;
}

.intl-tel-input {
    display: table-cell;
}

    .intl-tel-input .selected-flag {
        z-index: 4;
    }

    .intl-tel-input .country-list {
        z-index: 5;
    }

.input-group .intl-tel-input .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.no-bullets {
    list-style-type: none;
}

.passwordcontainer {
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    display: block;
    position: relative;
    /*padding-left: 35px;*/
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: context-menu;
}

    /* Hide the browser's default checkbox */
    .passwordcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.model-title {
    color: white !important;
}

.modal-header {
    background: #041F5A !important
}

.modal-body {
    color: black !important;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 15px;
}

/* When the checkbox is checked, add a green background */
.passwordcontainer input:checked ~ .checkmark {
    background-color: green;
}

.passwordcontainer input[type=checkbox]:checked + label {
    background: green !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.passwordcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.passwordcontainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-header {
    background: #041F5A !important;
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    /*color: var(--font-colors-paragraph-text, #1D1D1D) !important;*/
    font-weight: 400 !important;
}

/*.modal-header .close {
        display: none;
    }*/

[class^="ico-"], [class*=" ico-"] {
    font: normal 1em/1 Lato, sans-serif;
    display: inline-block;
}

.ico-info::before {
    content: " ❆ ";
    color: #204d74;
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.ico-info-li::before {
    content: " * ";
    color: #204d74;
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

ul.no-bullets {
    list-style-type: none;
}

.ico-wrong::before {
    content: "\2716";
    color: red;
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.ico-right::before {
    content: "\2714";
    color: green;
    font-family: Lato !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.to_Upper {
    text-transform: uppercase;
}

.to_Lower {
    text-transform: lowercase;
}

.to_InitCap {
    text-transform: capitalize;
}

.custom-content-35vh {
    /*min-height: 25vh !important;*/
    max-height: 32vh !important;
    overflow: auto;
}