/* Base styles */
html, body {
    margin: 0;
    padding: 0;
}

/* jGrowl notifications */
.jGrowl {
    .alert {
        background-color: #2c0b0e;
        color: #ea868f;
    }

    .success {
        background-color: #006400;
        color: white;
        width: auto;
        white-space: nowrap;
    }

    .info {
        background-color: #023e8a;
        color: white;
        width: auto;
    }
}

/* Utility classes */
.pointer { cursor: pointer; }
.fixed-width { width: 200px; }
.visible { visibility: visible; }
.not-visible { visibility: hidden; }
.hide { display: none; }

.vertical-scroll {
    max-height: 100px;
    margin-bottom: 40px;
    overflow-y: scroll;
}

.loading {
    position: fixed;
    top: 50%;
    left: 25%;
    z-index: 1001;
    width: 50%;
}

.overlay {
    position: fixed;
    inset: 0; /* Shorthand for top:0, left:0, right:0, bottom:0 */
    background-color: rgba(255, 255, 255, 0.01);
    z-index: 999;
    backdrop-filter: blur(3px);
}

.sidebar-header {
    /*padding: 20px 10px 4px 26px;*/
    padding: 10px 10px 10px 26px;
}

.sh-light {
    border-bottom: 1px solid rgba(0,0,0,0.175);
}

.sh-dark {
    border-bottom: 1px solid RGBA(255,255,255,0.15);
}

.sidebar-search {
    padding: 16px 10px 0 26px;
}

.ss-light {
    border-bottom: 1px solid rgba(0,0,0,0.175);
}

.ss-dark {
    border-bottom: 1px solid RGBA(255,255,255,0.15);
}

/* Sidebar and layout */
.scroll-content {
    padding: 0 10px 20px;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*height: 100vh;*/
    /*width: 100%;*/
    flex-grow: 1;
    overflow-y: auto;
    scrollbar-width: thin;
}

.sc-dark {
    scrollbar-color: #6c757d rgba(0, 0, 0, 0);
}

.sc-light {
    scrollbar-color: #8B8B8B rgba(0,0,0,0);
}

.sidebar {
    border-right: 1px solid RGBA(255,255,255,0.15);
    padding: 0;
    color: white;
    width: 280px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /*padding: 20px;*/
    background-color: #343a40;
    z-index: 1051;
    transition: all 0.3s ease-in-out;

    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;

    &.collapsed {
        width: 80px;
        padding: 10px;

        .nav-item a {
            justify-content: center;
            .sidebar-text { display: none; }
        }
    }
}

.dark {
    .bg-dark2-secondary2 {
        background-color: #30353B !important;
    }

    .bg-dark2-secondary {
        background-color: #2B3035 !important;
    }

    .bg-dark3-secondary {
        background-color: #262B2F !important;
    }

    .text-dark2-secondary {
        color: #2B3035 !important;
    }

    .text-dark3-secondary {
        color: #262B2F !important;
    }

    .text-dark2-secondary2 {
        color: #30353B !important;
    }

    .text-secondary-white {
        color: #9A9DA0 !important;
    }
}

.bg-light-secondary {
    background-color: whitesmoke !important;
}

.theme-light {
    color: #333333 !important;
    background-color: white !important;
}

.theme-dark {
    color: white !important;
    background-color: #2B3035 !important;
}

.main-content {
    padding: 20px;
     /* min-height: calc(100vh - 56px); Adjust for navbar height (Bootstrap navbar is typically 56px in dark theme) */
    width: 100%; /* Ensure it takes the full width */
}

.main-footer {
    min-height: 48px;
    /* border-top: 1px solid RGBA(255, 255, 255, 0.15);
    background: #212529 !important; */
}

.main-content.bg-dark {
    background-color: #2B3035 !important;
}

.main-content.bg-light {
    /*background-color: rgba(0, 0, 0, .1) !important;*/
    background-color: white !important;
}

/* Rest of your existing styles remain unchanged */
.main-content.disappear {
    display: none !important;
}

.main-footer.bg-dark {
    background-color: #2B3035 !important;
}

.main-footer.bg-light {
    /*background-color: rgba(0, 0, 0, .1) !important;*/
    background-color: white !important;
}

.hamburger {
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

/* Menu toggle */
.menu-toggle {
    &::after {
        content: "";
        display: inline-block;
        margin-left: 0.5rem;
        border-top: 0.35em solid transparent;
        border-bottom: 0.35em solid transparent;
        border-left: 0.35em solid currentColor;
        transition: transform 0.2s ease;
    }

    &[aria-expanded="true"]::after {
        transform: rotate(90deg);
    }
}

.custom-tooltip {
    --bs-tooltip-bg: #565353;
    --bs-tooltip-color: white;
}

.fixed-user {
    position: static !important;
}

#sidebarToggle2{
    opacity: 0;
}

#btnScrollTop {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 12px 16px 12px 16px;
    /*border-top: 0;*/
    /*border-left: 0;*/
    display: none;
    border: 0;

    /*border-right: 1px solid RGBA(255,255,255,0.15);*/
    /*border-bottom: 1px solid RGBA(255,255,255,0.15);*/
    z-index: 1100;
    margin: 0;
    opacity: 0.35;
    border-radius: 16px 0 0 0;
}

#topMenuToggler {
    position: absolute;
    padding: 12px 12px 12px 16px;
    top: 0;
    right: 0;
    border: 0;
    /*border-right: 0;*/
    /*border-right: 1px solid RGBA(255,255,255,0.15);*/
    /*border-bottom: 1px solid RGBA(255,255,255,0.15);*/
    margin: 0;
    opacity: 0.35;
    border-radius: 0 0 0 16px;
    &:hover,
    &:focus,
    &:active {
        border: 0;
    }
}

.sidebar-toggle {
    position: fixed;
    padding: 8px 16px 8px 12px;
    /*border-top: 0;*/
    /*border-left: 0;*/
    border: 0;

    /*border-right: 1px solid RGBA(255,255,255,0.15);*/
    /*border-bottom: 1px solid RGBA(255,255,255,0.15);*/
    z-index: 1100;
    margin: 0;
    opacity: 0.35;
    border-radius: 0 0 16px 0;
}

.sidebar-toggle:hover {
    opacity: 1;
    background: #212529;
}

/* pc version */
@media (min-width: 768px) {
    .sidebar-toggle {
        padding: 10px 16px 10px 12px;
        &.shifted {
            left: 0;
            transition: left 0.3s ease-in-out;
        }
        &.unshifted {
            left: 280px !important;
            transition: left 0.3s ease-in-out;
        }
    }
    .sidebar {
        &.shifted { transform: translateX(-100%); }
        &.unshifted { transform: translateX(0); }
    }

    .page-content {
        &.shifted {
            transition: margin-left 0.25s ease-in-out;
            margin-left: 0;
        }
        &.unshifted {
            transition: margin-left 0.35s ease-in-out;
            margin-left: 280px;
        }
    }

    /*.sidebar-toggle.shifted {*/
    /*    left: 0;*/
    /*    transition: left 0.3s ease-in-out;*/
    /*    padding: 10px 16px 10px 12px;*/
    /*}*/
    /*.sidebar-toggle.unshifted {*/
    /*    left: 280px !important;*/
    /*    transition: left 0.3s ease-in-out;*/
    /*}*/
    /*.sidebar-toggle.shifted {*/
    /*    left: 0;*/
    /*    transition: left 0.3s ease-in-out;*/
    /*    padding: 10px 16px 10px 12px;*/
    /*}*/
    /*.sidebar-toggle.unshifted {*/
    /*    left: 280px !important;*/
    /*    transition: left 0.3s ease-in-out;*/
    /*}*/

}

/* Mobile version */
@media (max-width: 768px) {
    .sidebar {
        z-index: 1200;
        &.unshifted { transform: translateX(-100%); }
        &.shifted { transform: translateX(0); }
    }

    .page-content {
        overflow-x: hidden;
        transition: margin-left 0.3s ease-in-out;
        &.shifted { margin-left: 280px; display: none; }
        &.unshifted { margin-left: 0; display: block; }
    }

    .top-menu {
        left: 0 !important;
        width: 100% !important;
        transition: left 0.3s ease-in-out;
        &.shifted {
            left: 280px !important;
            width: calc(100% - 280px) !important;
            display: none;
        }
        &.unshifted {
            left: 0 !important;
            width: 100% !important;
            display: block;
        }
    }
    .sidebar-toggle {
        padding: 6px 16px 6px 12px;
        &.shifted {
            left: 280px !important;
            transition: left 0.3s ease-in-out;
        }
        &.unshifted {
            left: 0;
            transition: left 0.3s ease-in-out;
        }
    }
}

/* sm */
@media (min-width: 576px) {}

/* md */
@media (min-width: 768px) {

}

/* lg */
@media (min-width: 992px) {}

/* xl */
@media (min-width: 1200px) {}

/* xxl */
@media (min-width: 1400px) {}

.sidebar.bg-light {
    /*background: var(--bs-gray-500) !important;*/
    background-color: #f8f8f8 !important;
    border-color: rgba(0,0,0,0.175) !important;
}

.top-menu.bg-light {
    /*background: var(--bs-gray-500) !important;*/
    background-color: #f8f8f8 !important;
    border-color: rgba(0,0,0,0.175) !important;
}

/*#sidebarToggle.btn-light {*/
/*    color: #333333;*/
/*    !*background: var(--bs-gray-500) !important;*!*/
/*    background-color: #f8f8f8;*/
/*    border-color: rgba(0,0,0,0.175);*/
/*}*/

/*#sidebarToggle.btn-light>i.bi {*/
/*    color: #333333;*/
/*}*/

#topMenuToggler.btn-light {
    color: white;
    /*background: var(--bs-gray-500) !important;*/
    background-color: inherit;
    border-color: rgba(0,0,0,0.175);
    opacity: 1;
}

#topMenuToggler.btn-light:focus {
    box-shadow: none;
}

#topMenuToggler.btn-light:active {
    background-color: rgba(0,0,0,0.175);
    box-shadow: inset 1px 0 0px rgba(0, 0, 0, 0.3), inset 0 1px 0  rgba(0, 0, 0, 0.3);
}

#topMenuToggler.btn-light>i.bi {
    color: #333333 !important;
}

#btnScrollTop.btn-light {
    color: #FFFFFF;
    /*background: var(--bs-gray-500) !important;*/
    background-color: #2A9D8F;
    border-color: rgba(0,0,0,0.175);
}

#btnScrollTop.btn-light:hover {
    opacity: 0.35;
}

#btnScrollTop.btn-light:active {
    opacity: 1;
}

#btnScrollTop.btn-light>i.bi {
    color: #FFFFFF;
}

#btnScrollTop:hover {
    opacity: 1;
}

/* PC */
@media (min-width: 768px) {
    #btnScrollTop.btn-light:hover {
        opacity: 1;
    }

    #btnScrollTop.btn-light:active {
        background-color: #268D80;
        opacity: 1;
        box-shadow: inset 1px 0 0px rgba(0, 0, 0, 0.3), inset 0 1px 0  rgba(0, 0, 0, 0.3);
    }

}

@media (max-width: 767px) {
    #btnScrollTop.btn-dark:hover {
        opacity: 0.35;
    }

    #btnScrollTop.btn-dark:active {
        opacity: 1;
    }
}

/* mobile landscape orientation */
@media (max-width: 1024px) and (orientation: landscape) {
    #btnScrollTop.btn-dark:hover {
        opacity: 0.35;
    }

    #btnScrollTop.btn-dark:active {
        opacity: 1;
    }

    #btnScrollTop.btn-light:hover {
        opacity: 0.35;
    }

    #btnScrollTop.btn-light:active {
        opacity: 1;
    }
}


.block-title-dark {
    color: #9A9DA0 !important;
}

.block-title-light {
    color: #333333 !important;
}

.block-description-dark {
    color: #6c757d !important;
}

.block-description-light {
    color: #6c757d !important;
}

.sidebar.bg-light>.sidebar-header {
    color: #333333 !important;
}

.sidebar.bg-light>.sidebar-search>ul>li>i {
    color: #333333;
}

#menuSearch.bg-light {
    background: rgba(0, 0, 0, 0.01);
    color: #333333;
}

.scroll-content.sc-light a.active,
.scroll-content.sc-light button.active {
    color: white;
    background-color: #8B8B8B;
}

.scroll-content.sc-dark a.active,
.scroll-content.sc-dark button.active {
    color: white !important;
    background-color: rgba(139, 139, 139, 0.32) !important;
}

#bd-theme {
    outline: none;
    box-shadow: none;
}

#bd-theme:focus,
#bd-theme:active {
    color: inherit;
}

#themeDropdown button {
    &:active {
        background: rgba(0, 0, 0, 0.1) !important;
    }
}

#themeDropdown button.active {
    background: rgba(0, 0, 0, 0) !important;
    &:active {
        background: rgba(0, 0, 0, 0) !important;
    }
    &::after {
        content: "";
        display: inline-block;
        margin-left: 2.0rem;
        margin-bottom: 0.2rem;
        width: 0.4em;
        height: 0.8em;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
    }
}

#themeDropdown[data-bs-theme="dark"] button.active {
  color: inherit;
}

#themeDropdown[data-bs-theme="light"] button.active {
  color: #333333;
}

#themeDropdown[data-bs-theme="dark"] button:active {
    color: inherit;
    background: rgba(255, 255, 255, 0.1) !important;

}

#themeDropdown[data-bs-theme="light"] button:active {
  color: #333333;
}

#userDropdown {
    outline: none;
    box-shadow: none;
}

#userDropdown:focus,
#userDropdown:active {
    color: inherit;
    text-decoration: none;
}

#userDropdownLi a:active {
    background: rgba(0, 0, 0, 0.1);
    color: inherit;
}

#userDropdownLi[data-bs-theme="dark"] a:active {
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
}

#userDropdownLi[data-bs-theme="light"] a:active {
    background: rgba(0, 0, 0, 0.1);
    color: #333;
}

#userDropdownLi a.active {
    background: transparent;
    color: inherit;
}

.navbar-nav {
    outline: none;
    box-shadow: none;
}


.selectpicker-container button[data-bs-toggle="dropdown"] {
    border: var(--bs-border-width) solid var(--bs-border-color);
    color: inherit !important;
    background-color: inherit !important;
}

.selectpicker-container-xs button[data-bs-toggle="dropdown"] {
    padding: 0 0px;
    font-size: 0.675rem;
    border-radius: 0.2rem;
    width: 100%;
    border: none;
    line-height: 1.3;
}

.selectpicker-container-xs .bootstrap-select,
.selectpicker-container-xs .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    box-shadow: inset 1px 0 0px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

.form-select-xs ul.dropdown-menu > li {
    font-size: 0.675rem;
    /*line-height: 1.2;*/
    padding: 0.25rem 0.5rem;
}

.form-select-xs .bs-searchbox > input {
    padding: 0.125rem 0.25rem;
    font-size: 0.675rem;
    /*line-height: 1.2;*/
    border-radius: 0.2rem;
    height: calc(1em + 0.5rem + 2px);
}

.selectpicker-container.selectpicker-container-xs .bootstrap-select {
  display: block;
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1199;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.sidebar-overlay.visible {
    display: block;
    opacity: 1;
}

@media (min-width: 769px) {
    .sidebar-overlay,
    .sidebar-overlay.visible {
        display: none !important;
    }
}

label {
    font-weight: bold !important;
}


.tabsContainer {
    background-color: var(--bs-body-bg);
}

.tabsContainer[data-bs-theme="dark"]>.tabsContent {
    border: none;
}

.tabsContainer[data-bs-theme="light"]>.tabsContent {
    /*border: 1px solid #dee2e6;*/
}

.tabsContainer>.tabsContent {
    border-top: none !important;
    margin: 0;
    padding: 0;
}

.tabsContainer {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.tabsContainer[data-bs-theme="dark"]>.tab-tabsContainer>.tab-pane {
    margin: 0;
    padding: 0;
}

.tabsContainer[data-bs-theme="dark"]>.tabsController {
    background-color: #2B3035;
    margin: 0;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25) !important;
    border-color: #86b7fe !important;
}

/*.reset-filters[data-bs-theme="dark"] {*/
/*    color: #dee2e6 !important;*/
/*    background-color: #212529 !important;*/
/*}*/

/*.reset-filters[data-bs-theme="light"] {*/
/*    color: #333333 !important;*/
/*    background-color: #f8f8f8 !important;*/
/*}*/

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{
		right:100%; left:auto;
	}
	/*.dropdown-menu > li:hover{ background-color: #f1f1f1 }*/
	.dropdown-menu > li:hover > .submenu{ display: block; }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}
/* ============ small devices .end// ============ */
.sub-item:active {
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

.filter-actions {
    padding: 8px !important;
}

@media (min-width: 768px) {
    .tab-table-info th {
        width: 25%;
    }
}

[data-bs-theme="light"] .tr-deleted td {
    color: #dc3545;
}

[data-bs-theme="dark"] .tr-deleted td {
    color: #FF8888;
}

/*!* 1. Разрешаем вертикально “выпадать” всему, что внутри .table-responsive *!*/
/*.table-responsive {*/
/*  !* По-умолчанию в Bootstrap только overflow-x: auto,*/
/*     но если вы захотите, чтобы выпадающие списки/селекты*/
/*     не обрезались, сделайте overflow: visible: *!*/
/*  overflow-x: auto;*/
/*  overflow-y: visible !important;*/
/*}*/

/*!* 2. Увеличиваем высоту фильтровой строки именно внутри .table-responsive *!*/
/*.table-responsive table.dataTable thead tr.filter-row th {*/
/*  !* Подберите нужное значение, чтобы поле поиска в select помещалось *!*/
/*  min-height: 60px !important;*/
/*  vertical-align: top;*/
/*  padding-top: 4px;*/
/*  padding-bottom: 4px;*/
/*}*/

/*!* 3. (Опционально) Если дропдаун всё равно обрезается —*/
/*   тянем его наверх по z-index и разрешаем видимость у родителя *!*/
/*.table-responsive .dropdown-menu {*/
/*  z-index: 9999; !* больше, чем у .table-responsive *!*/
/*}*/

/* 1) Отменяем фиксированную высоту и скрытие переполнения */
.table-responsive .dropdown-menu.show {
  max-height: none !important;
  overflow: visible !important;
}

/* 2) (Опционально) Можно задать свою минимальную высоту */
.table-responsive .dropdown-menu.show {
  min-height: 200px; /* или auto, или то, что вам нужно */
}

/* 3) А если что-то всё ещё перекрывается, поднимаем z-index */
.table-responsive .dropdown-menu.show {
  z-index: 2000 !important;
}

/*
 color for inputs
 background-color: rgba(139, 139, 139, 0.05) !important;
 */

/* 1) Убираем встроенную SVG-стрелку */
/*[data-bs-theme=dark] .form-select {*/
/*    --bs-form-select-bg-img: none !important;*/
/*}*/
/*[data-bs-theme=light] .form-select {*/
/*    --bs-form-select-bg-img: none !important;*/
/*}*/
/*.form-select {*/
/*    !**/
/*    --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%202%27%3E%3Cpath%20d=%27M0%200L4%200L2%202Z%27%20fill=%27currentColor%27/%3E%3C/svg%3E") !important;*/
/*    --bs-form-select-bg-img: none !important;*/
/*    *!*/
/*  --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23dee2e6%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M7.247%2011.14%202.451%205.658C1.885%205.013%202.345%204%203.204%204h9.592a1%201%200%200%201%20.753%201.659l-4.796%205.48a1%201%200%200%201-1.506%200z%22/%3E%3C/svg%3E") !important;*/
/*}*/

textarea.fixed-size {
    resize: none;
}

[data-bs-theme="light"] {

    .form-control,
    .form-control button,
    .form-check-input,
    select.form-select
    {
        box-shadow: inset 1px 0 0px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.3);
    }

    .tabsContent {
        /*box-shadow: 1px 0 0px rgba(0, 0, 0, 0.3), 0 1px 0  rgba(0, 0, 0, 0.3);*/
        /*background: #F6FEFC;*/

    }
    .tabsController .nav-tabs .nav-item.show .nav-link, .tabsController .nav-tabs .nav-link.active {
        background-color: #F6FEFC;
        border-bottom: 1px solid #F6FEFC;
        box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }
    .tabsContent .table>:not(caption)>*>* {
        background-color: inherit;
    }
    .top-menu, .sidebar {
        background-color: #2A9D8F !important;
        color: #ffffff !important;
        box-shadow: 1px 0 0px rgba(0, 0, 0, 0.3), 0 1px 0  rgba(0, 0, 0, 0.3);
        .nav-link, .form-control {
            color: #ffffff !important;
            background: rgba(0, 0, 0, 0);
        }
        .form-control::placeholder {
            color: rgba(255, 255, 255, 0.7) !important;
        }
        .sidebar.bg-light>.sidebar-search>ul>li>i {
            color: #ffffff !important;
        }

    }
     .link-body-emphasis {
        color: #ffffff !important;

     }
    #sidebarToggle {
        opacity: 1;
        color: #FFFFFF;
        background: #2A9D8F;
        /*background-color: #F6FEFC;*/
        border-color: rgba(0,0,0,0);
    }

    .hamburger, .hamburger::before {
        color: #FFFFFF;
        /*opacity: 1;*/
    }

    /*Після наведення*/
    #sidebarToggle:hover, .sidebar-toggle:hover {
        color: #FFFFFF;
        /*opacity: 0;*/
        background: rgba(0,0,0,0.1);
        border-color: rgba(0,0,0,0.175);
    }

    @media (max-width: 768px) {
        #sidebarToggle:hover, .sidebar-toggle:hover {
            background: #2A9D8F;
        }
    }
    .scroll-content.sc-light a.active, .scroll-content.sc-light button.active {
        background-color: rgba(0,0,0,0.1);
        box-shadow: 1px 0 0px rgba(0, 0, 0, 0.3), 0 1px 0  rgba(0, 0, 0, 0.3);
    }

    .scroll-content.sc-light a:hover, .scroll-content.sc-light button:hover {
        box-shadow: 1px 0 0px rgba(0, 0, 0, 0.3), 0 1px 0  rgba(0, 0, 0, 0.3);
    }
    .scroll-content.sc-light a:active, .scroll-content.sc-light button:active {
        box-shadow: inset 1px 0 0px rgba(0, 0, 0, 0.3), inset 0 1px 0  rgba(0, 0, 0, 0.3);
    }
    .sidebar-search input {
        background: inherit !important;
    }
    .active>.page-link, .page-link.active,
    .active>.page-link:hover, .page-link.active:hover
    {
        background-color: #2A9D8F;
        border-color: #2A9D8F;
        color: #FFFFFF;
    }
    .page-link {
        color: #2A9D8F;
    }
    .page-link:hover {
        color: #2A9D8F;
    }
    .page-link:active, .page-link:focus {
        box-shadow: none;
    }

    .sidebar-toggle-scrolled {
        background: #2A9D8F !important;
        color: whitesmoke !important;
        opacity: 0.35 !important;
    }

    .sidebar-toggle-scrolled:hover {
        opacity: 1 !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    [data-bs-theme="light"] .sidebar-toggle-scrolled {
        opacity: 0.35 !important;
    }
    [data-bs-theme="light"] .sidebar-toggle-scrolled:hover {
        opacity: 0.35 !important;
    }
    [data-bs-theme="light"] .sidebar-toggle-scrolled:active {
        opacity: 1 !important;
    }

    [data-bs-theme="dark"] .sidebar-toggle-scrolled {
        opacity: 0.35 !important;
    }
    [data-bs-theme="dark"] .sidebar-toggle-scrolled:hover {
        opacity: 0.35 !important;
    }
    [data-bs-theme="dark"] .sidebar-toggle-scrolled:active {
        opacity: 1 !important;
    }
}

.form-title {
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
    padding: 0 12px;
    font-size: 16px;
    color: #6C757D;
}

.form-bg {
    padding-top: 16px;
}

[data-bs-theme="light"] {
    .form-title{
        background-color: #F6FEFC;
    }
    .form-bg {
        background: #F6FEFC;
    }
}


.no-rounded-between-selectpickers {
  .selectpicker-container:first-child .bootstrap-select > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  /* Правий селект: прибрати тільки лівий кут */
  .selectpicker-container:last-child .bootstrap-select > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  /* Щоб не було проміжку між селектами */
  .selectpicker-container:not(:last-child) {
    margin-right: -1px;
  }
}

.no-rounded-between > div {
  display: inline-block;
  margin-right: -1px;
}

/* Перший елемент — без правих кутів */
.no-rounded-between > div:first-child .form-control,
.no-rounded-between > div:first-child .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Останній елемент — без лівих кутів */
.no-rounded-between > div:last-child .form-control,
.no-rounded-between > div:last-child .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Проміжні елементи — без усіх кутів */
.no-rounded-between > div:not(:first-child):not(:last-child) .form-control,
.no-rounded-between > div:not(:first-child):not(:last-child) .dropdown-toggle {
  border-radius: 0;
}

.tight {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.btn-colvis-custom {
    padding: 2px 10px;
}

[data-bs-theme="light"] {
    .btn-outline-header {
        --bs-btn-color: #2A9D8F;
        --bs-btn-border-color: #2A9D8F;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #2A9D8F;
        --bs-btn-hover-border-color: #2A9D8F;
        --bs-btn-focus-shadow-rgb: 108, 117, 125;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #2A9D8F;
        --bs-btn-active-border-color: #2A9D8F;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #2A9D8F;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #2A9D8F;
        --bs-gradient: none;
    }

    .btn-header {
        --bs-btn-color: #fff;
        --bs-btn-bg: #2A9D8F;
        --bs-btn-border-color: #2A9D8F;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #2A9D8F;
        --bs-btn-hover-border-color: #2A9D8F;
        --bs-btn-focus-shadow-rgb: 60, 153, 110;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #2A9D8F;
        --bs-btn-active-border-color: #2A9D8F;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #2A9D8F;
        --bs-btn-disabled-border-color: #2A9D8F;
    }
}
[data-bs-theme="dark"] {
    .btn-outline-header {
        --bs-btn-color: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #6c757d;
        --bs-btn-hover-border-color: #6c757d;
        --bs-btn-focus-shadow-rgb: 108, 117, 125;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #6c757d;
        --bs-btn-active-border-color: #6c757d;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #6c757d;
        --bs-gradient: none;
    }

    .btn-header {
        --bs-btn-color: #fff;
        --bs-btn-bg: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #5c636a;
        --bs-btn-hover-border-color: #565e64;
        --bs-btn-focus-shadow-rgb: 130, 138, 145;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #565e64;
        --bs-btn-active-border-color: #51585e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #6c757d;
        --bs-btn-disabled-border-color: #6c757d;
    }
}

.text-btn-start {
    padding-left: 0 !important;
}

.text-help {
    border-bottom: 1px dashed #6c757d;
    cursor: help;
}

.form-control-xs, .form-select-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.675rem;
    line-height: 0.85;
    border-radius: 0.2rem;
    height: calc(1em + 0.5rem + 2px);
}

.text-xs {
    font-size: 0.675rem; /* приблизно 75% від стандартного */
    padding: 0.25rem 0.4rem; /* зменшений внутрішній відступ */
    line-height: 1.2;
}

.vertical-align-middle {
    vertical-align: middle;
}

.btn-xs {
    padding: 0.125rem 0.3rem;
    font-size: 0.675rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

#findPO {
    min-width: 200px;
    max-width: 250px;
    width: 100%;
}


textarea.form-control-xs {
    height: auto;
}

.dropdown-menu.show {
  box-shadow: 0px 44px 54px rgba(0, 0, 0, 0.15);
}

/* Світла тема */
:root[data-bs-theme="light"] .tab-table-info {
  --bs-table-color: #212529;           /* звичайний текст */
  --bs-table-hover-color: #212529;     /* текст при hover */
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075); /* світлий фон при hover */
}

/* Темна тема */
:root[data-bs-theme="dark"] .tab-table-info {
  --bs-table-color: #ffffff;           /* звичайний текст */
  --bs-table-hover-color: #ffffff;     /* текст при hover */
  --bs-table-hover-bg: rgba(255, 255, 255, 0.1); /* темний фон при hover */
}