/* Общие стили */
#loading-fix {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #dcddd4;
  z-index: 99999;
  opacity: 1;
  transition: opacity 2.0s linear; /* Плавное исчезновение */
user-select: none;
  pointer-events: none;
}
.close-button {width:0;}
#loading-fix.hidden {
  opacity: 0; /* Исчезновение через анимацию */
}

#loading-fix.hidden-finished {
  display: none; /* Полное скрытие после завершения анимации */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    font-family: 'Cormorant Garamond', serif;
    background: url('/templates/images/campfire.jpeg') no-repeat center center;
background-size: cover;
    color: rgb(37 34 28/1);
}

.page {
    display: flex;
    flex-direction: column;
    height: 100%;
min-height:680px;
}

/* Хедер */
.header {
    background: url('/templates/images/paxdei-logo-silver.png') no-repeat center center; /* URL вашего изображения */
    background-size: contain;
    color: #fff;
    text-align: center;
height: 14vh;
margin:0 auto;
  margin-top: 5vh;
  max-width: 80%;}

.header-title {
    font-size: 1.25rem;
}

/* Контент */
.content {
    flex: 1;
flex-direction: column;
    padding: 10px;
    overflow-y: auto;
}

/* Футер */
.footer {
    background: linear-gradient(to right, #25221c 65%, #dcddd4 40%);position: relative;
font-family: 'Russo One', sans-serif;
    color: #dcddd4;
    text-align: center;
    padding: 10px;
    font-size: 0.8rem;
}
.footer a {font-weight: 600; text-decoration:none; color:#dcddd4;}
.footer a:hover {text-decoration:underline;}
.logolink{background: url('/templates/images/umlogo.png') no-repeat center center;
width:50px; height:32px;background-size:contain;position:absolute;left:70%;top:2px;display:block;cursor:pointer;}

/* Мобильные стили */
@media (max-width: 768px) {
    .header-title {
        font-size: 1rem; /* Сокращаем размер текста на мобильных */
    }

    .task-table th, .task-table td {
        padding: 6px;
        font-size: 0.8rem; /* Сокращаем шрифт в таблице для мобильных */
    }

    .footer {
        padding: 8px;
        font-size: 0.75rem; /* Сокращаем отступы и размер шрифта */
    }
.logolink{height:29px;}
}
.users-info{
max-height: 23vh;
overflow-y: auto; /* Указывает прокрутку только по вертикали */
scrollbar-width: thin; /* Для более изящного отображения скроллбара в Firefox */
scrollbar-color: darkgray lightgray; /* Цвета скроллбара */
width: 80%;
}