.light-style.layout-navbar-fixed.layout-menu-fixed.layout-compact.layout-menu-collapsed .app-brand .app-brand-link {
   overflow: hidden;
}
.light-style.layout-navbar-fixed.layout-menu-fixed.layout-compact.layout-menu-collapsed .app-brand {
   padding-right: 0.63rem;
}
.select2-results__option .color-box {
   display: inline-block;
   width: 18px;
   height: 18px;
   border-radius: 4px;
   margin-right: 8px;
   vertical-align: middle;
}
.starPerson {
   width: 47px;
   height: 17px;
   background: #7367f0;
   border-radius: 50px;
   position: absolute;
   bottom: 0;
   left: 10px;
   font-size: 10px;
   color: #ffffff;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 400;
   line-height: 20px;
}
.swiper-container {
   width: 100%;
   position: relative;
   height: 320px;
   overflow: hidden;
}

/* Стили для стрелок */
.swiper-button-prev,
.swiper-button-next {
   color: #444050;
   position: absolute;
   top: 95%; /* Смещение вниз */
   width: 34px;
   height: 34px;
   background-color: #f8f7fa;
   border-radius: 50%;
   z-index: 10; /* Чтобы стрелки были поверх слайдов */
}

/* Расположение стрелок */
.swiper-button-prev {
   left: 0px; /* Смещение в левый нижний угол */
}

.swiper-button-next {
   left: 40px; /* Смещение правее от левой стрелки */
}
.swiper-button-prev::after {
   font-size: 16px;
   color: #d1d0d4;
}
.swiper-button-next::after {
   font-size: 16px;
   color: #444050;
}

/* Стили для выделения карточек */
.swiper-slide.selected {
   border: 2px solid #7367f0;
}
#MyCustomeSwiper .swiper-slide {
   width: 252px !important;
}
/* календарь */
.navigation-block {
   display: flex;
   align-items: center;
   justify-content: start;
}

.nav-button {
   width: 15px;
   height: 15px;
   border: none;

   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 24px; /* Adjust size of arrows */
   font-weight: bold; /* Make the arrows bolder */
}

#prev-button {
   width: 8px; /* Ширина стрелки */
   height: 12px; /* Высота стрелки */
   border-left: 0.56px solid #444050; /* Увеличенная толщина границы */
   border-bottom: 0.56px solid #444050;
   transform: rotate(45deg);
   background: #00000000;
   margin-right: 16px;
}

#next-button {
   width: 8px;
   height: 12px;
   border-right: 0.56px solid #444050; /* Увеличенная толщина границы */
   border-top: 0.56px solid #444050;
   transform: rotate(45deg);
   background: #00000000;
}

.nav-date {
   font-size: 18px;
}
.col-custom {
   flex: 0 0 12.5%; /* 100% / 8 = 12.5% */
   max-width: 12.5%;
}
.datepicker .datepicker-days {
   margin: 0;
}
.colorfix1 {
   background-color: #f1dbdb;
}
.colorfix2 {
   background-color: #e6e6e8;
}