:root {
    --bs-border-radius: 0.2rem;

    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #2979FF, #00E5FF);
    --vp-home-hero-name-color: transparent;

    --ss-bg-color: var(--bs-body-bg);
    --ss-font-color: var(--bs-body-color);
    --ss-border-color: var(--bs-border-color);

    --font-family-roboto: Roboto, system-ui, -apple-system, "Segoe UI","Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";

    --es-font-family : var(--font-family-roboto);

}

[data-bs-theme=light] {
    --bs-body-bg: rgb(255, 255, 255);


    --es-app-body-bg: rgb(244, 245, 250);


    --es-navbar-bg: rgb(255, 255, 255);
    --es-navbar-color: rgb(131, 145, 162);

    --es-navbar-brand-color: rgb(131, 145, 162);

    --es-side-nav-submenu-btn-hover-bg: #eaecf2;
    --es-side-nav-submenu-btn-hover-color: #31363b;

    --es-dropdown-bg: rgb(244, 245, 250);

    --scrollbar-thumb-color: #94a3b8;
    --scrollbar-thumb-hover-color: #5a6c85;
    --scrollbar-track-color: #f3f3f3;


}

[data-bs-theme=dark] {

    /* --bs-body-bg: #101425; */
    --bs-body-bg: #191f31;
    --bs-body-color: #94a3b8;

    --es-app-body-bg: rgb(16 20 37);

    --es-navbar-bg: rgb(30, 41, 59);
    /* --es-navbar-color: rgb(131, 145, 162); */
    --es-navbar-color: #a1aac4;
    ;

    --es-navbar-brand-color: rgb(131, 145, 162);

    --es-side-nav-submenu-btn-hover-bg: #21283d;
    --es-side-nav-submenu-btn-hover-color: #fff;


    --es-dropdown-bg: rgb(30, 41, 59);


    --bs-border-color: #404664;

    /* --scrollbar-thumb-color: #4472ff;
    --scrollbar-thumb-hover-color: #7f8ff5; */
    --scrollbar-thumb-color: #7f8ff5;
    --scrollbar-thumb-hover-color: #4472ff;
    --scrollbar-track-color: #4242425e;

}



body {
    background: var(--es-app-body-bg);
    /* font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; */
    /* font-family:  Roboto, system-ui, -apple-system, "Segoe UI","Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji"; */
    font-family: var(--es-font-family);
}


[data-bs-theme=dark] .card {
    /* --bs-card-border-color: red; */
    border-color: #191f31;
    /* font-size: x-large !important; */
}

.app-side-nav .nav-link {
    color: var(--es-navbar-color);
}

.app-side-nav .menu-item:hover .menu-btn {
    /* background: #21283d; */
    background: var(--es-side-nav-submenu-btn-hover-bg);
}

.app-side-nav .submenu-btn {
    border-left: 1px solid #283048;
}

.app-side-nav .submenu-btn.active,
.app-side-nav .submenu-btn:hover {
    border-left: 2px solid #275bf7;
    /* background: #21283d; */
    background: var(--es-side-nav-submenu-btn-hover-bg);
    /* color: #fff; */
    color: var(--es-side-nav-submenu-btn-hover-color);
}

.app-side-nav .menu-item.menu-open .menu-btn {
    /* background: #21283d; */
    background: var(--es-side-nav-submenu-btn-hover-bg);
}

.app-side-nav .menu-item.active .menu-btn {
    color: #fff !important;
    background: #3152b6 !important;
}

/* bootstrap  ------------------------------------------------------------------------- */

.form-check-input[type=checkbox]:indeterminate {
    background-color: transparent;
    border-color: #0d6efd;
    background-position: center center;
}

/* Syncfusion  ------------------------------------------------------------------------- */

.e-dark-mode {
    --color-sf-content-bg-color: var(--bs-body-bg);
    /* --color-sf-content-bg-color-alt1: #2a3147; */
    --color-sf-content-bg-color-alt1: rgba(var(--bs-body-color-rgb), 0.03);
}

/*  ------------------------------------------------------------------------- */


.fc-popup-window {
    box-shadow: 0px 0rem 2rem 3px rgb(0 0 0 / 72%) !important;
}


/* custom scrollbar */
::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-track {
    /* background-color: transparent; */
    background-color: var(--scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
    /* background-color: #d6dee1; */
    background-color: var(--scrollbar-thumb-color);
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    /* background-color: #a8bbbf; */
    background-color: var(--scrollbar-thumb-hover-color);
}

/* mapboxgl ------------------------------------------------------------------------- */

a.mapboxgl-ctrl-logo {
    display: none;
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    display: none;
}

.mapboxgl-popup-content {
    padding: 0px;
}

.mapboxgl-popup-close-button:hover {
    background-color: rgb(251 9 9 / 93%);
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: var(--bs-body-bg);
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: var(--bs-body-bg);
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: var(--bs-body-bg);
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip
{
    border-left-color: var(--bs-body-bg);
}

#nprogress .bar {
    background: rgb(247, 92, 2);

    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;

    width: 100%;
    height: 5px;
}


.highlight-foreground {
    background: var(--vp-home-hero-name-background);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: var(--vp-home-hero-name-color);
}


/* Slim Select 2.0 ---------------------------------------------------- */
.ss-content .ss-list .ss-option:hover {
    /* color: var(--ss-bg-color); */
    color: var(--bs-body-color);
    background-color: #263238;
}

[data-bs-theme=dark] .ss-content .ss-list .ss-option:hover {
    background-color: #263238;
}

[data-bs-theme=light] .ss-content .ss-list .ss-option:hover {
    background-color: #e6eaeb;
}


[data-bs-theme=dark] .e-reportviewer-viewer .e-toolbar {
    /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    background: #1f2536;
    /* background: rgba(var(--bs-body-color-rgb), 0.03);; */
    /* color: var(--bs-card-cap-color); */
    /* border: 0 solid #dee2e6; */
    /* box-shadow: none; */
}

[data-bs-theme=dark] .e-viewer-icons {
    color: #cccccc !important;
}

.e-reportviewer-viewerblock {
    background-color: inherit !important;
    color: inherit !important;;
}

/* [data-bs-theme=dark] .e-reportviewer-viewer .e-toolbar-item .e-current-page-box {
    background: none !important;;
} */

.e-reportviewer-viewer .e-toolbar-item .e-current-page-box {
    /* border-color: var(--bs-border-width); */
    background: none !important;;
}

.e-reportviewer-viewer .e-input-group.e-control-wrapper.e-current-page-box:not(.e-success):not( .e-warning ):not(.e-error):not(.e-float-icon-left) {
    border: 1px solid var(--color-sf-border);
}

.e-reportviewer-viewer .e-native-toolbar div[id$="labeltotalpageno"], .e-reportviewer-viewer .e-classic-toolbar div[id$="labeltotalpageno"] {
    color: var(--color-sf-content-text-color) !important;
}

.e-reportviewer-viewerblockcellcontent {
    color: inherit !important;
}

[data-bs-theme=dark] .e-reportviewer-nativepropertiesheader, .e-rv-nativeexportsetup, .e-rv-nativeborder {
    /* border-color: var(--bs-card-border-color) !important; */
    border-color:  #191f31 !important;
}

[data-bs-theme=dark] .e-reportviewer-viewer .e-rv-native-rightToolbar {
    border: 1px solid #191f31;
    background: #191f31 !important;
}


.form-switch .form-check-input {
    cursor: pointer;
}


au-dialog-overlay {
    background-color: #2121213d;
}

[data-bs-theme=dark] au-dialog-overlay {
    background-color: #9e9e9e1f !important;
}