@charset "utf-8";
/* CSS Document */

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;	padding: 0;}
img a {border: 0;}
img{cursor:pointer;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {font-family:tahoma; background-color:#eef2f4; }
p {margin: 0 0 1.2em;padding: 0;}
/* list */
ul, ol {margin: 1em 0 1.4em 24px;padding: 0;line-height: 140%;}
li {margin: 0 0 .5em 0;padding: 0;}
/* headings */
h1, h2, h3, h4, h5, h6 {font-family:tahoma; line-height: 1.4em; margin: .4em;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}
/* form */
table {font-size:1em;}
thead {font-size:1em;}
td {padding:5px;}
form {padding:0; margin:auto;}
/* reset webkit search input styles */
input[type=button], input[type=reset], input[type=submit], button {
border:0;height:30px;padding-left:10px;padding-right:10px;cursor: pointer;outline:none;
-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
background:#649dff; text-transform:uppercase;color:#fff;font-size:12px; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {background:#274bc8; opacity:1;}
input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, button:disabled {background:#CCC;cursor: default;}
input[type=text]:disabled {background-color:transparent; cursor:default; border:none;
}

select, input[type=text], input[type=number], input[type=email], 
input[type=password], textarea {
	width: 100%;
	font-size: 1.0em;
	text-align:left;
	border-radius:20px;
	padding:10px;
}
input[type=password] {
	width: auto;
}
/*****MAIN NAVIGATION****************/
#main-nav {
	display:flex;
position:fixed; 
left:0; 
bottom:0;
width:100%;
height:auto; 
align-items:center;
font-family:tahoma;
font-size:1.2em;
color:white; 
background-color:#eef2f4;
-webkit-box-shadow: inset 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow: inset 0 3px 3px rgba(255,255,255,.3);
box-shadow: inset 0 3px 3px rgba(255,255,255,.2); 
z-index:580;
overflow:auto;
}
.menu{
	display:flex;
	margin:auto;
	width:auto;
}
#main-nav a {line-height:100%; color:#343b4c; display:block; padding:15px 15px; text-align:center; text-decoration:none; outline:none;}
#main-nav a:hover {color:#eef2f4; background-color:#62687f; text-decoration:none;}

/*******CONTENT**********************/
.td_red {background-color:rgba(255,159,159,0.6)}
.caption { 
font-size:1.8em;
text-align:center;
padding-left:10px;
text-decoration:none;
}
.subcaption {
	font-size:1.4em;
	padding-left:10px;
	text-decoration:none;
	text-align:center;
}
#catalog li{
list-style-type: none; /* Скрываем маркеры, отображаемые по умолчанию */
}
#catalog li:before{
 font-family: tahoma, sans-serif;
 font-weight: 800;
 color: #315efb; /* Цвет маркера */
 content: "•"; /* Маркер */
 padding-right: 7px; /* Отступ от маркера до текста */
}

article {font-size:1.0em; padding-top:15px; text-align:justify;}
article p {text-indent:8%;}
.link_style{
	cursor:pointer;
	text-decoration:underline;
	color:#4660FF;
}
.linck  {
	color:#649dff;
	text-decoration:underline;
	cursor:pointer;
}

#Go_Top {position:fixed; bottom:0px; right:30px; width:30px; cursor:pointer;z-index:700;}
#status_bar{
	position:fixed; top:0px; right:0px; width:100vw; height:auto; cursor:default;z-index:600;
	background-color:#62687f; 
	font: italic 0.8em "Times New Roman", Times, serif;
	color:white;
	padding-left:20px;
}
#spisok{
	overflow:auto;
	margin-bottom:160px;
}
#hidden{
	z-index:-700; opacity:0;
}

#sidebar {
	z-index:160;
	float:left;
	margin:0;
	background-color:#636363;
	position:fixed;
	top:0;
	left:19vw;
	width:25vw;
	height:100vh;
	overflow:auto;
	padding:30px;
	padding-top:30px;
	padding-left:15px;
	padding-right:15px;
	color:white;
}
#catalog{
	min-height:82%;
	z-index:160;
	float:left;
	color:#343b4c;
	margin:0;
	margin-left:45vw;
	width:32vw;
	padding:30px;
	padding-bottom:100px;
	height:auto;
	background-color:white;
}

#ctrl_order {
	color:rgba(139,249,172,1.00);
	display:none;
	position:fixed;
	left:19vw;
	width:16vw;
	bottom:106px;
	height:auto;
	padding:10px;
	z-index:202;
}
.table_list{
	background-color:#636363;
	font-family:tahoma;
	cursor:pointer;
	text-align:center;
}
.td_list{
	border:solid;
	border-color:#808080;
	border-radius:10px;
}
/************************************/
#Go_Top{
	bottom:55px;
}
#Go_Top img{
	opacity:0.5;
}
#Go_Top img:hover{
	opacity:1;
}
#to_back{
	position:fixed;
	left:5px;
	bottom:55px;
	display:none;
}
.lihgt_list{
	background-color:#8BF9AC;
	color:#404040;
	cursor:pointer;
}
.norm_list{
	background-color:#636363;
	color:#B3B3B3;
	cursor:pointer;
}
textarea {
	border:none;
}
#new_note{
	display:none;
}
.ctrl_rdnt{
}
#ctrl_list{
	position:fixed;
	bottom:65px;
	left:19vw;
	width:25vw;
	padding:0;
	text-align:center;
	z-index:200;
}
#ctrl_list img{
	margin-left:10%;
	width:50px;
	cursor:pointer;
	padding:0;
	opacity:0.2;
}
#ctrl_list img:hover{
	opacity:1;
}
#find_div{
	display:none;
	position:fixed;
	left:19vw;
	width:16vw;
	bottom:106px;
	height:auto;
	padding:10px;
	z-index:202;
}
.btn {
	margin-top:15px;
	margin-bottom:15px;
}
#edit_fild, #diary_content{
	margin-top:30px;
	font-family:tahoma;
	font-size:1.0em;
}
.msg_list{
	font-family:tahoma;
	font-size:1.4em;
	color:#B3B3B3;
	cursor:default;
}
.red_color{
	color:#FF9FA0;
}
.green_color {
	color:#8BF9AC;
}
.dark_blue{
	color:#020759;
}
/************* files loading control *************/
.input-file-row {
	display: inline-block;
}
.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	box-sizing: border-box;
	border:0;
	height:30px;
	margin: 0;
	padding:10px;
	line-height:10px;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	background:#649dff; text-transform:uppercase;font-size:12px;
	-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}

/* Focus */
.input-file input[type=file]:focus + span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Hover/active */
.input-file:hover span {
	background-color: #274bc8;
}
.input-file:active span {
	background-color: #274bc8;
}

/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}

/* Список c превью */
.input-file-list {
	padding: 10px 0;
}
.input-file-list-item {
	display: inline-block;
	margin: 0 15px 15px;
	width: 150px;
	vertical-align: top;
	position: relative;
}
.input-file-list-item img {
	width: 150px;
	border-style:solid;
	border-color:#8d96b2;
	border-width:2px;
	border-radius:5px;
}
.input-file-list-name {
	text-align: center;
	display: block;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.input-file-list-remove {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 5px;
	right: 5px;
	background: #ff564e;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
}
/************** CLEARFIX *************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
/************* FUTER **********/