/* CSS Document */

/*
Основная палитра:
	основной фон во всем поле браузера (практически белый) #fbfbfb
	общий фон области сайта - белый #ffffff
	фон таблиц и выделенных областей (серый) #ececec
	цвет выделенных незначительных элеменов (разделителей, подчерков и т.д, коричневый) #c2b394
	цвет градиента активных кнопок (светлый изумрудный) #53b0bd
	цвет градиента активных кнопок  (темный изумрудный) #12646f
	цвет градиента НЕактивных кнопок (темный) #03707d
	цвет градиента НЕактивных кнопок (светлый) #27bec2

*/

/****** ШРИФТЫ начало ******************************************************************/
/**/
@font-face {
	/* название шрифта(чтобы не запутаться лучше указать название папки со шрифтом) */
	font-family: "proximanova_regular"; 
	/* адрес шрифта и тип */
	src: url("../fonts/proximanova_regular.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	} 

@font-face {
	font-family: "MontserratAlternates";  
	src: url("../fonts/ofont.ru_MontserratAlternates.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal;
	 }

@font-face {
	font-family: "Manrope";  
	src: url("../fonts/ofont.ru_Manrope.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal;
	}

@font-face {
	font-family: "Hero";  
	src: url("../fonts/ofont.ru_Hero.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal;
	}

	/*шрифты - font9 = стиль1, font8 = стиль2*/
.font9 {font-size: 9pt}
.font8 {font-size: 8pt}	
/**/			 
/****** ШРИФТЫ конец ******************************************************************/



/****** ССЫЛКИ - начало ***************************************************/
/**/
/*ссылка*/
a:link { color: #000000; text-decoration: none; color: #6699CC; }

/*посещенная ссылка*/
a:visited { color: #000000; text-decoration: none; color: #336699; }

/*активная ссылка*/
a:active { color: #000000; text-decoration: underline; color: #ff0000; }

/*ссылка наведенная*/
a:hover { color: #000000; text-decoration: underline; color: #ff0000; }
/**/
/*****ССЫЛКИ - окончание ****************************************************/


/***********************************************/
/* АДМИНСКИЙ раздел. НАЧАЛО 

/* Левое меню Админского раздела */
.admin_left_menu {
	background : #ececec;
	font-size: 1.4em;
	width: 20%; 
	/*padding: 5px;
	border: solid 1px #ccc;*/
	float: left;
	height: 400;
}

/* Элемент левого меню Админского раздела */
.admin_left_menu_item {
	font-family: Hero, verdana;
	font-size: 1.2em;
	width: 100%;
}

/* Главный блок Админского раздела */
.admin-main-block {
	font-size: 1.2em;
	width: 79%;
	margin-left: 0.5%;
	border: solid 1px rgb(125, 125, 125);
	float: left;
	height: 398px;
}

/* Кнопка из Админского раздела*/
.admin-button {
	width: 15%; 
	vertical-align: middle;
	margin-left: 1%;
	padding: 0;
	font-family: inherit;
	font-size: 0.85em;
}

/*Заголовки в админском блоке*/
.p-title {
	color: #12646f;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

/* АДМИНСКИЙ раздел. ОКОНЧАНИЕ 
/***********************************************/


/* ОБЩИЕ. НАЧАЛО  
/************************************************/




* {
	margin: 0;
	padding: 0;
  }

  /*Главный. цвет, шрифт*/	
  html body {
	color:#333;
	background-color: #fbfbfb;
	font-family: Hero, Verdana, Geneva, Tahoma, sans-serif; 
	/*font-size:0.94em;*/
	margin: 0px auto;
	width: 100%;
	max-width: 1000px;	
	height: 100%;	
  }
	
  h1 {
	font-size:30px;
	font-weight:normal;
	padding:0px 0 0px;
	line-height:100%;
	font-style:italic;
  }

/* Очистка FLOAT*/
  .clear-div {
	clear: both;
  }

/*Шапка*/
.header-div {
	overflow: hidden; 
	background: #fbfbfb; 
	border: solid 1px #ccc; 
	border-bottom: 3px solid #c2b394;
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	margin-top:0px;
}


/* Поле ПОИСК */
.field-search {
	font-size: 1em; 
	text-align: right;
	margin-top: 3px;
	display: flex;
	justify-content: flex-end;
}

/* Поле ввода ПОИСК - временно не используется, т.к. все форматирование выполнены через таблицу 
закомментировано в article_show.php и  index.php*/
.input_field_search {
	width: 30%;
	font-size: 1em;
}

/* Кнопка ПОИСК - временно не используется, т.к. все форматирование выполнены через таблицу
закомментировано в article_show.php и  index.php*/
.search_button {
	font-family: inherit;
	width: 10%; 
	padding: 0;
	font-size: 1em;
}

/* Класс для формы Добавления и Редактирования Статьи*/
.form-article-edit {
	display: block;
	margin-top: 0em;
	margin-block-end: 0em;
}

/* Поле ввода в одну строку */
.input-field-one-line {
	width: 70%;
	font-size: 0.85em;
	font-family: inherit;
}

/* Главный блок основного раздела */
.main-block {
	font-size: 1.2rem;
	width: 100%;
	background: #ffffff;
	border: solid 1px #ccc;
	border-bottom: 3px solid #c2b394
}

/* Списки */
ol li {
	list-style: decimal;
	list-style-position: inside;
}

/*----КРАСИВЫЕ КНОПКИ-------начало---*/
.custom-btn {
	width: 94%;
	height: 40px;
	margin: 5px;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
	font-family: Hero, verdana;
	font-weight: 500;
	font-size: 0.55em;
	background: transparent;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
	/*box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%);*/
	outline: none;
	border: none;
}
.btn-1 {
  /* исходный вариант
  background: rgb(6,14,131);
  background: linear-gradient(0deg, rgba(6,14,131,1) 0%, rgba(12,25,180,1) 100%);
  border: none;
  */
  /* мой вариант №1
	background: #27bec2;
   background: linear-gradient(0deg, #27bec2 0%, #03707d 100%);
   border: none;
	*/
	background: #12646f;
}

.btn-1:hover {
	/* исходный вариант
   background: rgb(0,3,255);
	background: linear-gradient(0deg, rgba(0,3,255,1) 0%, rgba(2,126,251,1) 100%);
	*/
	/* мой вариант №1
	background: #53b0bd;
	background: linear-gradient(0deg, #53b0bd 0%, #12646f 100%);
	*/
	background: #53b0bd;
}
/*----КРАСИВЫЕ КНОПКИ-------конец---*/





/*--------СКРОЛЛ ТАБЛИЦЫ------ начало*/
.scroll-table-body{
	overflow-x: auto;
	margin-top: 0px;
	vertical-align: top;
	/*height: auto; */
	min-height: 300px; 
	max-height: 500px; 
	margin-left: 2%; 
	/*margin-right: 2%;
	height: 100%;*/
}
.scroll-table table {
	font-family: Hero; 
	font-size: 1em;
	width:100%;
	table-layout: fixed;
	border: none;
}
.scroll-table thead th {
	text-align: left;
	border: none;
	padding: 0px;
	background: #ececec;
	font-size: 0px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.scroll-table tbody td {
	text-align: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px;
	vertical-align: top;
}
.scroll-table tbody tr:nth-child(even){
	background: #ececec;
}
 
/* Стили для скролла */
::-webkit-scrollbar {
	width: 6px;
} 
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
/*--------СКРОЛЛ ТАБЛИЦЫ------ конец*/



/* Таблица для отображения формы добавления и редактирования статьи*/
.article-table-add-edit {
	font-family: Hero, verdana;
	font-size: 1em;
	width:100%;
	height: 340px;
	border-bottom: 3px solid #c2b394;
	border-top: 1px solid #c2b394;
	border-left: 1px solid #c2b394;
	border-right: 1px solid #c2b394;
}



/* Таблица для отображения формы добавления и редактирования раздела*/
.section-table-add-edit {
	font-size: 1.2em;
	width:100%;
	border-bottom: 3px solid #c2b394;
	border-top: 1px solid #c2b394;
	border-left: 1px solid #c2b394;
	border-right: 1px solid #c2b394;
}



/* Главный блок основного раздела */
.table-main {
	font-family: Hero; 
	/*font-size: 1em;*/
	width: 100%;
	background: #fbfbfb;
	border: solid 1px #ccc;

}

/*Пружинка в шапке сайта*/
.header-top {
	background: url(images/skrepka_small.png);
	height: 90px; /* Высота слоя */
	width: 100%;
	border-bottom: 3px solid #c2b394; /* Параметры линии внизу */
}

/* Любая внутренняя таблица */
.table-all {
	font-size: 1.2rem;
}




/****** АДАПТАЦИЯ начало ********************************************************************************/
/**/
@media screen and (min-width:100px) and (max-width:1024px) {
	:root {
		font-size: 1.125em; /* это =18px*/
		}

}




@media screen and (min-width:100px) and (max-width: 728px) {
	:root {
		font-size: 1em; /* это =16px*/
		}
	
}



@media screen and (min-width:100px) and (max-width: 480px) {
	:root {
		font-size: 0.625em; /* это =10px*/
		}

}



/**/
/****** АДАПТАЦИЯ конец ********************************************************************************/