/*html,*/
/*body {*/
    /*height: 100%;*/
/*}*/

/*.wrap {*/
    /*min-height: 100%;*/
    /*height: auto;*/
    /*margin: 0 auto -60px;*/
    /*padding: 0 0 60px;*/
/*}*/

/*.wrap > .container {*/
    /*padding: 70px 15px 20px;*/
/*}*/

/*.footer {*/
    /*height: 60px;*/
    /*background-color: #f5f5f5;*/
    /*border-top: 1px solid #ddd;*/
    /*padding-top: 20px;*/
/*}*/

/*.logout {*/
    /*width: 100%;*/
    /*padding: 3px 20px;*/
    /*text-align: left;*/
/*}*/

/*.jumbotron {*/
    /*text-align: center;*/
    /*background-color: transparent;*/
/*}*/

/*.jumbotron .btn {*/
    /*font-size: 21px;*/
    /*padding: 14px 24px;*/
/*}*/

/*.not-set {*/
    /*color: #c55;*/
    /*font-style: italic;*/
/*}*/

/*!* add sorting icons to gridview sort links *!*/
/*a.asc:after, a.desc:after {*/
    /*position: relative;*/
    /*top: 1px;*/
    /*display: inline-block;*/
    /*font-family: 'Glyphicons Halflings';*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*padding-left: 5px;*/
/*}*/

/*a.asc:after {*/
    /*content: !*"\e113"*! "\e151";*/
/*}*/

/*a.desc:after {*/
    /*content: !*"\e114"*! "\e152";*/
/*}*/

/*.sort-numerical a.asc:after {*/
    /*content: "\e153";*/
/*}*/

/*.sort-numerical a.desc:after {*/
    /*content: "\e154";*/
/*}*/

/*.sort-ordinal a.asc:after {*/
    /*content: "\e155";*/
/*}*/

/*.sort-ordinal a.desc:after {*/
    /*content: "\e156";*/
/*}*/

/*.grid-view th {*/
    /*white-space: nowrap;*/
/*}*/

/*.hint-block {*/
    /*display: block;*/
    /*margin-top: 5px;*/
    /*color: #999;*/
/*}*/

/*.error-summary {*/
    /*color: #a94442;*/
    /*background: #fdf7f7;*/
    /*border-left: 3px solid #eed3d7;*/
    /*padding: 10px 20px;*/
    /*margin: 0 0 15px 0;*/
/*}*/

/*.navbar-title {*/
    /*!*display: block;*!*/
    /*display: none;*/
    /*text-align: start;*/
    /*color: white;*/
    /*padding: 15px;*/
    /*margin-left: 50px;*/
    /*margin-right: 200px;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
/*}*/

/*!*fixing logo-lg hidden for xs*!*/
/*@media (max-width: 767px) {*/
    /*.fixed .content-wrapper,*/
    /*.fixed .right-side {*/
        /*padding-top: 50px;*/
    /*}*/
/*}*/

/*!*fixing logo-lg hidden for xs*!*/
/*@media (max-width: 767px) {*/
    /*.main-sidebar,*/
    /*.left-side {*/
        /*padding-top: 50px;*/
    /*}*/
/*}*/

.main-header .logo {
    font-size: 18px;
}

.overflow {
    overflow: auto;
}

#role-permissions {
    overflow: auto;
    height: 45vh;
}

.content-header{
    min-height: 30px;
}

/* ================================================================= */
/* ================ 1) Зменшуємо шрифт у всіх GridView/DynaGrid ===== */
/* ================================================================= */
.kv-grid-table th,
.kv-grid-table td,
.kv-dynagrid .kv-grid-table th,
.kv-dynagrid .kv-grid-table td {
    font-size: 12px !important;
}

/* ============================================ */
/* 1) Уніфікуємо padding та line-height у всіх th */
/* ============================================ */
.kv-grid-table th {
    padding-top:    6px !important;   /* регулюйте під вашу бажану висоту */
    padding-bottom: 6px !important;   /* наприклад, під таблицю з 12px загалом */
    line-height:    1.2 !important;   /* або задайте конкретно, наприклад 18px */
    white-space:    nowrap !important; /* забороняємо перенос заголовків на два рядки */
    /*vertical-align: middle !important;!* вирівнюємо текст по центру вертикально *!*/
    /*horiz-align: center !important;!* вирівнюємо текст по центру вертикально *!*/
}

.kv-grid-table td {
    vertical-align: middle !important;
}

/* ============================================ */
/* 2) Якщо хочете підвисоту фільтрів (input/select) */
/*    теж однакову, подбавмо про блок .filter-row */
/* ============================================ */
.kv-grid-table .filters th,
.kv-grid-table .filters td {
    padding-top:    4px !important;
    padding-bottom: 4px !important;
    line-height:    1.2 !important;
}

.table-responsive.kv-grid-container {
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    max-height: calc(100vh - 331px); /* змініть 150px під висоту вашої шапки + breadcrumbs */
    /*overflow-x: auto;*/
    /*overflow-y: hidden; !* або auto, якщо потрібен внутрішній вертикальний скрол *!*/
    /*background-color: #fff;*/
    /*z-index: 100;*/
}

/* Обрізаємо фон по картці */
.cs-sidebar-card {
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
}

/* Висота всього body сайдбару: підкоригуй 180px під свій тулбар */
.cs-sidebar-body {
    height: calc(100vh - 180px);
    background: #fff;
    display: flex;            /* дублюємо на випадок перезаписів */
    flex-direction: column;
}

/* Хедер зверху */
.cs-sidebar-header {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
}

/* Прокручувана зона дерева */
.cs-tree-scroll {
    flex: 1 1 auto;
    overflow: auto;           /* і вертикальний, і горизонтальний */
    white-space: nowrap;
    padding: 8px 10px 10px 10px;
    background: #fff;
}

/* Дерево тягне ширину контенту → з'являється H‑скрол */
.cs-tree-scroll .ztree { width: max-content; min-width: 100%; }
.cs-tree-scroll .ztree li a { display: inline-block; white-space: nowrap; }

/* Нижній (завжди видимий) горизонтальний скрол */
.hz-scroll-bottom {
    flex: 0 0 12px;
    height: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
}
.hz-scroll-inner { height: 1px; }

/* Прибрати чекбокси, якщо тема їх додає */
.ztree li span.button.chk { display: none !important; }

/* Іконки */
.cs-node-ico { margin-right: 6px; width: 16px; text-align: center; color: #6c757d; }
.ztree li a.curSelectedNode .cs-node-ico { color: #0d6efd; }

#page-split.sidebar-collapsed #sidebar-panel { display: none !important; }
#page-split.sidebar-collapsed #main-panel   { flex: 0 0 100%; max-width: 100%; }

/* Коли сайдбар згорнуто — робимо праву колонку на 100% (Bootstrap 3 фікс) */
#page-split.sidebar-collapsed #main-panel {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;          /* прибираємо float від .col-md-9 */
}

/* про всяк випадок — на md+ брейкпоінті теж перекриємо */
@media (min-width: 992px) {
    #page-split.sidebar-collapsed #main-panel.col-md-9 {
        width: 100% !important;
    }
}

/* ховаємо ліву колонку повністю */
#page-split.sidebar-collapsed #sidebar-panel {
    display: none !important;
}