body {
	font-family: Tahoma, Verdana, Arial;
/*	font-size: 0.8em;*/
	font-size: 13px;
margin: 0;
background: #95ACCA url(images/bg.jpg) repeat;
/*background-attachment: fixed;
background-size: 100vw 100vh;*/
}
#container {
	padding: 15px 15px;
}
#main {
	display: block;
	width: 85vw;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: #b7c5d9cc;
	border: 10px ridge #96accacc;
	border-radius: 0;
	box-shadow: 0 0 7px 3px #b4accae6;
	min-height: calc(100vh - 40px);
	min-width: 1140px;
	padding: 10px 30px 10px 30px;
}
.district {
	display:block;
	position: absolute;
	right: 0;
	width: 500px;
	height: 700px;
	top: 0;
	background: url(images/distr_zilairsky-min.svg) right top no-repeat;
	filter: drop-shadow(3px 3px 2px #666) drop-shadow(3px 3px 10px #EEE);
	background-size: 500px;
	opacity: 0.3;
}
#breadcrumbs {
	padding: 35px 0 5px 0;
}
#breadcrumbs span{
	padding: 5px;
}
#navigation {
	position: absolute;
	top: 155px;
	left: 60px;
	z-index: 100;
}
.nav-wrap {
	position: relative;
	border-radius: 80px 10px;
	box-shadow: 10px 15px 15px #0000004d;
	margin: 2px auto;
	background-color: #01000099;
	border-top: 3px solid blue;
	border-bottom: 2px solid blue;
}
#login {
	float: right !important;
	position: relative;
	z-index: 10;
	padding-right: 30px;
	color: #E0E9DD;
	text-shadow: #000 0 3px 5px;
	bottom: 5px;
}
#login a {
	color: #E0E9DD;
	text-decoration: none;
}
#login a.profile-link {
	text-decoration: underline;
}
#login ul {
	padding: 2px;
}
#login > ul input + a {
	display: inline;
	position: relative;
	top: 7px;
}

div.web-gray-tabs-menu ul {
	display: block;
display: flex;
flex-wrap: wrap;
	height: auto;
/*	min-width: 1095px;*/
	list-style: none;
	padding-left: 25px;
	margin: 5px;
}
div.web-gray-tabs-menu ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	margin-right: 1px;
	margin-left: 10px;
}
a nobr {
	display: block;
	float: left;
	box-sizing: border-box;
	height: 32px;
}
div.web-gray-tabs-menu ul a nobr {
	border-radius: 80px 10px;
	width: 145px;
	text-align: center;
	box-shadow: #666 0 2px 5px;
	background-color: rgba(1,0,0,0.3);
	border-top: 3px solid #5a735a;
	border-bottom: 2px solid #5a735a;
	margin: 2px auto;
	font-size: 14px;
	font-weight: bold;
	color: #6CBDCB;
	padding: 1px 20px;
	text-shadow: #000 0 3px 5px;
	transition: .3s border-top, .3s border-bottom;
}
div.web-gray-tabs-menu a:hover nobr
{
	border-radius: 80px 10px;
	box-shadow: #666 0 2px 5px;
	background-color: rgba(1,0,0,0.5);
	border-top: 3px solid #93ba63;
	border-bottom: 2px solid #93ba63;
}

div.web-gray-tabs-menu li.selected nobr, div.web-gray-tabs-menu li.selected a:hover nobr
{
	border-radius: 80px 10px;
	box-shadow: #666 0 2px 5px;
	background-color: rgba(1,0,0,0.5);
	border-top: 3px solid #14bf14;
	border-bottom: 3px solid #14bf14;
}

#sub_main {
/*    background: url('images/adm-front3.png') no-repeat right center;*/
	position: relative;
}
#open_republic_logo {
	display : block;
	height: 170px;
/*	width: auto;*/
	position: relative;
	z-index: 99;
	background: url('images/zilair_deer.svg') no-repeat left center;
	background-size: 170px 170px;
	filter: drop-shadow(3px 3px 2px #666) drop-shadow(3px 3px 10px #EEE);
}
#search {
	display: block;
	color: #E0E9DD;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
#search nobr {
	position: relative;
	bottom: -2px;
	margin-right: 180px;
	text-shadow: #000 0 3px 5px;
}
input.NewInput {
	height: 25px;
	box-shadow: #666 0 2px 5px;
	border-radius: 80px 10px;
	border: 0;
	border-bottom:2px solid #5a735a;
	padding: 1px 15px;
	background-color: rgba(255,255,255,0.3);
	outline: none;
}
input.NewInput:hover {
	background-color: rgba(255,255,255,0.5);
}
input.NewInput:focus {
	background-color: rgba(255,255,255,0.7);
}

input.NewButton {
	height: 27px;
	border-radius: 80px 10px;
	border-width: 0;
	box-shadow: #666 0 2px 5px;
	border-top: 3px solid #5a735a;
	border-bottom: 2px solid #5a735a;
	font-size: 0.9em;
	color: #6CBDCB;
	margin-left: 5px;
	padding: 1px 32px;
	background: url("images/file1339191946.png") no-repeat center left+7px;
	background-size: 20px 20px;
	background-color: rgba(1,0,0,0.6);
	text-shadow: #000 0 3px 5px;
	transition: .3s border-top, .3s border-bottom;
	
}
input.NewButton:hover,
input.NewButton:focus{
	background-color: rgba(1,0,0,0.7);
	border-top: 3px solid #6CBDCB;
	border-bottom: 2px solid #6CBDCB;
	color: #93ba63;
}
.crumbs {
	display: block;
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 70px;
	text-align: left;
	font-size: 1.2em;
}
.breadcrumbs {
	padding: 15px 0;
}
.breadcrumbs li {
	color: #181818;
	display: inline;
}
.sequenceLi {
	background: url(../static/images/svg/arrow-next-right.svg) no-repeat center center/50%;
	padding: 0 13px;
	filter: drop-shadow(3px 3px 2px #666) drop-shadow(3px 3px 10px #EEE);
}

#content {
	height: 85%;
	width: 100%;
/*    border-collapse: collapse;*/
	margin: 15px 0 5px 0;
	min-height: 60vh;
}
.main-height {
	height: calc(100vh - 360px);
}
#content .left-column {
	vertical-align: top;
/*	empty-cells: hide;*/
	height: 100%;
/*        padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
	padding-left: 5px;
	padding-right: 15px;*/
	padding-top: 15px;
	padding-bottom: 15px;
	background: 
		radial-gradient(circle at 0 100%, rgba(0,0,0,0) 16px, rgba(255,255,255,0) 18px, rgba(255,255,255,0.5) 19px),
		radial-gradient(circle at 100% 100%, rgba(0,0,0,0) 16px, rgba(255,255,255,0) 18px, rgba(255,255,255,0.5) 19px),
		radial-gradient(circle at 100% 0, rgba(0,0,0,0) 16px, rgba(255,255,255,0) 18px, rgba(255,255,255,0.5) 19px),
		radial-gradient(circle at 0 0, rgba(0,0,0,0) 16px, rgba(230,230,230,0) 18px, rgba(255,255,255,0.5) 19px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 50%;
	background-repeat: no-repeat;    
   box-shadow: 35px 0 15px -25px rgba(0,0,0,0.3), 0 35px 15px -25px rgba(0,0,0,0.3);
   min-width: 308px;
/*    box-shadow: 0 0 7px 3px rgba(255,255,255,0.4);
	border-radius: 10px 10px 10px 10px;*/
/*    max-width: 500px;*/
}
#content .separate {
	padding-left: 5px;
	padding-right: 5px;
}

.vid_member td {
	padding-left:5px;
	vertical-align: top;
}
.photo_border {
	background: url("images/рамка.png") no-repeat top left;
	height: 161px;
	width: 123px;
	background-size: 100%;
	box-shadow: 1px 4px 8px 3px white inset, 2px 4px 10px 4px gray;
}
.photo_border img{
	padding-left: 5px;
	padding-top: 5px;
}

.vid_member tr:first-child td:first-child {
	padding: 15px 0 0 15px;
}
.vid_member {
	font-size: 1.1em;
	height: auto;
	min-height: 235px;
/*	border-top: 1px dashed #444;*/
	border-radius: 10px 0 10px 10px;
	margin: 5px 0;
	box-shadow: #888 3px 1px 6px, inset #666 0 0 4px;

}
.vid_member span{
	font-size: 0.9em;
	font-style: italic;
	color: rgb(60, 60, 60);
}
.vid_member table {
}

.vid_member:nth-child(2n-1) {
	background: rgba(200,200,200,.4);
}
.vid_member:hover {
	background: rgba(180,180,180,.5);
}

.vid td {
	font-size: 1.1em;
	padding-left:5px;
	vertical-align: top;
}
/*.vid tr:first-child td:first-child{
	padding: 7px 0px 0px 7px;
}*/
.vid {
	position: relative;
	height: auto;
	min-height: 85px;
/*	border-top: 1px dashed #444;
	border-radius: 10px 0 10px 10px;*/
	margin: 7px 0;
	box-shadow: #888 1px 1px 6px, inset #666 0 0 2px;

}
.vid table {
}

.vid:nth-child(2n-1) {
	background: rgba(200,200,200,.3);
}
.vid:hover {
	background: rgba(180,180,180,.5);
}

.container_vid {
}
.container_vid_left {
	margin-top: 0px;
}

/* Стили для скролла */
.container_doc::-webkit-scrollbar {
	width: 12px;
} 
.container_doc::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
} 
.container_doc::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;	
}
.container_flex_new {
display: -webkit-flex; 
display: flex;
height: auto;
}
.container_doc {
	width: 100%;
	padding-right: 10px;
	flex: 3;
	float: left;
	overflow-y: auto; /*scroll;*/
	height: calc(100vh - 48vh);
}
#pdf_view{
	flex: 2;
	position: inherit;
	margin: 0 8px 0 8px;
	box-shadow: #888 1px 1px 6px, inset #666 0 0 2px;
}

.p_view {
	display: block;
}
.m_view {
	display: none;
}

.pdfobject-container {
	height: auto;
	width: auto;
	z-index: 3;
}
.container_preview {
	display: run-in;
	padding-left: 70px;
	padding-right: 20px;
	width: 100%;
}

#canvas-container {
	margin: 2px 0 0 10px;
	padding: 8px;
	padding-top: 14px;
	flex: 0 0 30%;
	background-color: rgba(255,255,255,0.4);
	border-color: #000;
	box-shadow: #888 1px 1px 6px, inset #666 0 0 2px;
	overflow: auto;
	width: auto;
	text-align: center;
	height: auto;
/*	height: calc(100vw - 80vw);
	background: #333;
	border: solid 3px;*/
}

#content .main-column {
	position: relative;
	width: 100%;
	vertical-align: top;
	padding: 15px;
	padding-right: 5px;
/*    background: rgba(255,255,255,0.4);*/
/*    border-radius: 10px 10px 10px 10px;*/
	background: 
		radial-gradient(circle at 0 100%, rgba(0,0,0,0) 16px, rgba(255,255,255,0) 18px, rgba(255,255,255,0.5) 19px),
		radial-gradient(circle at 100% 100%, rgba(0,0,0,0) 16px, rgba(255,255,255,0) 18px, rgba(255,255,255,0.5) 19px),
		radial-gradient(circle at 100% 0, rgba(0,0,0,0) 16px, rgba(255,255,255,0) 18px, rgba(255,255,255,0.5) 19px),
		radial-gradient(circle at 0 0, rgba(0,0,0,0) 16px, rgba(230,230,230,0) 18px, rgba(255,255,255,0.5) 19px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 50%;
	background-repeat: no-repeat;    
	box-shadow: 35px 0 15px -25px rgba(0,0,0,0.3), 0 35px 15px -25px rgba(0,0,0,0.3);
	height: 400px;
/*    min-height: 600px;*/
/*    padding: 50px;*/
}
#content h2{
	position: relative;
	text-shadow: #666 0px 3px 5px;
	margin-bottom: 5px;
	font-variant: small-caps;
	font-weight: normal;
}
#content h3{
	display: inline;
	position: relative;
	top: 0;
	left: 5px;
	text-shadow: #666 0 3px 5px;
	margin-bottom: 20px;
	font-variant: small-caps;
	font-weight: normal;
}
.left-column h2 {
	display: block;
	text-align: center;
}
.main-column h2 {
	display: inline;
	left: 10px;
}
.LeftMenu > li > input {
	display: none;
}

.LeftMenu > li > input + label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	font-size: 1.1em;
	padding: 5px 0 5px 10px;
	left: -10px;
}

.LeftMenu > li > input:checked + label {
	box-shadow: inset 1px 0 7px;
	border-radius: 0 10px 10px 0;
	background-color: #96acca77;
}
/* Древовидное боковое меню */
.tree {
	text-shadow: #444 0 3px 5px;

/*	padding: 0px 0px 0px 30px; */
/* сверху | справа | снизу | слева */
}
.tree a {
	text-decoration: none;
}
.tree li {
	margin: 0 20px 5px -20px;
	list-style: none;
}
.tree li label {
	cursor: pointer;
	padding-left: 30px;
}
.tree li.item, .tree li.filter {
	padding-left: 0;
	display: block;
}
.tree li.item label, .tree li.filter label  {
	padding-left: 30px;
	display: block;
}
.tree li.item label {
	background: url(images/folder_documents.png) 100% 100% no-repeat;
	background-size: 24px 20px;
	background-position: 2px 2px;
	color: #4C4C4C;
	padding-top: 3px;
	text-decoration: none;
	height: 24px;
}
.tree li.filter label {
	background: url(images/svg/filter.svg) 100% 100% no-repeat;
	background-size: 24px 20px;
	background-position: 2px 2px;
	color: #4C4C4C;
	padding-top: 3px;
	text-decoration: none;
	height: 24px;
}
.tree li.item input:checked + label, .tree li.filter input:checked + label {
	color: #4C4C4C;
	text-decoration: none;
	padding-top: 3px;
	background-color: #8CF;
	box-shadow: inset 1px 0 10px;
	border-radius: 0 10px 10px 0;
	min-height: 24px;
	display: block;
}
.tree li input {
	display: none;
	left: 0;
	margin-left: 0;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0;
}
.tree li input + ul {
	background: url(images/folder_closed.png) 100% 100% no-repeat;
	background-size: 24px 24px;
	background-position: 2px -2px;
	margin: -1.463em 0 0 0;
	padding: 1.463em 0 0 40px;
	height: 1.7em;
}
.tree li input + ul > li {
	height: 0;
	overflow: hidden;
	margin-left: -16px !important;
	padding-left: 1px;
}
.tree li input:checked + ul {
	background: url(images/folder_open.png) 100% 100% no-repeat;
	background-size: 24px 24px;
	background-position: 2px -2px;
	margin: -1.463em 0 0 0;
	padding: 1.463em 0 0 45px;
	height: auto;
}
.tree li input:checked + ul > li {
	height: 24px;
	margin: 0 0 0.125em;
/* сверху | горизонтально | снизу */
}
.tree li input:checked + ul > li:last-child {
	margin: 0 0 0.063em;
}
.tree li input:checked + ul > li:first-child {
	margin: 5px 0 0.063em;
}
.item, .filter{
position : relative;
}
.item > label span, .filter > label span{
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 0.35em;
	top: 50%; 
	background: #76a5c8;
	line-height: 1em;
	height: 1.6em;
	padding: .3em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	border-radius: .769em;
	box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, .26), 0 1px 0 0 rgba(255, 255, 255, .15);
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-weight: 500;
}
.item input:not(:checked) + label span, .filter input:not(:checked) + label span{
	background: #becada;
}
.item input + label:hover span, .filter input + label:hover span {
	background: #76a5c8;
}



.fxied-el,
.fxied-el2{
	display:none; /*block;*/
	position: fixed;
	z-index: 9;
	left: 0;
	right: 0;
	top: 0;
	height: 30px;
/*    display: flex;*/
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	background-color: #2E3C56;
	color:#fff;
	font-size: 14px;
}
.fxied-el2{
	left: auto;
	top:auto;
	bottom: 30px;
	width: auto;
	padding: 10px;
	text-align: center;
	margin-right: 2rem;
	right: 30px;
}

/* Неоновый текст */

#neonText span{
	width:700px;
	height:150px;
	position:absolute;
	left:0;
	top:0;
	
	background:url('../static/images/text.png') no-repeat left top;
}

span#version1{
	z-index:2;
}

span#version2{
	background-position:left bottom;
	z-index:1;
}


#neonText{
	height:150px;
	margin:0 auto 0;
	position:relative;
	width:650px;
	text-indent:-9999px;
	bottom: 30px;
}


/* Модальное окно */

.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
}
.modalDialog:target {
		display: block;
		pointer-events: auto;
}
.modalDialog > div {
		width: 1000px;
		height: 650px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
}
.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -12px;
		width: 25px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
}
.close:hover {
	background: #00d9ff;
	cursor: pointer;
}
	
/* Плав.стрелки */
.arrow-1 {
	display: inline;
	position: absolute;
	top: 8px;
	right: 0;
	margin: 3px 25px 0 0;
}
.rotate_num {
	position: relative;
	top: -3px;
	display: inline-block;
	perspective: 75px;
	width: auto;
	height: auto;
}
.arrow-1 > div > span {
	border: 1px solid #337AB7;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #999, 2px 2px 2px #337AB7AA;
	padding: 0 3px;
}
.arrow-1 > div > span:nth-child(1), .arrow-1 > div > span:nth-child(3) {
	text-decoration: none;
	filter: blur(0.5px);
	color: #222;
}
.arrow-1 > div > span:nth-child(1){
	font-size: 1.2em;
	border-radius: 3px 0 0 3px;
	text-shadow: 2px 1px 0 #337AB733;
	transform: rotateY(-25deg);
}
.arrow-1 > div > span:nth-child(3){
	font-size: 1.2em;
	border-radius: 0 3px 3px 0;
	text-shadow: -2px 1px 0 #337AB733;
	transform: rotateY(25deg);
}
.arrow-1 > div > span:nth-child(2n-1):hover{
	cursor: pointer;
	border: 1px solid green;
	filter: blur(0);
	
}
.arrow-1 svg {
	width: 20px;
	height: auto;
	margin: 0 -5px;
	cursor: pointer;
	overflow: visible;
	filter: drop-shadow(3px 3px 2px #666) drop-shadow(3px 3px 10px #EEE);
	transform: rotateY(50deg);
}
.arrow-1 svg polygon, .arrow-1 svg path {
	transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	fill: #337AB7;
}
.arrow-1 svg:hover polygon, .arrow-1 svg:hover path {
	transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
	fill: green;
}
.arrow-1 svg:hover .arrow-1-pl {
	animation: arrow-1-anim 1.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
.arrow-1 svg:hover .arrow-1-pl-fixed {
	animation: arrow-1-fixed-anim 1.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
 
@keyframes arrow-1-anim {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	5% {
		transform: translateX(-0.1rem);
	}
	100% {
		transform: translateX(1rem);
		opacity: 0;
	}
}
@keyframes arrow-1-fixed-anim {
	5% {
		opacity: 0;
	}
	20% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}



/* CSS Стили древовидного меню 
ol.tree
{
	padding: 0 0 0 30px;
	width: 300px;
}
	li
	{
		position: relative;
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(images/document.png) 0 0 no-repeat;
			color: #4C4C4C;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(images/document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(images/document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(images/document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(images/document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		li input + ol
		{
			background: url(images/toggle-small-expand.png) 40px 0 no-repeat;
			margin: -1.238em 0 0 -44px; 
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; 
		}
	li label
	{
		background: url(images/folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		padding-left: 37px;
	}

	li input:checked + ol
	{
		background: url(images/toggle-small.png) 40px 5px no-repeat;
		margin: -1.55em 0 0 -44px; 
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  }

		li input:checked + ol > li:last-child { margin: 0 0 0.063em; } */