html *{
		/*font-family: Verdana !important;*/
		font-family: Verdana;
	}
	.body-style{
		background-color: #fff8e1;	/* amber lighten-5 */
		position: absolute;
		top: 0;
		left: 0;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}
		
	.navigator-style{
		background-color: #fff8e1;	/* amber lighten-5 */
		color: #a1887f;	/* brown lighten-2 */
		
	}
	
	.header-position{
		display: block;
		position: relative;
		top: 0;
		left: 0;
		margin: 0px 0px 0px 0px;
		width:100%;
	}
	
	.main-position{
		display: block;
		position: relative;
	}
	
	.area-position{
		position: relative;
	}
	
	.logo{
		display: flex;
		align-items: end;
		z-index: 2;
	}

	.logo-photo{
		width: 100%;
		max-width: 122px;
	}

	.logo-name {
		margin-left: 20px;
		font-size: 44px;
		line-height: 125%;
	}
	
	.zh-header{
			color: #5d4037;
			padding: 2px 0 2px 0;
			text-align: center;
	}
	
	.header-style{
		color: #18ffff;	/* cyan accent-2 */
		padding: 2px 0 2px 0;
		text-align: center;
		background-color: #a1887f;	/* brown lighten-2 */
		font-family: Verdana;
	}
		
	.header-style-link{
		color: #fff8e1;	/* amber lighten-5 */
		padding: 2px 0 2px 0;
		text-align: left;
		background-color: #a1887f;	/* brown lighten-2 */
		font-family: Verdana;
	}
	
	.div-table{
		display: table;
		width: 100%;
	//	background-color: #eee;
		border-spacing: 5px;
	}
	div.current{
		display: block;
	}
	
	div.hidd{
		display: none;
	}
	
	.panel-style-active{
		display: block;
	}
	
	.panel-style-hidd{
		display: none;
	}
	
	.div-table-row{
		display: table-row;
		clear: both;
	}
	
	.div-table-col{
		display: table-col;
		float: left;
		margin-left: 1rem;
	}
	
	.div-container{
		margin-left: 20px;
	}
	
	.collapsible-header{
		width: 100%;
		font-size: 1.2rem;
		color: blue;
		display: inline-block;
		text-align: left;
		margin-right: 1rem;
	}
	
	.span-block{
		display: block;
		border: 1px solid blue;
	}
	
	.glossymenu{
		position: relative;
		padding: 0 0 0 34px;
		margin: 0 auto 0 auto;
		background-color: #eee;
		height: 46px;
		list-style: none;
		width: 100%;
		top: 0px;
		left: -20px;
	}
	
	.glossymenu li{
		float: left;
	}
	
	.glossymenu li a{
		float: left;
		display: block;
		color: #000;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding: 0 0 0 16px;
		height: 46px;
		line-height: 46px;
		text-align: center;
		cursor: pointer;
	}
	
	.glossymenu li a b{
		float: left;
		display: block;
		padding: 0 24px 0 8px;
	}
	
	.glossymenu li.current a, .glossymenu li a:hover{
		color: #fff;
		background-color: blue;
	}
	
	.glossymenu li.current a b, .glossymenu li a:hover b{
		color: #fff;
		background-color: blue;
	}

	.tabl1{
		border: 1px solid grey;
		width: 100%;
	}
	
	.tabl1 tbody tr td{
		font-size: 12px;
	}
	
	.tabl1 th{
		border: 1px solid grey;
		font-size: 12px;
	}
	
	
	.hidd{
		display: none;
	}
	
	.wave-effect{
		position: relative;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		
	}
	
	.link-style{
		cursor: pointer;
	}
	
	.button-style{
		border-radius: 10px;
		border-color: #202033;
		border-width: 1px;
		box-shadow: 1px 1px 0 #2B2D33,
					2px 2px 0 gray,
					3px 3px 0 gray,
					4px 4px 0 gray,
					5px 5px 0 gray;
		font-size: 14px;
		font-family: Verdana;
		font-weight: 700;
		min-width: 6em;
		padding: 7px 10px;
		background-color: #e0f7fa; /*cyan lighten-5 */
		color: #5d4037;
	}
	
	.tabs{
		list-style-type: none;
	}
	
	.tabs li{
		display: inline-block;
		padding: 7px;
	}
	
	.tabs .indicator {
		display: none;
	}
	
	.tabs .tabs,
	.tabs .tabs a{
		line-height:30px;
		height: 30px;
	}
	
	.tabs .tabs a {
		color: #4e342e; /* brown darken-3 */
		display: inline-block;
		font-size: 1.2rem;
		padding: 0 10px;
	}
	
	.tabs .tab a.active{
		color: #4e342e; /* brown darken-3 */
		background-color: #e0f7fa; /*cyan lighten-5 */
	}
	
	.tabs .tabs a:focus,
	.tabs .tabs a:focus.active{
		background-color: #e0f7fa; /*cyan lighten-5 */
	}
	
	
	
	.text-style-header{
		color: #5d4037; /*  brown darken-2 */
		font-size: 14px;
		font-family: Verdana;
		font-weight: 700;
	}
	
	.text-style-plain{
		color: #5d4037; /*  brown darken-2 */
		font-family: Verdana;
		font-size: 14px;
		font-weight: 500;
	}
	
	.text-style-error{
		color: red; /*  brown darken-2 */
		font-family: Verdana;
		font-size: 12px;
	}
	
	.table-tr-style{
		border-style: solid; 
		border-width: 3px; 
		border-color: #a1887f; 
		font-weight:bold;
		aligh: left;
		font-family: Verdana;
		font-size:10pt;
	}
	
	.scroll-table-body-long{
		height: 450px;
		overflow-x: auto;
		margin-top: 0px;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee;
	}
	
	.scroll-table-body{
		height: 380px;
		overflow-x: auto;
		margin-top: 0px;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee;
		
	}
	
	.scroll-table table{
		width: 100%;
		table-layout: fixed;
		border: none;
	}
	
	.scroll-table thead th{
		font-weight: bold;
		text-align: left;
		border: none;
		padding: 5px 5px;
		background: #a1887f;
		color: #fff8e1;	
		font-family: Verdana;
		font-size: 12px;
	}
	
	.scroll-table tbody td{
		text-align: left;
		border-left: 1px solid #a1887f;
		border-right: 1px solid #a1887f;
		padding: 5px 5px;
		font-family: Verdana;
		font-size: 12px;
		vertical-align: top;
	}
	
	.scroll-table tbody tr:nth-child(even){
		background: #e0f7fa;
	}
	
	/* стили для скролла */
	::-webkit-scrollbar{
		width: 10px;
	}
	
	::-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);
	}
	
	
	input:disabled{
		cursor:not-allowed;
	}
	
	.scheme{
		height: 1300px;
		width: 1200px;
		margin: 0 auto;
		position: relative;
	
	}
	.scheme svg {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 1300px;
		width: 1200px;
	}
	
	.scheme rect,
			polygon{
				fill: transparent;
				cursor: pointer;
				stroke:black;
				stroke-width:1;
	}
	
	.scheme rect:hover,
			polygon:hover,
			#hover{
				fill: #5d4037; /*  brown darken-2 */
	}
				
	.scheme rect.active,
			polygon.active{
		fill: #e0f7fa !important; /*cyan lighten-5 */
	}
	
	.scheme rect.empt,
			polygon.empt{
				fill: white;
				cursor: pointer;
				stroke:black;
				stroke-width:1;
	}
	
	.scheme rect.noowner,
			polygon.noowner{
				fill: #e0f7fa; /*cyan lighten-5*/
				cursor: pointer;
				stroke:black;
				stroke-width:1;
	}
	
	.tooltip{
		position: fixed;
		padding: 10px 20px;
		border: 1px solid #b3c9ce;
		border-radius: 4px;
		text-align: center;
		font: italic 14px/1.3 sans-serif;
		color: #333;
		background: #fff;
		box-shadow: 3px 3px 3px rgba(0,0,0, .3);
	}
	
	@font-face {
	  font-family: 'Material Icons';
	  font-style: normal;
	  font-weight: 400;
	  src: url(img/material-icons.woff2) format('woff2');
	}

	.material-icons {
	  font-family: 'Material Icons';
	  font-weight: normal;
	  font-style: normal;
	  font-size: 24px;
	  line-height: 1;
	  letter-spacing: normal;
	  text-transform: none;
	  display: inline-block;
	  white-space: nowrap;
	  word-wrap: normal;
	  direction: ltr;
	  -webkit-font-feature-settings: 'liga';
	  -webkit-font-smoothing: antialiased;
	}	
	
	.anychart-menuitem.anychart-menuitem-link{
		display: none;
	}
	
	.trStyleTitle{
		background: #e0f7fa; 
		color: #3e2723;
	}
	
	.trStyleBody{
		background: #fff8e1; 
		color: #3e2723;
	}
		
	.trStyleBodyHidd{
		background: #fff8e1; 
		color: #3e2723; 
		display: none;
	}
	
	.trStyleBottom{
		background: #a1887f; 
		color: #fff8e1;
	}
	
	.trStyleBottomHidd{
		background: #a1887f; 
		color: #fff8e1; 
		display: none;
	}
	
	.trStyleTop{
		background: #a1887f; 
		color: #18ffff;  
		display: ;
	}
	
	.trStyleTopHidd{
		background: #a1887f; 
		color: #18ffff; 
		display: none;
	}
	
	@media print{
		.no-print{
			display: none;
		}
		.pb-after { 
			page-break-after: always; 
		}
		.pb-before { 
			page-break-before: always; 
		}
		.pb-inside { 
			page-break-inside: avoid; 
		}
	}
	
	.sms{
		font-size: 24px !important;
		line-height: 1.333333;
		width: 10% !important;
		border-width: 0.0625rem !important;
		padding: 0.1875rem 0.3125rem 0.1875rem 0.3125rem !important;
		margin: 0 6px 16px 6px !important;
		border: 1px solid #a1887f !important;
		border-radius: 5px !important;
		size: 1 !important;
		maxlength: 1 !important;
		height: 2rem !important;
	}