.ms-bodyareaframe {
	padding: 0px;
}

#WebPartWPQ1 a {
	color:#0000ff!important;
}

div#WebPartWPQ1 * {
    font-size: 14px!important;
    font-family: "arial","sans-serif"!important;
}

.text {
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	font-family:'Times New Roman', Times, serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#375280;
}

.big_text {
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	font-family:'Times New Roman', Times, serif;
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
	color:#375280;
}

.rating-area {
	overflow: hidden;
	width: 500px;
}
.rating-area * {
  -webkit-tap-highlight-color: transparent; /* Удаляем выделение на iOS */
  touch-action: manipulation; /* Улучшаем взаимодействие на Android */
}
.rating-area *:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.rating-area *::-moz-focus-inner {
  border: 0; /* Решение проблемы с Firefox */
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {
	padding: 0;
	cursor: pointer;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
	float: inline-end;
	font-size: 100px;
	width: 100px;
/*	height: 100px;*/
	line-height: 100px;
}
.rating-area:not(:checked) > label:before {
	content: '★';
}
.rating-area > input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}

.rate-area > label:active {
	position: relative;
}

.rounded-input {
    border-top-left-radius: 7px;   /* Верхний левый угол */
    border-top-right-radius: 7px;  /* Верхний правый угол */
    border-bottom-right-radius: 7px; /* Нижний правый угол */
    border-bottom-left-radius: 7px; /* Нижний левый угол */
    height:3em;
    width:30em;
}

.info-block {
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 20px;
    background-color: #f8f8ff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 10px;
}

.field {
    display: grid;
    grid-template-columns: min-content auto;
    align-items: center;
    gap: 1em;
}

.label {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.custom-btn {
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}

.btn-5 {
  width: 300px;
  height: 80px;
  line-height: 42px;
  padding: 0;
  border: none;
  background: rgb(255,27,0);
  background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
  font-size: 32px !important;
  color: white !important;
}
.btn-5:hover {
/*  color: #f0094a !important; */
  color: rgb(255,27,0) !important;
  background: transparent;
   box-shadow:none;
}
.btn-5:before,
.btn-5:after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
/*  background: #f0094a; */
  background: rgb(255,27,0);
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-5:after {
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-5:hover:before,
.btn-5:hover:after {
  width:100%;
/*  transition:800ms ease all; */
  transition:400ms ease all;
}

#s4-topheader_new {
	display:none;
}

.question {
	font-size:32px;
	text-align:justify;
	color:black;
	margin-bottom:15px;
	font-weight:bold;
}

.answers {
	color:black;
	font-size:32px;
}
label {
	font-size:32px;
}
.answers > label {
	font-size:64px;
}

.dop_question {
	display:none;
	font-size:24px;
}

.dop_question > textarea {
	font-size:48px;
	width:99%;
}

.input_date {
	font-size:50px !important;
	height:1.4em;
	width:350px;
}

.input_text {
	font-size:50px !important;
	height:1.4em;
	width:99%;
}

/* Модальное окно */
#modal {
  display: none; /* Скрыто по умолчанию */
  position: fixed; /* Фиксированное положение относительно экрана */
  z-index: 1000; /* Окно поверх всех элементов страницы */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* Добавляем прокрутку, если контент большой */
  background-color: rgba(0,0,0,0.4); /* Полупрозрачный фон */
}

.modal-content {
  background-color: #fff;
  margin: 15% auto; /* Горизонтально центрировано + вертикальная позиция около центра */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  max-width: 600px; /* Максимальная ширина окна */
  /*min-height: 200px;  Минимальная высота окна */
}

/* Для абсолютного позиционирования и точного центриования */
@media screen and (min-width: 768px) { /* адаптивность для больших экранов */
  .modal-content {
    position: absolute;
    top: 50%; /* Относительно родительского блока */
    left: 50%;
    transform: translate(-50%, -50%); /* Центрирование горизонтально и вертикально */
  }
}

input[name="ans_5"] {
  margin-top:50px;
}

input[type="radio"] {
  margin-bottom:8px;
  appearance: none; /* Скрывает стандартный вид */
  -webkit-appearance: none; /* Для кроссбраузерности */
  margin-right: 20px; /* Небольшой отступ от текста */
  height: 3em;
  width: 3em;
  border: 2px solid #415674;
  border-radius: 100%; /* Делает кнопку круглой */
  background: #fff;
  vertical-align: text-bottom; /* Выравнивание по тексту */
  position: relative; /* Позиционирование псевдоэлемента */
}

input[type="radio"]:checked::before {
  content: ""; /* Обязательно для псевдоэлемента */
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #4b83fc; /* Цвет центрального элемента */
  border-radius: 100%;
  width: 2em; /* Размер центральной точки */
  height: 2em; /* Размер центральной точки */
}

select {
	height:64px;
	width:100%;
	font-size:32px !important;
}

#modal_text {
	font-size:64px !important;
}

.modal-content > button {
	font-size:48px !important;
}

.message {
	font-size:1.4em !important;
}