﻿* {
	box-sizing: border-box; 	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

.container {
	margin: 0.5em auto;
/*
	background: #F2F2F2;
	width: 100% !important;
	max-width: 1140px;
	width: 960px;
	width: 1140px;


position: relative;
margin: auto;
overflow: hidden;
	background-color: #ffeed6;
*/
	max-width: 1140px;
	min-height: 100vh;
	background-color: aliceblue;
}


.form-login{
    margin: 0 auto;
    min-width: 200px;
	width: 260px;
}
.form-login input{
	width : 95%;
	font-size: 22px;
}

.form-set{
    margin: 0 auto;
/*    max-width: 300px;*/
	background-color: lavender;
}
.form-set input{
/*	width: 200px;*/
	font-size: 20px;
    /* 
    width: 30px;
	max-width: 100%; 
    min-width: 100%;
*/
}

.form-cli{
    margin: 0 auto;
/*    max-width: 300px;*/
	background-color: lavender;
}
.form-cli input{
/*	width: 200px;*/
	font-size: 17px;
    /* 
    width: 30px;
	max-width: 100%; 
    min-width: 100%;

*/
}

#frmzap, #frmcli, #frmusl, #frmras { background-color: #a5c3c9; padding: 4px; border-radius: 6px; max-width: 640px;}

#frmzap input, #frmcli input, #frmusl input, #frmras input{
/*	width: 200px;*/
	font-size: 18px;
}

select{
/*
*/
    font-size: 18px;
    padding: 0px 2px;
}

.point{
	text-align: center;
	cursor:pointer;
}
.btn-tab{
	border-radius: 6px;
	padding: 2px 2px;
	margin: 1px 1px;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}
.btn-chr{
	background-color: darkgray;
	border-radius: 5px;
	padding: 0px 6px;
	margin: 1px 1px;
	text-align: center;
	cursor:pointer;
}

	.sr	{font-size: 16px; color: red;}
	.sg	{font-size: 16px; color: green;}
	.sb	{font-size: 16px; color: blue;}
	.bold	{font-weight: bold;}

	.w10	{padding: 0 10px; }
	.w16	{padding: 0 16px; }

	.s10	{font-size: 10px;}
	.s12	{font-size: 12px;}
	.s14	{font-size: 14px;}
	.s16	{font-size: 16px;}
	.s18	{font-size: 18px;}
	.s20	{font-size: 20px;}
	.s22	{font-size: 22px;}
	.s24	{font-size: 24px;}

	.cd		{color: gray;}
	.cr		{color: red;}
	.cg		{color: green;}
	.cb		{color: blue;}
	.cn		{color: black;}
	.cm		{font-size: 11px; color: #800080;}	/*	Magenta	*/
	.c1		{font-size: 11px; color: #808000;}	/*		*/

	.fc		{font-family: "Courier New";}
	.fa		{font-family: Arial;}
	.ft		{font-family: Tahoma;}

	.b1		{background: #49F4B3; }
	.b2		{background: #49AAF4; }
	.b3		{background: #E6F449; }
	.b4		{background: #F4BE49; }
	.b5		{background: #ddd5da; }

    .center {   text-align: center;  }
    .aright {   text-align: right;  }
    .aleft {   text-align: left;  }
	.va-midle {	vertical-align: middle;}
	.wb-word { word-break: break-word;}
	.wb-all { word-break: break-all;}

	.tablemain td {    padding: 0 2px;} 

	.tr1 { background-color: #d7e8ff; } 
	.tr2 { background-color: #f4ffe1; }


.up:hover {
	height: 200px;
}

form {
	display:inline;
	background:#b2dfe2;
}



.c1table div:nth-child(odd) {background: #aaa}
.c1table div:nth-child(even) {background: #bbb}
.ctable div:hover {background: #ffc !important; }

.trow0 {
	background-color: #e4f1fd;
}
.trow1 {
	background-color: #f4f6e0;
}
.trowx {
	background-color: #ffc1d6;
}

.timrow {
	margin: 6px 0px;
	padding: 2px 0px;
    line-height: 24px;
}
.timrow .tday{
    background-color: #f6ff7f;
	font-weight: bold;
}
.timrow span{
	margin: 0px 0px;
	padding: 2px 2px;
	font-size: 14px;
    background-color: #fff7ed;
	cursor:pointer;
	border-radius: 4px;
}

.timrow .no{
    border: 1px dashed #9fc4c4;
}
.zz1{
	text-align: center;
    background-color: #a9bb00;
	color: white;
}
.timrow .z1{
    border: 1px solid #9fc4c4;
    background-color: #748000;
	color: white;
}
.timrow .z11{
    border: 1px solid #9fc4c4;
    background-color: #748000;
	color: lightgray;
}

.zz2{
	text-align: center;
    background-color: #00bb07;
	color: white;
}
.timrow .z2{
    border: 1px solid #9fc4c4;
    background-color: #009906;
	color: white;
}
.timrow .z22{
    border: 1px solid #9fc4c4;
    background-color: #009906;
	color: lightgray;
}

.zz0{
	text-align: center;
    background-color: #fcd4d8;
}
.timrow .z0{
    border: 1px solid #9fc4c4;
    background-color: #fcd4d8;
}

.timrow .z8{
    border: 1px solid #eff;
    background-color: #d8d8d8;
}

.zz7{
	text-align: center;
    background-color: #d600d6;
	color: white;
}
.timrow .z7{
    border: 1px solid #9fc4c4;
    background-color: #d600d6;
	color: white;
}
.timrow .z77{
    border: 1px solid #9fc4c4;
    background-color: #d600d6;
	color: lightgray;
}

.zz9{
	text-align: center;
    background-color: #007dde;
	color: white;
}
.timrow .z9{
    border: 1px solid #9fc4c4;
    background-color: #005fa9;
	color: white;
}
.timrow .z99{
    border: 1px solid #9fc4c4;
    background-color: #005fa9;
	color: lightgray;
}

.tdaybefo{
	background-color: #eaeaea;
}
.tdaynow{
	background-color: #a9ffb0;
}
.tdaynow .tday{
	background-color: #3aff63;
}
.tdaypost{
	background-color: #fffce0;
}

fieldset {
	border: 2px dashed #3f51b5;
    margin: 4px 0;
	padding: 4px 2px;
}
legend{
    padding: 0px 10px;
}
summary{
	height: 32px;
}


.navid {
	box-sizing: content-box;
	margin: 0.3em;
	font-size: 1.2em;
}
.navid a {
	border:1px solid transparent;
	background-color: #C2F579;
	padding: 2px 4px 2px 4px;	/* t r b l */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	display: inline-block;
	min-width: 1.6em;
	text-align: center;
}
.navip:hover, .navip a:hover, lette a:hover {
	border:1px solid #ABABAB;
	background: #9DD849;
	text-decoration: none;
}
.navic {
	font-weight: bold;
}

.lette {
	font-size: 1.2em;
	text-align:center;
	margin: 0.3em 0;
}
.lette a{
	border:1px solid transparent;
	margin: 1px 0;
	display:inline-block;
	min-width: 1.6em;
	background-color: #C2F579;
}

.svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
/*    vertical-align: text-bottom;	*/
}

.imgdoc{
	max-width: 300px;
	border:1px dashed #ABABAB;
	width : 75%;
}




/****
.outer {
    line-height: 64px;
}
.inner {
    display: inline-block;  	центрировать..
    vertical-align: middle;		по вертикали 
    line-height: 1.25;  		переопределить высоту строки на обычную 
    border: 1px solid #eff;
}

.flex{
	display: flex;
  align-items: stretch;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-grow1{
	flex-grow: 1;
}
.flex-grow2{
	flex-grow: 2;
}
.flex-grow3{
	flex-grow: 3;
}

.cards{
	display: flex;
	flex-wrap: wrap;
	padding: 4px;
}
.card{
	padding: 4px;
	flex-grow: 1;
	background-color : #ffffee;
	border: 2px solid #ccc;
	margin: 2px;
	width: 300px;
}
.flexrow{
	display: flex;
	justify-content: space-between;
}
div {
	padding : 2px;
}

.img1{
	width: 24px;
	height: 24px;
	display: none;
}
*******/

/*
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}
input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}
*/