@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url(../fonts/Roboto/Roboto-Thin.ttf);
}
@font-face {
    font-family: 'Effra';
    src: url(../fonts/Effra/Effra\ Regular.ttf);
}
@font-face {
    font-family: 'Effra-Bold';
    src: url(../fonts/Effra/Effra\ Bold.ttf);
}
@font-face {
    font-family: 'Effra-Light';
    src: url(../fonts/Effra/Effra\ Light.ttf);
}
@font-face {
    font-family: 'Chivo';
    src: url(../fonts/Chivo/Chivo-Regular.ttf);
}
@font-face {
    font-family: 'Chivo-Light';
    src: url(../fonts/Chivo/Chivo-Light.ttf);
}
@font-face {
    font-family: 'Chivo-Bold';
    src: url(../fonts/Chivo/Chivo-Bold.ttf);
}

:root {
    /* --custom-primary: rgb(1, 100, 149); */
    /* --custom-primary: #2951A6; */
    --custom-primary: #00A6F0;
    --custom-primary-dark: #002D4C;
    /* --custom-primary-dark: rgb(34, 73, 100); */
    --custom-primary-light: rgb(0, 148, 214);
    --custom-secondary: #FFCC00;
}
body {
    font-family: 'Effra', 'Roboto';
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto';
}
a:hover {
    color: inherit;
}
.bg-custom-primary {
    background-color: var(--custom-primary);
}
.btn-custom-primary {
    background-color: var(--custom-primary);
    color: white;
}
.text-custom-primary {
    color: var(--custom-primary);
}
.text-custom-primary-light {
    color: var(--custom-primary-light);
}
.text-custom-secondary {
    color: var(--custom-secondary);
}
.btn-rounded {
    border-radius: 40px;
    height: 45px;
    min-width: 100px;
    box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, .03);
}
.register-page {
    margin-top: 10em;
}
.register-page-header {
    margin-bottom: 20px;
}
.register-page-header h1 {
    font-weight: bold;
    text-align: center;
}
.register-form-container {
    background-color: white;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, .08);
}
.register-form-steps-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
/* .register-form-steps-container::before { */
.register-steps-each::before {
    width: 42%;
    height: 1px;
    margin-left: 45.5%;
    background-color: var(--custom-primary);
    content: " ";
    position: absolute;
    z-index: 1;
}
.register-steps-each:last-child:before {
    display: none;
}
.register-steps-each {
    background-color: white;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--custom-primary);
    z-index: 100;
}
.register-steps-each.active {
    background-color: var(--custom-primary);
    color: white;
    font-weight: bold;
}
.register-form-title {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 5px;
    /* margin-bottom: 25px; */
}
.register-form-content .form-control {
    min-height: 45px;
    border-radius: 0;
}
.register-form-content .form-control.error:focus {
    border-color: red;
}
.register-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.register-success-container {
    background-color: white;
    border-radius: 5px;
    padding: 50px 15px;
    box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, .08);
    text-align: center;
}
.register-success-image {
    max-height: 200px;
    object-fit: contain;
    margin-bottom: 30px;
}
.loading-container {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 101;
    display: none;
}
.loading-container img {
    max-height: 100px;
}
.auth-container {
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* min-height: 100vh; */
}
.auth-container-inner {
    background-color: var(--custom-primary-dark);
    color: white;
    box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, .08);
    border-radius: 25px;
    padding: 40px 15px;
}
.auth-success-container {
    min-height: 100vh;
}
.auth-success-overlay {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.auth-success-inner {
    padding: 80px 15px 50px;
}
.auth-success-inner p {
    font-size: 16px;
    font-family: 'Chivo';
}
.auth-brand-container {
    padding-top: 50px;
}
.auth-brand-container img {
    max-height: 50px;
}
.auth-container .auth-brand-container {
    padding-top: 0;
}
.auth-overlay {
    background-color: rgba(256, 256, 256, .9);
}
.auth-container .auth-success-inner h1 {
    font-family: 'Roboto-Bold';
}
.auth-container-top h1 {
    color: white;
    font-size: 25px;
}
.auth-container-top {
    margin-bottom: 20px;
}
.auth-container p {
    font-size: 16px;
    color: white;
    font-family: 'Chivo';
    /* font-weight: bold; */
}
.auth-container-inner label {
    color: white;
    font-size: 14px;
}
.auth-container-inner .form-control,
.select2-selection.select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: #f5f5f5;
    border: none;
    min-height: 50px;
    color: black;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}
.radio.radio-outline.radio-custom-primary > input:checked ~ span {
    /* border-color: var(--custom-primary); */
}

@media (max-width: 768px) {
    .register-steps-each::before {
        width: 30%;
        margin-left: 38%;
    }
}