@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;
	}
#кнопка_второй_день
	{
		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
	{
		width: 100%;
		height: 30px;
		padding: 10px;
		border-radius: 10px;
	}

#надпись_дата_ответа,
#надпись_стоимость_участия
	{
		font-size: 25px;
	}
.fg
{
	border: 1px solid red;
	border: 1px solid black;
}