:root {
    --ct-logo-lg-height: 30px;
    --ct-logo-sm-height: 30px;
    
    /* --ct-leftbar-width-calendar: 300px; */
}

.logo-lg img {
    margin-top: 10px;
    width: 150px;
    height: auto;
}

.leftside-menu {
    padding-bottom: 0; /* Убрал у меню снизу отступ */
}
.content-page {
    padding-bottom: 0 !important; /* Убрал у контента снизу отступ */
}
.dropdown-toggle::after {
    display: none;
}
/*было сделано для выпадаюшего списка работников */
.list-group-item {
    padding: 6px 15px 6px 11px;
}

#profile .avatar-lg {
    height: 10rem;
    width: 10rem;
}

.timeline-icon {
    font-size: 13px !important;
}

#documents .list-group-item {
    padding: 4px 15px 4px 11px;
}


/* Устанавливаем 100% высоту для board */
.board {
    height: 100%;
    flex-direction: column; /* Если нужно вертикальное распределение */
}

/* Делаем блок tasks прокручиваемым */
.tasks {
    overflow-y: auto; /* Прокрутка по вертикали */
    min-height: 100%; /* Ограничиваем высоту, чтобы не выходило за границы board */
    /* box-sizing: border-box; */ /* Чтобы отступы учитывались в общей высоте */
    margin: 0px;
}
.tasks.tasks:not(:last-child) {
    margin-right: 0.25rem;
}

/* Расписание: базовые размеры колонок */
.board .tasks {
    width: 14rem;
    padding: 0 0.5rem;
}
.board .tasks.time-scale {
    width: 4rem;
    padding: 0;
}
.board .tasks .task-header {
    margin: 0 -0.5rem;
}

.rasp > :not(caption) > * > * {
    padding: 0.2rem 0.1rem 0.1rem 0.1em;
}
.popover {
    max-width: 340px; /* Максимальная ширина */
    width: 340px;     /* Фиксированная ширина */
}


.choices__inner {
    min-height: 38px;
    padding: 2.5px 7.5px 3.75px;
    background-color: transparent;
    font-size: .9rem;
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 0;
}

.dropdown-menu {
    width: auto !important;
}

/* Темная тема для tasks и task-header */
html[data-theme=dark] .tasks,
[data-theme=dark] .tasks {
  background-color: var(--ct-body-bg);
  border-color: var(--ct-gray-300);
}

html[data-theme=dark] .tasks .task-header,
[data-theme=dark] .tasks .task-header {
  background-color: var(--ct-card-bg-custom);
  color: var(--ct-body-color);
  border-bottom-color: var(--ct-gray-300);
}

/* Стили для скроллбара в темной теме */
html[data-theme=dark] .tasks::-webkit-scrollbar,
[data-theme=dark] .tasks::-webkit-scrollbar {
  width: 8px;
}

html[data-theme=dark] .tasks::-webkit-scrollbar-track,
[data-theme=dark] .tasks::-webkit-scrollbar-track {
  background: var(--ct-body-bg);
}

html[data-theme=dark] .tasks::-webkit-scrollbar-thumb,
[data-theme=dark] .tasks::-webkit-scrollbar-thumb {
  background: var(--ct-gray-300);
  border-radius: 4px;
}

html[data-theme=dark] .tasks::-webkit-scrollbar-thumb:hover,
[data-theme=dark] .tasks::-webkit-scrollbar-thumb:hover {
  background: var(--ct-gray-400);
}

/* ---------------- */
/* КАЛЕНДАРЬ В МЕНЮ */
/* ---------------- */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link {
    width: calc(250px + var(--ct-leftbar-width-sm));
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul {
    padding: 0 !important; /* Для календаря при свернутом виде в меню */
    width: 250px;
}

/* Для отображение иконки календаря при сварачивание меню */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .uil-calendar-alt {
    display: block !important;
}

/* Относительное позиционирование для side-nav-item с календарем в свернутом меню */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav-item.calendar-item {
    position: relative;
}

/* Скрываем календарь в свернутом меню */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu #calendar {
    display: none !important;
}

/* Показываем календарь при наведении на элемент меню */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav-item:hover #calendar {
    display: block !important;
    position: absolute;
    left: var(--ct-leftbar-width-sm);
    top: 0;
    background: var(--ct-menu-bg);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
    z-index: 1000;
    padding: 1rem 0.5rem 0.25rem 0.5rem;
}

/* Убираем padding для календаря в свернутом меню */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav-item:hover #calendar > ul {
    padding: 0 !important;
    width: 250px;
}

/* Скрываем календарь в режиме sm-hover */
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu #calendar {
    display: none !important;
}

/* Показываем календарь при наведении в режиме sm-hover */
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:hover #calendar,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .wrapper .leftside-menu #calendar {
    display: block !important;
}

/* Стили для календаря в режиме sm-hover при наведении */
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:hover .side-nav-item #calendar,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav-item #calendar {
    position: relative;
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:hover #calendar > ul,
html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .wrapper .leftside-menu #calendar > ul {
    padding: 0 10px !important;
}

/* Дополнение для таблицы еще меньше чем table-sm */
.table-xs tr {
    line-height: 1; /* Уменьшает высоту строки */
}
.table-xs td {
    padding: 0.4rem; /* Уменьшает внутренние отступы */
}