/* Clear Sans */

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Clear Sans";
    src: url("../fonts/clear-sans/ClearSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
/* Seasons (Mono) */

@font-face {
    font-family: "Seasons Mono";
    src: url("../fonts/seasons/Fontspring-DEMO-theseasons-reg.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Seasons Mono";
    src: url("../fonts/seasons/Fontspring-DEMO-theseasons-it.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Seasons Mono";
    src: url("../fonts/seasons/Fontspring-DEMO-theseasons-lt.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Seasons Mono";
    src: url("../fonts/seasons/Fontspring-DEMO-theseasons-ltit.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Seasons Mono";
    src: url("../fonts/seasons/Fontspring-DEMO-theseasons-bd.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Seasons Mono";
    src: url("../fonts/seasons/Fontspring-DEMO-theseasons-bdit.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}

html, body {
    font-family: "Clear Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
code, pre, .mono {
    font-family: "Seasons Mono", monospace;
}


.form-control, .form-select {
    border: 1px solid var(--bs-gray-500);
}
.border-secondary {
    border-color: var(--bs-gray-500)!important;
}

@media (min-width: 992px) {
    .aside {
        display: flex;
        width: auto;
        background-color: var(--bs-body-bg);
        border-radius: 1rem!important;
        box-shadow: 0 .5rem 1.5rem .5rem rgba(0,0,0,.075)!important;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1340px;
    }
}


.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background: #019ef7!important;
}
div.datepicker-dropdown {
    padding: 12px;
}
div.datepicker td, div.datepicker th {
    padding: 8px;
}
.badge {
    border-radius: 50px;
}
.flatpickr-calendar {
    padding: 8px 0;
}
.dropify-wrapper .dropify-message p {
    font-size: 12pt;
}
.dropify-wrapper {
    border: 1px dashed #E5E5E5;
    border-radius: 5px;
}
.form-select {
    padding: .775rem 1rem;
}
.border-dashed {
    border-width: 1px;
}
.amcharts-main-div a {
    display: none!important;
}
.border-solid {
    border-style: solid!important;
}
.form-select-sm {
    padding: .55rem .75rem!important;
}
.lh-1 {
    line-height: 1.1 !important;
}
.separator {
    border-bottom: 1px solid var(--bs-dark);
}
@media (min-width: 1400px) {
    /*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
    /*    max-width: 95%;*/
    /*}*/
    #panel_home {
        top: 25%;
    }
}
.header .header-menu .menu>.menu-item>.menu-link>.menu-title {
    font-size: 1rem;
    /*color: white;*/
}
.header .header-menu .menu>.menu-item>.menu-link>.menu-title:hover {
    text-decoration: underline;
}
.table-bordered tr th, .table-bordered tr td {
    border: 1px solid #000!important;
}
.table-bordered-dashed tr th, .table-bordered-dashed tr td {
    border: 1px dashed #353839!important;
}
.table-bordered-dashed {
    border-bottom: 1px dashed #353839!important;
}
.form-check-input {
    border: 1px solid var(--bs-dark);
}
.modal {
    --bs-modal-width: 650px;
}
.shadow-hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.table:not(.table-bordered).table-row-bordered tr {
    border-bottom-color: var(--bs-gray-400);
    border-style: dashed;
}
.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: #C9EEFD;
}
@media (min-width: 992px) {
    .header-fixed .header {
        height: 64px;
    }
    body.header-fixed {
        padding-top: 94px;
    }
    .menu-root-here-bg-desktop>.menu-item.here>.menu-link {
        background-color: var(--bs-primary);
    }
    .menu-state-primary .menu-item.here>.menu-link .menu-title {
        color: white;
    }
    .menu-state-primary .menu-item.here>.menu-link .menu-arrow:after {
        background-color: white;
    }
}
@media (max-width: 991px) {
    #panel_home {
        top: 10%;
    }
    .header-tablet-and-mobile-fixed .header {
        height: 64px;
    }
    body.header-tablet-and-mobile-fixed {
        padding-top: 0!important;
    }
    #kt_header {
        margin-top: 0!important;
    }
}
@media (min-width: 1400px) {
    .container-landing {
        max-width: 80%;
    }
}