div[class^="col-1"] {
    width: 10%;
   }
   .txtcenter{
      text-align: center;
   }
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  
  input[type=number] {
      -moz-appearance:textfield;
  }

  fieldset {
      margin-bottom: 0 !important;
      border: 1px solid #666 !important;
      padding:1px !important;
      text-align: right;
  }
  
  legend {
      margin-bottom: 0 !important;
      padding: 1px !important;
      float:none;
      width:auto;
      text-align: left;
      font-size: 70%;
  }
  label{
      text-align: center;
  }
  .logo_image {
    width: 50px;
    height: 50px;
    border-radius: 35px;
  }
#chk1, #chk2, #chk3, #chk4, #chk5, #chk6, #chk7, #chk8{
    margin-right: 8px;
    transform: scale(1.4);
}
/* Родительский контейнер */
.content-box {
    position: relative; /* Обязательно! */
}
/* Оверлей внутри конкретного блока */
.spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: none; /* Скрыт по умолчанию */
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.icon-box {
    display: flex;
    gap: 10px; /* Расстояние между иконками */
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.icon-svg {
    width: 50px;  /* Размер иконок */
    height: 50px;
    transition: transform 0.2s ease, opacity 0.2s;
    text-decoration: none;
}

.icon-svg:hover {
    transform: scale(1.1); /* Увеличение при наведении */
    opacity: 0.8;
}

/* Цвет самолетика Telegram */
.tg-icon { fill: #26A5E4; }

.stop-at-md {
    max-width: 540px;
}

.sticky-element {
    position: sticky;
    top: 0; /* Прилипнет к самому верху окна */
    z-index: 99; /* Чтобы быть поверх других элементов */
    background-color: white; 
    width: 100%;
  }
  
  /* Стили ссылки в футере */
.footer-disclaimer { text-align: center; padding: 20px; }
.footer-disclaimer style { color: #666; text-decoration: underline; cursor: pointer; }

/* Фон модального окна (затемнение) */
.modal {
    display: none; 
    position: fixed; 
    z-index: 9999; 
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.5); 
}

/* Контентное окно */
.modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 25px;
    border-radius: 8px;
    width: 80%;
    max-width: 600px;
    max-height: 70vh;
    overflow-y: auto;
    position: relative;
    font-family: sans-serif;
    line-height: 1.6;
}

/* Кнопка закрытия */
.close {
    position: absolute;
    right: 15px; top: 10px;
    font-size: 28px;
    cursor: pointer;
}
