* --------------- reset.css ќбнуленн¤ стил≥в браузер≥в по замовчуванню --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнул§ем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
	cursor: pointer;
}
table {						/* устран§ем отступы между §чейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию дл§ элементов форм (в частности дл§ checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы дл§ текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
ul {
	 list-style:none;
}
nav ul {
	 list-style:none;
}
footer {
    position: relative;
}
/* --------------- /reset.css --------------- */

* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #404040;
	text-align: left;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
	font-family: 'Open Sans', sans-serif;
	background:#f9f9f9;
}
a, a:visited { /* пор§док правил дл§ ссылок имеет значение */
	text-decoration: none;
}
a:hover {
	color: #fdf208;
	text-decoration:none;
	cursor: pointer;
}
a:focus, a:active {
	color: #c83867;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
img{
	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}

marquee{
	font-size:20px;
}
/* --------------- /базовые настройки ---------*/

.border-top-blue {
	border-top:2px solid #61CDF3;
}
.border-top-left-blue {
	border-top:2px solid #61CDF3;
	border-left:2px solid #61CDF3;
}
.border-top-right-blue {
	border-top:2px solid #61CDF3;
	border-right:2px solid #61CDF3;
}
.border-top-right-bottom-blue {
	border-top:2px solid #61CDF3;
	border-right:2px solid #61CDF3;
	border-bottom:2px solid #61CDF3;
}
.border-top-left-bottom-blue {
	border-top:2px solid #61CDF3;
	border-left:2px solid #61CDF3;
	border-bottom:2px solid #61CDF3;
}
.border-top-bottom-blue {
	border-top:2px solid #61CDF3;
	border-bottom:2px solid #61CDF3;
}
.border-right-blue {
	border-right:2px solid #61CDF3;
}
.border-bottom-blue {
	border-bottom:2px solid #61CDF3;
}

header {
	padding: 8px 10%;
 	border-bottom: 1px solid #fff;
	background-color: #152F49;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#152F49), to(#008FD1));
    background-image: -webkit-linear-gradient(top, #152F49, #008FD1);
  background-image: -moz-linear-gradient(top, #152F49, #008FD1);
	background-image: -ms-linear-gradient(top, #152F49, #008FD1);
	background-image: -o-linear-gradient(top, #152F49, #008FD1);
	background-image: linear-gradient(top, #152F49, #008FD1);
	-moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
}

.imgleft {
	float:left;
}	
/*                       */
.col-blue {
	background: blue;
}	
.col-blue h1 {
	color: #DB1B0D;
	font-weight: 800;
	font-size: 2em;
	padding-left: 150px;
}
.col-blue h2 {
	color: #ff0;
	font-weight: 800;

}
/* Зведені таблиці */

.col-black {
	background: #000;
}
.col-black h1 {
	color: #DB1B0D;
	font-weight: 800;
	font-size: 2em;
	padding-left: 150px;
}
.col-black h2 {
	color: #ff8000;
	font-weight: 700;
	font-size: 1.2em;
}
.col-black p{
	color: #ffff80;
	font-weight: 600;
}

.navigator {
	 padding: 8px 1%;
		  border-bottom: 1px solid #fff;
		  background-color: #152F49;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#152F49), to(#008FD1));
		  background-image: -webkit-linear-gradient(top, #152F49, #008FD1);
		  background-image: -moz-linear-gradient(top, #152F49, #008FD1);
		  background-image: -ms-linear-gradient(top, #152F49, #008FD1);
		  background-image: -o-linear-gradient(top, #152F49, #008FD1);
		  background-image: linear-gradient(top, #152F49, #008FD1);
		  -moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
		  -webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
		  box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
}

span .tit_roz {
	color: #FF8000;
}

.modal-title {
	color: red;
	font-size: 0.8em;
	font-weight: 600;
}

.edit-shifr, .edit-pozic, .span-modal1, .edit-tip, .edit-niz, .edit-verx, .edit-rozm {
	color: blue;
	font-size: 0.8em;
	font-weight: 600;	
}
.edit-nazva {
	color: green;
	font-size: 0.8em;
	font-weight: 600;
}
.span-modal2 {
	color: #E46565;
	font-size: 0.8em;
	font-weight: 600;	
}

.text_us_nak {
	color: #046565;
	font-weight: 600;	
}


#footer {
  background: #152F49;
  color:#fff326;
}

.dat-clock{
	margin: 10px auto;
}
.dat-clock span {
	font-weight: 700;
	color: #fff;
}	

#text-wait {
	display:block;
	color: red;
	font-size: 1.4em;
}


/* вікно Не витрата*/
#wrap_noFG{
	display: none;  /* в обычном состоянии её нет) */
	opacity: 0.8;   /* но немного прозрачна */
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; /* размером во весь экран */
	padding: 16px;
	background-color: rgba(1, 1, 1, 0.725);
	z-index: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	overflow: auto;
	
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

#win_noFG {
	width: 360px;   /* Размеры должны быть фиксированы */
	height: 280px;
	border-radius: 15px;
	border: 3px #00f solid;
	margin: 80px auto;
	display: none;
	background:#ff0000;
	background: -moz-radial-gradient(center, ellipse cover, #ff0000,#ffff00);
	background: -webkit-linear-gradient(top, #ff0000, #ffff00);
	background: -o-linear-gradient(top, #ff0000, #ffff00);
	background: -ms-linear-gradient(top, #ff0000, #ffff00);
	z-index: 200;
	position: fixed;  /* чтобы окно было в видимой зоне в любом месте */
	left: 0;
	right: 0;
	top: 200px;
	bottom: 0;
	padding: 16px;
	
	transition: 2s all;
	transform: scale(0.75);
}
#win_noFG:hover {
	transform: scale(1.0);
	background: #ffff00;
	background: -moz-radial-gradient(center, ellipse cover, #ffff00,#ff0000);
	background: -webkit-linear-gradient(top, #ffff00,#ff0000);
	background: -o-linear-gradient(top,#ffff00,#ff0000);
	background: -ms-linear-gradient(top,#ffff00,#ff0000);
	box-shadow: 10px 10px 40px #95c9f8;
}
/* Таблиця namik */
.table_dark {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
width: 640px;
text-align: left;
border-collapse: collapse;
background: #252F48;
margin: 10px;
}
.table_dark th {
color: #EDB749;
border-bottom: 1px solid #37B5A5;
padding: 12px 17px;
}
.table_dark td {
color: #CAD4D6;
border-bottom: 1px solid #37B5A5;
border-right:1px solid #37B5A5;
padding: 7px 17px;
}
.table_dark tr:last-child td {
border-bottom: none;
}
.table_dark td:last-child {
border-right: none;
}
.table_dark tr:hover td {
text-decoration: underline;
}

.select-style {
    border: 1px solid #ccc;
    width: 200px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
	-webkit-appearance: none;  /* для WebKit и Blink браузеров (Safari, Chrome) */
	appearance: none;           /* стандартное свойство для остальных браузеров */
}

.select-style select:focus {
    outline: none;
}

#h1-header {
	color: #E37C2A;
	font-size: 3em;
	font-weight: 700;
}	
#h2-header {
	color: #E37C2A;
	font-size: 1.5em;
	font-weight: 700;
	padding-left: 0em;
}	
#p-user {font-size: 1rem;}	
#ist-par {font-size: 1rem;}	


/* Адаптація через медіа-запити */
@media (max-width: 768px) { /* Планшети */
	#h1-header {font-size: 1.8rem;}
	#h2-header {font-size: 1.5rem;}
	#p-user, #text-wait {font-size: 0.9rem;}
	#ist-par  {font-size: 0.9rem;}
	
	}

	@media (max-width: 576px) { /* Смартфони */
	#h1-header {font-size: 1.5rem;}
	#h2-header {font-size: 1rem;}
	#p-user {font-size: 0.8rem;}
	#text-wait  {font-size: 0.8rem;}
	#ist-par  {font-size: 0.8rem;}
	}

	table {
		table-layout: auto;
		width: 100%;
		border-collapse: collapse;
		margin: 0px auto;
		padding: 0px;
		overflow-y: auto; /* або scroll */
		margin-bottom: 50px; /* Або більше */
	}

	table,
	th,
	td {
		border: 1px solid rgb(145, 140, 140);
		color:rgb(236, 236, 139);		
		font-weight: bold;
	}
	th,
	td {
		padding: 0px;
		text-align: center;				
	}

	th,
	td {
		background-color:black;
	}