.select2-selection__clear {
    display: flex;          /* Используем flexbox для выравнивания */
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center;    /* Вертикальное выравнивание по центру */
    width: 100%;            /* Ширина контейнера (можно настроить под ваши нужды) */
    height: 100%;           /* Высота контейнера (можно настроить под ваши нужды) */
    font-size: 20px;        /* Размер крестика */
}

.select2-container--default .select2-selection--single {
    height: 38px;
    padding: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
.select2-results__option--highlighted {
    background-color: #0d6efd !important;
}

span#select2-user-container {
    display: flex;
    flex-direction: row-reverse;
}

span.select2-selection__clear {
    display: flex;
    align-items: center;
    justify-content: end;
}

.custom-td-x-y-center {
    text-align: center !important;
    vertical-align: middle !important;
}
.custom-td-y-center {
    vertical-align: middle !important;
}

.extend-rental-btn {
    transition: all 0.3s ease;
}

.extend-rental-btn:hover {
    background-color: #198754;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#newEndDate, #additionalCost {
    color: #198754;
    font-size: 1.1em;
}

/* Стили для активных кнопок фильтра */
.status-filter-btn.active {
    color: white !important;
}
.status-filter-btn[data-status="0"].active {
    background-color: #0d6efd; /* Синий для "Создан" */
    border-color: #0d6efd;
}
.status-filter-btn[data-status="1"].active {
    background-color: #ffc107; /* Желтый для "В аренде" */
    border-color: #ffc107;
    color: #000 !important;
}
.status-filter-btn[data-status="2"].active {
    background-color: #198754; /* Зеленый для "Завершен" */
    border-color: #198754;
}
.status-filter-btn[data-status="3"].active {
    background-color: #dc3545; /* Красный для "Отменен" */
    border-color: #dc3545;
}
.status-filter-btn[data-status=""].active {
    background-color: #6c757d; /* Серый для "Все" */
    border-color: #6c757d;
}

#rentalHistoryTable .fa {
    font-size: 0.9em;
    opacity: 0.8;
    transition: opacity 0.2s;
}

#rentalHistoryTable a:hover .fa {
    opacity: 1;
}


tr.shown td.dt-control:before {
    transition: all 0.3s ease;
}
tr:not(.shown) td.dt-control:before {
    transition: all 0.3s ease;
}

/* project block start */
  .project-info-container {
      padding: 8px;
  }

.project-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.project-title {
    margin: 0;
    margin-right: 10px;
    font-weight: 600;
    font-size: 1.1rem;
}

.project-description {
    margin-bottom: 8px;
    color: #555;
    font-size: 0.9rem;
}

.project-footer {
    font-size: 0.8rem;
}

.bg-purple {
    background-color: #6f42c1;
}

/* project block end */


/* reservation block start */
/* Стили для Select2 */
.select2-container--bootstrap-5 .select2-selection {
    min-height: 38px;
    padding: 5px;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #dee2e6;
}

.select2-container--default .select2-selection--single {
    height: 38px;  /* Высота как у form-control */
    line-height: 1.5;
    border: 1px solid #ced4da;  /* Как у Bootstrap */
    border-radius: 0.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

/* Стили для таблицы */
#itemsTable tbody tr {
    cursor: pointer;
}
#itemsTable .item-checkbox {
    cursor: pointer;
}
/* reservation block end */


.blinking {
    animation: blinking-animation 1s infinite;
}

@keyframes blinking-animation {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}