/* Add here all your CSS customizations */

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body {
    /*font-family: "Rubik", Open Sans, Arial, sans-serif;*/
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
}

.table p {
    color: #212529;
}

.help-block {
    font-size: 14px;
    color: #888;
}

.form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: 15px;
    font-size: 1rem;
}

.form-control {
    border: 1px solid #ccc;
    background-clip: unset;
}

body, .form-control {
    color: #000;
}

.jconfirm {
    color: #333;
}

.form-group + .form-group {
    border-top: 0;
    padding-top: initial;
}

.form-group:last-child, .form-group:last-of-type {
    margin-bottom: 1rem;
}

h1.page-top, h2.page-top, h3.page-top {
    margin-top: 0;
}

/* Theme customizations */
html .bg-secondary, html .background-color-secondary {
    background-color: #777 !important;
}

html.dark .list-group-item h1, html.dark .list-group-item .h1, html.dark .list-group-item h2, html.dark .list-group-item .h2,
html.dark .list-group-item h3, html.dark .list-group-item .h3, html.dark .list-group-item h4, html.dark .list-group-item .h4,
html.dark .list-group-item h5, html.dark .list-group-item .h5, html.dark .list-group-item h6, html.dark .list-group-item .h6 {
    color: #555;
}

html.dark, html.dark body {
    background: #222;
}

    html.dark .dropdown-menu .dropdown-item:hover, html.dark .dropdown-menu .dropdown-item:focus, html.dark .dropdown-menu .dropdown-item:active {
        background: #292929;
    }

    html.dark .header, html.header-dark .header {
        background: #222;
        border-bottom-color: #111;
        border-top-color: #222;
    }

    html.dark .modal-content {
        background-color: #333;
    }


@media only screen and (max-width: 767px) {
    html.dark .header .logo-container, html.header-dark .header .logo-container {
        background: #222;
        border-bottom-color: #111;
        border-top-color: #222;
    }

    html.dark .header .header-right, html.header-dark .header .header-right {
        background: #222;
    }
}

html.dark .modal-body.modal-body-light {
    background: #fff;
    color: #333;
}

html.dark .dropdown-menu {
    background: #222;
}

.sidebar-left, html.no-overflowscrolling .sidebar-left .nano {
    background: #222;
    box-shadow: -5px 0 0 #111 inset;
}

    .sidebar-left .sidebar-header .sidebar-title {
        background: #222;
        color: #555;
    }

.sidebar-widget .widget-header h6 {
    color: #555;
}

ul.nav-main li a {
    color: #999;
}

ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background: #333;
    color: #ff7518;
}

ul.nav-main li .nav-children {
    background: #111;
}

    ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
        background: #111;
        color: #ff7518;
    }

ul.nav-main > li.nav-expanded > a {
    background: #262626;
}

html .bg-quaternary, html .background-color-quaternary {
    background: #444 !important;
}



html.dark body {
    color: #aaa !important;
}

.card {color: #aaa !important;}

html.dark legend {
    color: #fff;
}

html.dark, html.dark body {
    background-color: #222;
}

    html.dark .btn-default {
        background: #333;
        border-color: #444;
    }

    html.dark .btn-default-alt:not(.legendbutton) {
        background: #fff;
        color: #333;
        border-color: #efefef;
    }

    /*html.dark .form-control {
    background-color: #333;
    border-color: #333;
}*/

    html.dark .input-group-text {
        background-color: #222;
        border-color: #222;
        color: #444;
    }

    html.dark .body-sign .card-sign .card-body {
        background-color: #444;
    }

    html.dark .userbox .dropdown-menu, html.header-dark .userbox .dropdown-menu {
        background: #222;
    }

    html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered {
        color: #212529;
    }

    html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
        background-color: #ecedee;
    }

    html.dark .table-hover > tbody > tr:hover > td, html.dark .table-hover > tbody > tr:hover > th {
/*        background-color: #3c3c3c;*/
    }

    html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered {
        border-color: #fbfcfc;
    }

    html.dark .table-hover > tbody > tr:hover > td, html.dark .table-hover > tbody > tr:hover > th {
        background-color: #dcdee1;
    }
    /*html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered {
    color: #aaa;
}

html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #333;
}

html.dark .table-hover > tbody > tr:hover > td, html.dark .table-hover > tbody > tr:hover > th {
    background-color: #3c3c3c;
}

html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered {
    border-color: #111;
}*/
    html.dark .card-header {
        background: #555;
        border-bottom-color: #111;
    }

    html.dark .card-footer {
        background: #555;
        border-top-color: #111;
    }

    html.dark .card-body {
        background: #333;
    }

    html.dark .form-control[disabled], html.dark .form-control[readonly], html.dark fieldset[disabled] .form-control {
        background: #222;
        color: #999;
    }

    html.dark .tabs.tabs-bottom .tab-content, html.dark .tab-content {
        background: #444;
        border-color: #494949;
    }

    html.dark .tabs.tabs-bottom .nav-tabs li .nav-link.active, html.dark .nav-tabs li .nav-link.active {
        background: #444;
        border-left-color: #494949;
        border-right-color: #494949;
        border-top-color: #ff7518;
    }

    html.dark .tabs.tabs-bottom .nav-tabs, html.dark .nav-tabs {
        border-top-color: #494949;
        border-bottom-color: #494949;
    }

        html.dark .tabs.tabs-bottom .nav-tabs li .nav-link, html.dark .nav-tabs li .nav-link {
            background: #3a3a3a;
            border-left-color: #494949;
            border-right-color: #494949;
            border-top-color: #4f4f4f;
        }

    html.dark .pagination > li > a, html.dark .pagination > li > span {
        background-color: #222;
        border-color: #232323;
    }

    html.dark .pagination > li.disabled > a, html.dark .pagination > li.disabled > span {
        background-color: #222;
        border-color: #232323;
    }

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.alert-danger-inverse {
    background-color: #721c24;
    color: #fff;
    border-color: #f5c6cb;
}

    .alert-danger-inverse hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger-inverse .alert-link {
        color: #f8d7da;
    }

.field-validation-error {
    color: red;
}



html.dark .tabs.tabs-bottom .tab-content, html.dark .tab-content {
    background: #444;
    border-color: #494949;
}

html.dark .tabs.tabs-bottom .nav-tabs li .nav-link.active, html.dark .nav-tabs li .nav-link.active {
    background: #444;
    border-left-color: #494949;
    border-right-color: #494949;
    border-top-color: #ff7518;
}

html.dark .tabs.tabs-bottom .nav-tabs, html.dark .nav-tabs {
    border-top-color: #494949;
    border-bottom-color: #494949;
}

    html.dark .tabs.tabs-bottom .nav-tabs li .nav-link, html.dark .nav-tabs li .nav-link {
        background: #3a3a3a;
        border-left-color: #494949;
        border-right-color: #494949;
        border-top-color: #4f4f4f;
    }

.e-tab {
    background: #444 !important;
    border-color: #494949 !important;
}

    .e-tab .e-tab-header .e-toolbar-items {
        background: #3a3a3a !important;
    }

    .e-tab .e-tab-header .e-toolbar-item {
        /*padding: 30px !important;*/
    }

        .e-tab .e-tab-header .e-toolbar-item.e-active {
            background: #444 !important;
            border-bottom: 0px !important;
            border-left-color: #494949 !important;
            border-right-color: #494949 !important;
            border-top-color: #ff7518 !important;
        }

        .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
            color: #ff7518 !important;
        }

        .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
            border-bottom: 0px !important;
            border-left-color: #494949 !important;
            border-right-color: #494949 !important;
            border-top-color: #494949 !important;
        }

    .e-tab .e-content {
        background: #444;
        border-left-color: #494949;
        border-right-color: #494949;
        border-top-color: #ff7518;
    }

    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        border-radius: 4px 4px 0 0 !important;
    }

    .e-tab.e-background.e-accent .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
        background: #ff7518 !important;
        border-color: #ff7518 !important;
    }

    .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
        color: #fff !important;
    }

    .e-tab .e-tab-header::before {
        border: 0 !important;
    }

    .e-tab .e-tab-header .e-scroll-nav, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav {
    }

        .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
            color: #ff7518;
        }

.e-tab.e-background .e-tab-header {
    background-color: #333 !important;
}