@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url(../fonts/Roboto/Roboto-Medium.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-dark: rgb(34, 73, 100); */
    /* --custom-primary-light: rgb(0, 148, 214); */
    /* --custom-primary-light-opacity: rgba(0, 148, 214, .3); */

    /* --custom-primary: rgb(5, 107, 162);
    --custom-primary-dark: #002D4C;
    --custom-primary-light: #00A6F0; */
    /* --custom-primary-light-opacity: rgba(0, 166, 240, 0.2);
    --custom-secondary: #FCA311;
    --custom-secondary-light-opacity: rgba(255, 204, 0, 0.1);
    --custom-background: #fafafa; */

    /* --custom-primary-light-opacity: rgba(0, 166, 240, 0.2); */
    /* --custom-primary-light-opacity: rgba(0, 148, 214, .3); */
    --custom-primary-light-opacity: #00A6F01A;
    --custom-primary: #016CA2;
    --custom-primary-dark: #002D4C;
    /* --custom-primary-dark: rgb(34, 73, 100); */
    --custom-primary-light: #00A6F0;
    --custom-secondary: #FFCC00;
    --custom-primary-gradient: linear-gradient(var(--custom-primary-dark), var(--custom-primary));
    --text-custom-color: #595959;
}
.bg-custom-primary {
    background-color: var(--custom-primary);
}
.bg-custom-primary-light {
    background-color: var(--custom-primary-light);
}
.bg-custom-primary-dark {
    background-color: var(--custom-primary-dark);
}
.btn-custom-primary-light {
    background-color: var(--custom-primary-light);
    color: white !important;
}
.btn-custom-primary-light:hover {
    color: white !important;
}
.btn-custom-outline-primary-light {
    border: 1px solid var(--custom-primary-light) !important;
    color: var(--custom-primary-light);
    background-color: transparent;
}
.btn-custom-outline-primary-light:hover {
    color: var(--custom-primary-light);
}
.btn-custom-primary-light-opacity {
    background-color: var(--custom-primary-light-opacity);
    color: var(--custom-primary-light);
}
.btn-custom-primary-light-opacity:hover {
    color: var(--custom-primary);
}
.btn-custom-primary {
    background-color: var(--custom-primary);
    color: white !important;
}
.btn-custom-primary:hover {
    color: white !important;
}
.btn-custom-outline-primary {
    border-color: var(--custom-primary);
    color: var(--custom-primary);
}
.btn-custom-outline-primary:hover {
    color: var(--custom-primary-dark) !important;
}
.btn-custom-primary i {
    font-size: 10px;
}
.text-custom-primary {
    color: var(--custom-primary);
}
.text-custom-primary:hover {
    /* color: ; */
}
.text-custom-primary-light {
    color: var(--custom-primary-light);
}
.text-custom-primary-gradient {
    /* color: var(--custom-primary-gradient);
    background-color: var(--custom-primary-gradient); */
    background: -webkit-linear-gradient(var(--custom-primary-dark), var(--custom-primary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.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);
}
.modal-backdrop {
    opacity:0.8 !important;
}
.loading-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
}
.loading-container img {
    max-height: 100px;
}
.dropzone {
    border-color: #ddd !important;
}
#password-meter {
    width: 100%;
    display: none;
}