:root {
    --header-title-font-size: 18px;
    --nav-item-font-size: 13px;
    --nav-lang-font-size: 14px;
    --header-font-size: 28px;
    --card-title-font-size: 20px;
    --breadcrumb-item-size: 15px;
    --form-title-font-size: 22px;
    --option-size: 16px;

    --main-color: #0d2d62;
    --light-color: rgb(255, 255, 255);
    --dark-color: rgb(0, 0, 0);
    --breadcrumb-color: rgb(5, 78, 187);
    --breadcrumb-item-color: #808080;
    --col: #001f3f;
}

/*------------------------------------------------------*/

.document-list {
    padding: 0;
    margin: 0;
}

.document-item {
    padding: var(--nav-lang-font-size);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.document-item:hover {
    transform: translateY(-2px);
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #f2f3f4;
}

.custom-link {
    font-size: var(--nav-lang-font-size);
    color: #212529 !important;
    transition: color 0.3s ease-in-out;
}

.icon-check {
    width: 24px;
    height: 24px;
    fill: #28a745;
}

.icon-cancel {
    width: 24px;
    height: 24px;
    fill: red;
}

.document-title {
    font-weight: normal;
}

/*-------------------------------------------------------------------------*/

/* Дополнительные стили для активной страницы */
.pagination .page-item.active .page-link {
    background-color: #003d82; /* Синий цвет */
    border-color: #003d82;
    color: #fff;
    border-radius: 5px;
}

/* Общий стиль для всех ссылок пагинации */
.pagination .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;   /* фиксированная ширина */
    height: 32px;  /* фиксированная высота */
    border: none;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    padding: 0;    /* убираем некорректное значение */
}

/* Стиль для «отключённых» элементов пагинации (disd) */
.pagination .page-item.disd .page-link {
    color: gray;
    pointer-events: none;
    border-color: #dee2e6;
}