:root, [data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241, 241, 244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196, 202, 218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-light: #F9F9F9;
    --bs-primary: #312185;
    --bs-secondary: #F9F9F9;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #00A29C;
    --bs-secondary-active: #DBDFE9;
    --bs-light-active: #FCFCFC;
    --bs-success-active: #04B440;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-primary-light: #e2f0fd;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(27, 132, 255, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 49,33,133;
    --bs-secondary-rgb: 249, 249, 249;
    --bs-success-rgb: 23, 198, 83;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 246, 192, 0;
    --bs-danger-rgb: 248, 40, 90;
    --bs-dark-rgb: 30, 33, 41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #312185;
    --bs-text-secondary: #F9F9F9;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #17C653;
    --bs-text-info: #7239EA;
    --bs-text-warning: #F6C000;
    --bs-text-danger: #F8285A;
    --bs-text-dark: #1E2129;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #312185;
    --bs-component-hover-color: #312185;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #312185;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f1f3f8;
    --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #312185;
    --bs-menu-link-color-show: #312185;
    --bs-menu-link-color-here: #312185;
    --bs-menu-link-color-active: #312185;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #6b8345;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A;
    --bs-link-color-rgb: 49, 33, 133;
    --bs-link-hover-color: #617048;
    --bs-link-hover-color-rgb: 0, 162, 156;
}

[data-bs-theme=dark] {
    --bs-light: #1B1C22;
    --bs-primary: #312185;
    --bs-secondary: #363843;
    --bs-success: #00A261;
    --bs-info: #883FFF;
    --bs-warning: #C59A00;
    --bs-danger: #E42855;
    --bs-dark: #272A34;
    --bs-primary-active: #312185;
    --bs-secondary-active: #464852;
    --bs-light-active: #1F212A;
    --bs-success-active: #01BF73;
    --bs-info-active: #9E63FF;
    --bs-warning-active: #D9AA00;
    --bs-danger-active: #FF3767;
    --bs-dark-active: #2D2F39;
    --bs-primary-light: #172331;
    --bs-secondary-light: #363843;
    --bs-success-light: #1F212A;
    --bs-info-light: #272134;
    --bs-warning-light: #242320;
    --bs-danger-light: #302024;
    --bs-dark-light: #1E2027;
    --bs-light-light: #1F212A;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #ffffff;
    --bs-light-inverse: #808290;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(0, 106, 230, 0.2);
    --bs-secondary-clarity: rgba(54, 56, 67, 0.2);
    --bs-success-clarity: rgba(0, 162, 97, 0.2);
    --bs-info-clarity: rgba(136, 63, 255, 0.2);
    --bs-warning-clarity: rgba(197, 154, 0, 0.2);
    --bs-danger-clarity: rgba(228, 40, 85, 0.2);
    --bs-dark-clarity: rgba(39, 42, 52, 0.2);
    --bs-light-clarity: rgba(31, 33, 42, 0.2);
    --bs-light-rgb: 27, 28, 34;
    --bs-primary-rgb: 0, 106, 230;
    --bs-secondary-rgb: 54, 56, 67;
    --bs-success-rgb: 0, 162, 97;
    --bs-info-rgb: 136, 63, 255;
    --bs-warning-rgb: 197, 154, 0;
    --bs-danger-rgb: 228, 40, 85;
    --bs-dark-rgb: 39, 42, 52;
    --bs-text-white: #ffffff;
    --bs-text-primary: #312185;
    --bs-text-secondary: #363843;
    --bs-text-light: #1B1C22;
    --bs-text-success: #00A261;
    --bs-text-info: #883FFF;
    --bs-text-warning: #C59A00;
    --bs-text-danger: #E42855;
    --bs-text-dark: #272A34;
    --bs-text-muted: #636674;
    --bs-text-gray-100: #1B1C22;
    --bs-text-gray-200: #26272F;
    --bs-text-gray-300: #363843;
    --bs-text-gray-400: #464852;
    --bs-text-gray-500: #636674;
    --bs-text-gray-600: #808290;
    --bs-text-gray-700: #9A9CAE;
    --bs-text-gray-800: #B5B7C8;
    --bs-text-gray-900: #F5F5F5;
    --bs-border-color: #26272F;
    --bs-border-dashed-color: #363843;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #312185;
    --bs-component-hover-color: #312185;
    --bs-component-hover-bg: #1B1C22;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #312185;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-root-card-box-shadow: none;
    --bs-root-card-border-color: #1E2027;
    --bs-table-striped-bg: rgba(27, 28, 34, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1C1D22;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #2b2b40;
    --bs-code-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px;
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: #B5B7C8;
    --bs-symbol-label-bg: #1B1C22;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #464852;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #312185;
    --bs-scrolltop-bg-color-hover: #312185;
    --bs-scrolltop-icon-color: #ffffff;
    --bs-scrolltop-icon-color-hover: #ffffff;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #1C1D22;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #1C1D22;
    --bs-menu-heading-color: #636674;
    --bs-menu-link-color-hover: #006AE6;
    --bs-menu-link-color-show: #006AE6;
    --bs-menu-link-color-here: #006AE6;
    --bs-menu-link-color-active: #006AE6;
    --bs-menu-link-bg-color-hover: #1B1C22;
    --bs-menu-link-bg-color-show: #1B1C22;
    --bs-menu-link-bg-color-here: #1B1C22;
    --bs-menu-link-bg-color-active: #1B1C22;
    --bs-scrollbar-color: #26272F;
    --bs-scrollbar-hover-color: #363843;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #464852;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #312185;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #F9F9F9;
    --bs-engage-btn-bg: #26272F;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #26272F;
    --bs-engage-btn-color: #B5B7C8;
    --bs-engage-btn-icon-color: #808290;
    --bs-engage-btn-color-active: #B5B7C8;
    --bs-link-color-rgb: 135, 176, 74;
    --bs-link-hover-color: #617048;
    --bs-link-hover-color-rgb: 49, 33, 133;
}

.app-sidebar-menu .menu > .menu-item:not(.here) > .menu-link .menu-icon .svg-icon, .app-sidebar-menu .menu > .menu-item:not(.here) > .menu-link .menu-icon i {
    color: var(--bs-primary);
}

.app-sidebar-menu .menu > .menu-item.here > .menu-link > .menu-icon {
    color: #ffffff;
}


.text-orange {
    color: var(--bs-orange) !important;
}

.jstree-node {
    font-size: 15px !important;
    font-weight: 500;
}

.jstree-themeicon {
    font-size: 1rem !important;
}

.jstree-default .jstree-wholerow {
    height: 35px !important;
}

.jstree-icon.jstree-ocl {
    margin-top: 5px;
}

.jstree-default .jstree-anchor {
    line-height: 25px !important;
    height: 35px !important;
    padding-top: 5px;
}

.jstree-default .jstree-icon:empty {
    width: 24px;
    height: 25px;
    line-height: 25px;
}

.jstree-default .jstree-wholerow-clicked, .jstree-clicked, .jstree-clicked i {
    /*background: var(--kt-primary-light);*/
    background: none;
    color: var(--kt-primary) !important;
}

div[class^='cluster'] {
    background-size: contain;
}

.flatpickr-weekend {
    background-color: var(--bs-primary-light) !important;
}

.flatpickr-weekend:hover {
    background-color: var(--bs-primary-light);
}

.dashboard-stat {
    overflow: hidden;
}

.dashboard-stat .visual {
    width: 80px;
    /*height: 80px;*/
    display: block;
    float: left;
    /*padding-top: 10px;*/
    /*padding-left: 15px;*/
    /*margin-bottom: 15px;*/
    font-size: 35px;
    line-height: 35px;
    overflow: hidden;
    margin-top: -25px;
}

.dashboard-stat .visual > i, .dashboard-stat .visual > span {
    position: absolute;
    /*color: var(--bs-gray-400);*/
    color: rgba(var(--kt-primary-rgb), .7);
    opacity: .2;
    /*margin-left: -35px;*/
    /*font-size: 110px;*/
    /*line-height: 110px;*/
    margin-left: -25px;
    font-size: 75px;
    line-height: 75px;
    margin-top: 10px;
}

.container-dashboard {
    height: 100%;
}

#kt_content:has(.container-dashboard) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.jstree-default .jstree-clicked {
    background: transparent;
}


/* MAP */

.gm-style-iw-d {
    overflow: visible !important;
    width: 100% !important;
    padding: 0 !important;
}

#map .gm-style-iw {
    width: auto !important;
    height: auto !important;
    left: 0 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    top: 0 !important;
    overflow: visible !important;
    border-radius: 4px;
    padding: 0 !important;
    background: transparent;
}

#map .gm-style-iw .gm-ui-hover-effect span {
    background-color: var(--bs-gray-800)
}

#map .gm-style .gm-style-iw-tc::after {
    background-color: var(--kt-card-bg);
}

.markerContainer {
    border-radius: 8px !important;
    min-width: 260px;
}

[aria-label="warehouseInfoSuccess"], .shadow-success {
    /*box-shadow: inset 0 0 1rem 0.25rem var(--bs-green) !important;*/
    /*-webkit-box-shadow: inset 0px 0px 0px 2px rgba(var(--bs-green-rgb), 1) !important;*/
    -webkit-box-shadow: 0px 0px 15px 5px rgba(var(--bs-green-rgb), .7) !important;
    -moz-box-shadow: 0px 0px 15px 5px rgba(var(--bs-green-rgb), .7) !important;
    box-shadow: 0px 0px 15px 5px rgba(var(--bs-green-rgb), .7) !important;
    padding-bottom: 20px !important;
}

[aria-label="warehouseInfoSuccess"] + .gm-style-iw-tc::after {
    background-color: rgba(var(--bs-green-rgb), .7);
}

[aria-label="warehouseInfoDanger"], .shadow-danger {
    /*box-shadow: 0 0 1rem 0.25rem var(--bs-green) !important;*/
    -webkit-box-shadow: 0px 0px 15px 5px rgba(var(--bs-danger-rgb), .7) !important;
    -moz-box-shadow: 0px 0px 15px 5px rgba(var(--bs-danger-rgb), .7) !important;
    box-shadow: 0px 0px 15px 5px rgba(var(--bs-danger-rgb), .7) !important;
    padding-bottom: 20px !important;
}

[aria-label="warehouseInfoDanger"] + .gm-style-iw-tc::after {
    background-color: rgba(var(--bs-danger-rgb), .7);
}

[aria-label="warehouseInfoWarning"], .shadow-warning {
    /*box-shadow: 0 0 1rem 0.25rem var(--bs-green) !important;*/
    -webkit-box-shadow: 0px 0px 15px 5px rgba(var(--bs-warning-rgb), .7) !important;
    -moz-box-shadow: 0px 0px 15px 5px rgba(var(--bs-warning-rgb), .7) !important;
    box-shadow: 0px 0px 15px 5px rgba(var(--bs-warning-rgb), .7) !important;
    padding-bottom: 20px !important;
}

[aria-label="warehouseInfo warehouseInfoWarning"] + .gm-style-iw-tc::after {
    background-color: rgba(var(--bs-warning-rgb), .7);
}

/* Popup box BEGIN */
/*.hover_bkgr_fricc {*/
.gm-style-iw {
    background: rgba(0, 0, 0, .4);
    cursor: default;
    /*display:none;*/
    height: 100%;
    width: 100%;
    /*position:fixed;*/
    /*text-align: center;*/
    top: 0;
    z-index: 10000;
}

.gm-style-iw .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.gm-style-iw > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
    overflow: visible;
}

.gm-ui-hover-effect {
    background-color: #fff !important;
    border: 3px solid #999 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    display: inline-block !important;
    /*font-family: arial !important;*/
    font-weight: bold !important;
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    font-size: 25px !important;
    line-height: 30px !important;
    width: 30px !important;
    height: 30px !important;
    /*text-align: center !important;*/
    opacity: .7;
}

.gm-ui-hover-effect:hover {
    background-color: #ccc;
}

.gm-ui-hover-effect span {
    margin: 5px !important;
}

.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}


.visible-phone {
    display: none !important
}

.visible-tablet {
    display: none !important
}

.hidden-desktop {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }
}

.dataTable td {
    vertical-align: middle;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    background-color: var(--bs-gray-100) !important;
}