@font-face {
	font-family: 'Magnolia';
	src: url(Magnolia.woff) format('woff');
  }
  
  .скрытый
	  {
		  display: none;
	  }
  
  body
	  {
		  background-color: #ffe5bd;
		  font-size: 15px;
	  }
  #контейнер
	  {
		  width: 100%;
		  max-width: 420px;
		  height: 100%;
	  }
  
  .страница
	  {
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  display: none;
		  width: 100%;
		  height: 100%;
		  flex-direction:column;
		  align-items:center; 
		  background-color: #ffe5bd;
		  box-shadow: inset 1px 1px 6px #c2aa85;
		  overflow: auto;
		  padding: 10px;
		  padding-top: 5px;
  
	  }
  #главная_страница
	  {
		  display: flex;
		  padding: 0px;
	  }
  
  #страница_вход_по_электропочте,
  #страница_ответа,
  #страница_вход_админа
	  {
		  justify-content:center;
	  }
  
  #страница_даты
	  {
		  justify-content:space-between;
		  
	  }
  
  .блок_кнопок
	  {
		  width: 100%;
		  flex-direction:column;
		  align-items:center;
	  }
  .кнопка, 
  .кнопка_нажатие
	  {
		  height: 40px;
		  padding-right: 20px;
		  padding-left: 20px;
		  border-radius: 20px;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin-bottom: 20px;
		  justify-content:center;
		  align-items:center; 
		  color: #349679;
		  background: white;
		  font-family: Magnolia;
		  font-size: 22px;
	  }
  .кнопка_нажатие
	  {
		  background: #ffe5bf;
	  }
	  
  .кнопка_м
	  {
		  height: 30px;
		  padding-right: 10px;
		  padding-left: 10px;
		  border-radius: 10px;
		  margin-bottom: 5px;
		  font-family: sans-serif;
		  font-size: 15px;
		  justify-content:center;
		  align-items:center; 
		  color: #349679;
		  background: white;
		   flex-shrink:0;
		   box-shadow: 1px 1px 6px #c2aa85;
	   }
  
  #логотип
	  {
		  width: 100%;
		  height: 250px;
		  background-size:cover;
		  background-position: center center; 
		  background-image: url(заставка-логотип.jpg);
		  box-shadow: inset 1px 1px 6px #c2aa85;
	  }
  #название
	  {
		  height: 55px;
		  justify-content:center;
		  align-items:center; 
		  margin-bottom: 30px;
		  color: #e8726e;
		  font-size: 20px;
		  font-family: Magnolia;
	  }
  
  .заголовок_страницы,
  .заголовок_документа,
  .заголовок_документа_выделен
	  {
		  width: 100%;
		  color: #d9b995;
		  margin-bottom: 10px;
		  font-size: 30px;
		  font-family: Magnolia;
	  }
  .заголовок_документа,
  .заголовок_документа_выделен
	  {
		  color: #349679;
	  }
  
  
  #выделен
	  {
		  border: 2px solid white; 
	  }
  
  a
  {
	  padding: 0px;
	  text-decoration: underline;
  }
  .надпись,
  .надпись_выделен
	  {
		  width: 100%;
		  margin-bottom: 10px;
		  font-family: sans-serif;
		  user-select:text; -moz-user-select:text; -webkit-user-select:text;
		  justify-content:flex-start;
	  }
  .подпись,
  .подпись_выделен
	  {
		  width: 100%;
		  color: #b2987a;
		  margin-bottom: 10px;
		  font-family: sans-serif;
		  font-style: italic;
		  font-family: serif;
	  }
  
  
  .раздел_абзац,
  .раздел_заявки
	  {
		  width: 100%;
		  padding: 20px;
		  padding-top: 0px;
		  margin-bottom: 10px;
		  flex-direction:column;
		  align-items:flex-start;
		  font-family: sans-serif;
		  
  
	   }
  .кнопка_выбора_неакт,
  .кнопка_выбора_актив
	  {
		  min-height: 30px;
		  min-width: 40px;
		  padding: 10px;
		  border-radius: 10px;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin-right: 5px;
		  justify-content:center;
		  align-items:center; 
		  color: #349679;
		  background: #ffe5bd;
	  }
  .кнопка_выбора_гориз_неакт,
  .кнопка_выбора_гориз_актив
	  {
		  min-height: 45px;
		  width: 100%;
		  padding : 10px;
		  border-radius: 10px;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin-bottom: 5px;
		  justify-content:flex-start;
		  align-items:center; 
		  color: #349679;
		  background: #ffe5bd;
	  }
  .кнопка_выбора_гориз_актив,
  .кнопка_выбора_актив
	  {
		  background: white;
	  }
  
  .горизонтальный_блок
	  {
		  width: 100%;
		   align-items:center;
	  }
  #горизонтальный_блок_меню
	  {
		  justify-content:space-between; 
	  }
  .вертикальный_блок
	  {
		  width: 100%;
		   flex-direction:column;
		  align-items:flex-start;
	  }
  .ввод_текста
	  {
		  align-items:center;
		  box-shadow: inset 1px 1px 6px #c2aa85;
		  width: 100%;
		  min-height: 40px;
		  padding: 10px;
		  border-radius: 10px;
		  -webkit-user-select: text;
		  user-select: text;
		  margin-bottom: 5px;
	  flex-direction:column;
	  align-items:flex-start;
	   }
  
  .кнопка_input
	  {
		  opacity: 0;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 100%;
		  height: 100%;
	   }
  #кнопка_отправить
	  {
		  margin-bottom: 100px;
		   flex-shrink:0;
	  }
  
  .фото_картинка,
  .фото_картинка_выделен
	  {
		  width: 100%;
		  flex-shrink:0;
		  box-shadow:   1px 1px 6px #c2aa85;
		  border-radius: 10px;
		  margin-top: 5px;
		  margin-bottom: 10px;
  
	  }
   
  #кнопка_войти,
  #кнопка_войти_админ
	  {
		  align-self: flex-end;
		  margin-top: 20px;
	  }
  
  #электропочта_участника
	  {
		  margin-top: 5px;
	  }
  
  
  #блок_тариф
	  {
		  box-shadow:   1px 1px 6px #c2aa85;
		  border-radius: 20px;
		  padding: 20px;
		  margin-bottom: 20px;
	  }
  #кнопка_тариф_1,
  #кнопка_тариф_2,
  #кнопка_тариф_3
	  {
		  flex-grow: 2;
		  flex-shrink: 0;
		  margin-bottom: 10px;
	  }
  
  #выберите_тариф
	  {
		  padding-bottom: 0px;
	  }
  
  #заголовок_тариф
	  {
		  font-family: Magnolia;
		  font-size: 22px;
	  }
  
  #блок_кнопок_страница_админ
	  {
		  margin-top: 155px;
	  }
  
  #вертикальный_блок_даты_прошлые,
  #вертикальный_блок_даты_будущие,
  #вертикальный_блок_заявки,
  #блок_заявки_админ,
  #блок_отказать_админ,
  #блок_одобрить_админ,
  #блок_одобрить_встреча_админ,
  #вертикальный_блок_ответ,
  #вертикальный_блок_оплата,
  #вертикальный_блок_даты_будущие_план,
  #вертикальный_блок_даты_будущие_оплата
	  {
		  flex-direction:column;
		   box-shadow: inset 1px 1px 6px #c2aa85;
		  width: 100%;
		  padding: 10px;
		  border-radius: 10px;
		  margin-bottom: 10px;
		  flex-grow:2;
		  overflow: auto;
	  }
  #вертикальный_блок_даты_будущие_оплата,
  #вертикальный_блок_даты_будущие_ответ
	  {
		  height: 45%;
		  overflow: auto;
	   }
  #вертикальный_блок_оплата,
  #вертикальный_блок_ответ
	  {
		  height: 45%;
		  overflow: auto;
	   }
  №
  
  
  #блок_заявки_админ,
  #блок_отказать_админ,
  #блок_одобрить_админ,
  #блок_одобрить_встреча_админ
	  {
		  padding: 0px;
		  padding-top: 20px;
	  }
  #блок_заявки_админ
	  {
		  margin-top: 50px;
	   }
  #блок_кнопок_страница_даты,
  #блок_кнопок_страница_заявки_админ
	  {
		  flex-direction: row;
		  justify-content:space-between;
		  overflow: auto;
		  margin-bottom: 10px;
		  padding: 10px;
		  flex-shrink:0;  
	  }
  
  .элемент_дата,
  .элемент_дата_выделен
	  {
		  width: 100%;
		  min-height: 40px;
		  border-radius: 10px;
		  box-shadow:  1px 1px 6px #c2aa85;
		  margin-bottom: 10px;
		  background-color: white;
		  font-family: sans-serif;
		  padding-left: 20px;
		  align-items:center;
		  flex-shrink:0;  
	  }
  .элемент_дата_выделен
	  {
		  border: 2px solid #349679;
	  }
  
  .элемент_заявка,
  .элемент_заявка_выделен
	  {
		  width: 100%;
		  height: 40px;
		  border-radius: 10px;
		  box-shadow:  1px 1px 6px #c2aa85;
		  margin-bottom: 10px;
		  background-color: white;
		  font-family: sans-serif;
		  padding-left: 20px;
		  align-items:center;
		  flex-shrink:0; 
	  }
  .элемент_заявка_выделен
	  {
		  border: 2px solid #349679;
	  }
  
  .статус_заявки
	  {
		  width: 20px;
		  flex-shrink: 0;
		  flex-grow: 0;
		  margin-right: 10px;
		  color:  #349679;
		  font-size: 22px;
	  }
  .фио_заявки
	  {
		  height: 40px;
		  padding-right: 10px;
		  padding-left: 10px;
		  padding-top: 5px;
		  flex-grow: 2;
		  align-items:flex-start;
		  overflow: hidden;
		  font-size: 12px;
	  }
  .фото_заявки
	  {
		  height: 100%;
	  }
  
  #текст_ответа,
  #дата_ярмарки_ответ
	  {
		  font-size: 18px;
		  flex-direction:column; 
		  align-items:flex-start;
	  }
  #дата_ярмарки_ответ
	  {
		  color: #349679;
	  }
  
  .кнопка_закрыть_страницу
	  {
		  position: absolute;
		  top: 10px;
		  right: 10px;
		  width: 40px;
		  height: 40px;
		  border-radius: 20px;
		  border: 1px solid #d8b995;
		  color: #d8b995;
		  justify-content:center;
		  align-items:center; 
		  background-color:  #ffe5bc;
   
		  z-index: 1;
	  }
  
  
  #список_документов
	  {
		  overflow: auto;
	  }
  
  #страница_ответа
	  {
		  padding-top: 50px;
	  }
  
  
  #кнопка_повторить_заявку
	  {
		  display: none;
		  margin-bottom: 30px;
	  }
  
  .контейнер_план,
  .картинка_план_ярмарки
	  {
		  width: 360px;
		   flex-shrink:0;
		   flex-direction:column; 
	  }
  
  
  
  #контейнер_план_2
	  {
		  display: none;
	  }
  /* Добавить стили для третьего дня */
  #контейнер_план_3
	  {
		  display: none;
	  }
  #кнопка_второй_день
	  {
		  margin: 30px;
	  }
  /* Добавить стили для кнопки третьего дня */
  #кнопка_третий_день
	  {
		  margin: 30px;
	  }
  
  #блок_дата_план
	  {
		  padding-bottom: 0px;
	  }
  
  
  
  .кнопки_редактора_плана
	  {
		  height: 700px;
		  width: 60px;
		  position: absolute;
		  top: 230px;
		  right: 0px;
		  flex-direction:column;
	  }
  .кнопки_столы
	  {
		  height: 740px;
		  width: 140px;
		  position: absolute;
		  top: 210px;
		  left: 110px;
	  }
  .кнопка_плана,
  .кнопка_пауза,
  .кнопка_запуск
	  {
		  width: 50px;
		  height: 50px;
		  border-radius: 25px;
		  background-color: white;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin: 5px;
		  background-position: center center; 
		  background-size:contain;
	  }
  .кнопка_пауза
	  {
		  margin-top: 80px;
		  background-image: url(пиктограммы/пауза.svg); 
	  }
  .кнопка_запуск
	  {
		  margin-top: 80px;
		  background-image: url(пиктограммы/запуск.svg); 
	  }
  
  
  #кнопка_елка
	  {
		  background-image: url(пиктограммы/елка.svg); 
	  }
  #кнопка_2стол
	  {
		  background-image: url(пиктограммы/стол2.svg); 
	  }
  #кнопка_22стол
	  {
		  background-image: url(пиктограммы/стол22.svg); 
	  }
  #кнопка_1стол
	  {
		  background-image: url(пиктограммы/стол1.svg); 
		  margin-bottom: 30px;
	  }
  #кнопка_добавить
	  {
		  background-image: url(пиктограммы/добавить.svg);
	  }
  #кнопка_удалить
	  {
		  background-image: url(пиктограммы/удалить.svg);
		  margin-bottom: 30px;
	  }
  #кнопка_влево
	  {
		  background-image: url(пиктограммы/налево.svg);
	  }
  #кнопка_вправо
	  {
		  background-image: url(пиктограммы/направо.svg);
	  }
  #кнопка_вверх
	  {
		  background-image: url(пиктограммы/вверх.svg);
	  }
  #кнопка_вниз
	  {
		  background-image: url(пиктограммы/вниз.svg);
	  }
  
  
  .элемент_плана,
  .элемент_плана_выделен
	  {
		  background-color: black;
		  position: absolute;
		   
	   }
  .элемент_плана_выделен
	  {
		  border: 2px solid white;
		  box-shadow: 1px 1px 6px white;
	  }
  #элемент_елка
	  {
		  height: 40px;
		  width: 40px;
		  border-radius: 20px;
		  background-image: url('пиктограммы/елка.svg'); 
		  background-position: center center; 
		   background-color: white;
		   border: 3px solid black;
	  }
  #элемент_стол1
	  {
		  height: 15px;
		  width: 15px;
	  }
  #элемент_стол2
	  {
		  height: 15px;
		  width: 30px;
	  }
  #элемент_стол22
	  {
		  height: 30px;
		  width: 15px;
	  }
  
  #электропочта_плана
	  {
		  position: absolute;
		  top: 180px;
		  left: 10px;
  
		  width: 340px;
		  height: 30px;
  
		  justify-content:center;
		  align-items:center;
  
	  }
  
  #сообщение_пользователю,
  #сообщение_данные_пользователя
	  {
		  z-index: 33;
		  position: absolute;
		  top: 0%;
		  right: 50%;
		  transform: translate(50%,0%);
		  width: 100%;
		  min-height: 100px;
		  background-color: white;
		   padding: 20px;
		  justify-content:center; 
		  align-items:center;
		  font-family: sans-serif;
		  font-size: 18px;
		  text-align:center; 
		  color:  #e4625e;
		  box-shadow: 0px 0px 10px white;
		  display: none;
	  }
  
  #фото_участника_сообщение
	  {
		  width: 100px;
		  margin-right: 10px;
	  }
  #фио_участника_сообщение
	  {
		  width: 100%;
		  color: black;
		  justify-content:flex-start; 
		  text-align: left;
		  font-size: 15px;
		  margin-bottom: 10px;
	  }
  .категория_участника_сообщение
	  {
		  width: 100%;
		  color: #d9b995;
		  justify-content:flex-start; 
		  text-align: left;
		  font-size: 15px;
		  margin-bottom: 10px;
	  }
  #блок_фото_фио_категории
	  {
		   align-items:flex-start;
	  }
  
  
  #блок_меню_страница_онас,
  #блок_меню_страница_правила
	  {
		  display: none;
		  flex-direction: row;
		  justify-content:space-between; 
	  }
  #содержимое_онас,
  #содержимое_правила
	  {
		  flex-grow: 2;
		  overflow: auto;
		  padding: 10px;
	  }
  
  #страница_онас,
  #страница_правила
	  { 
		  padding: 10px;
	  }
  
  #кнопка_вход
	  {
		  color: #e8726e;
	  }
  
  #вертикальный_блок_даты_будущие_цены
	  {
		  margin-bottom: 60px;
	  }
   
  #дата_день_1,
  #дата_день_2,
  #дата_день_3
	  {
		  width: 100%;
		  height: 30px;
		  padding: 10px;
		  border-radius: 10px;
	  }
  
  #надпись_дата_ответа,
  #надпись_стоимость_участия
	  {
		  font-size: 25px;
	  }
  .fg
  {
	  border: 1px solid red;
	  border: 1px solid black;
  }