@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

body,
html {
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  scroll-behavior: smooth;
  user-select: none;
  height: auto;
  width: 100%;
}

.fon-image {
  background-image: url("../img/fon2.jpg");
  /* Путь к изображению */
  background-size: cover;
  /* Масштабирование на весь экран */
  background-position: center;
  /* Центрирование изображения */
  background-repeat: no-repeat;
  background-attachment: fixed; /* Фон остается на месте при прокрутке */
  /* Запрет на повторение */
  height: 100vh;
  /* Высота 100% от окна браузера */
  margin: 0;
  padding: 0;
}

.rubric-title {
  color: #2471a3;
  margin: 0;
  font-size: clamp(1rem, 1vw, 2vw);
  font-weight: 400;
}

.rubric-descript {
  font-size: clamp(0.7rem, 0.9rem, 1rem);
  margin: 0;
}

.title-folder {
  font-size: clamp(0.7rem, 1vw, 2vw);
  font-weight: 400;
}

.descript-folder {
  font-size: clamp(0.7rem, 1vw, 2vw);
  margin: 0;
  padding: 0;
  color: gray;
}

.a-1 {
  font-size: 1rem;
  text-decoration: underline; /* Добавляем подчеркивание */
  text-underline-offset: 3px; /* Смещаем линию вниз */
  color: #2e4053;
}

.aq {
  font-size: 1rem;
  text-decoration: underline;
  /* Добавляем подчеркивание */
  text-underline-offset: 3px;
  /* Смещаем линию вниз */
  color: #2e86c1;
}

/* old */
b {
  font-weight: 400;
}

input[type="checkbox"] {
  cursor: pointer;
}

div {
  line-height: 1.1;
}

.bg-1 td {
  background-color: #2980b9 !important;
}

.bg-2 td {
  background-color: #7fb3d5 !important;
}

.bg-3 td {
  background-color: white !important;
}

.a_link {
  font-size: 16px;
}

.table tbody tr:nth-child(odd) {
  background-color: white;
}

.table tbody tr:nth-child(even) {
  background-color: whitesmoke !important;
}

th {
  background-color: #aeb6bf;
  color: black;
  font-size: 1rem;
  font-weight: 300;
}

.folder-hover:hover {
  cursor: pointer;
  color: blue;
}

/* Контейнер для логотипа */
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Логотип */
.logo {
  width: 120px;
  /* Задайте размер логотипа */
  animation: vertical-rotate 10s linear infinite;
  /* Горизонтальная анимация */
}

@keyframes vertical-rotate {
  0% {
    transform: rotateY(0deg);
    /* Начальное положение */
  }

  50% {
    transform: rotateY(180deg);
    /* Половина вращения */
  }

  100% {
    transform: rotateY(360deg);
    /* Полный оборот */
  }
}

.custom-rounded {
  border-radius: 10px;
}

.color-gray {
  color: #616a6b;
}

.color-gray-1 {
  color: #7f8c8d;
}

.color-gray-2 {
  color: #b2babb;
}

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

/* Общие стили */
#login-page .container-fluid {
  height: 100vh;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#login-page .custom-rounded {
  background-color: #f8f9fa; /* bg-light */
  padding: 30px 10px;
  border-radius: 5px;
  text-align: center;
  width: 400px;
}

#login-page .logo {
  max-width: 100px;
}

#login-page h2 {
  font-size: 2rem;
}

#login-page h3 {
  font-size: 1.5rem;
}

#login-page .confident input {
  margin-right: 10px;
}

#login-page .input-group-text {
  background-color: #6c3483;
  color: whitesmoke;
}

/* Кнопка входа */
#login-page .login-btn {
  width: 100px;
  background-color: #6c3483;
  color: whitesmoke;
}

#login-page input[type="checkbox"] {
  accent-color: #6c3483;
  width: 16px;
  width: 16px;
}

/* Версия */
#login-page .version-text {
  font-size: 1.2rem;
  color: #ccc;
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 768px) {
  #login-page .custom-rounded {
    width: 90vw;
    margin-top: -100px;
  }

  #login-page h2 {
    font-size: 1.5rem;
  }

  #login-page h3 {
    font-size: 1.2rem;
  }

  #login-page .form-control {
    font-size: 1rem;
  }

  #login-page .login-btn {
    font-size: 1rem;
    width: 30vw;
  }

  #login-page input[type="text"],
  input[type="password"] {
    font-size: 1rem;
  }
}

/* Адаптивные стили для десктопов */
@media (min-width: 769px) {
}