@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

*, *:before, *:after {
	box-sizing: inherit;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}


@font-face {
	font-family: 'averin';
	src: url('../fonts/averin.eot?56836689');
	src: url('../fonts/averin.eot?56836689#iefix') format('embedded-opentype'),
	url('../fonts/averin.woff2?56836689') format('woff2'),
	url('../fonts/averin.woff?56836689') format('woff'),
	url('../fonts/averin.ttf?56836689') format('truetype'),
	url('../fonts/averin.svg?56836689#averin') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'averin';
    src: url('../font/averin.svg?56836689#averin') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "averin";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-calendar:before { content: '\e800'; } /* '' */
.icon-clock:before { content: '\e801'; } /* '' */
.icon-cancel-circled:before { content: '\e802'; } /* '' */
.icon-cancel:before { content: '\e803'; } /* '' */
.icon-eye:before { content: '\e804'; } /* '' */
.icon-eye-off:before { content: '\e805'; } /* '' */
.icon-info-circled:before { content: '\e806'; } /* '' */
.icon-help-circled:before { content: '\e807'; } /* '' */
.icon-home:before { content: '\e808'; } /* '' */
.icon-trash-empty:before { content: '\e809'; } /* '' */
.icon-cancel-2:before { content: '\e80a'; } /* '' */
.icon-home-1:before { content: '\e80b'; } /* '' */
.icon-attention-circled:before { content: '\e80c'; } /* '' */
.icon-attention:before { content: '\e80d'; } /* '' */
.icon-cog:before { content: '\e80e'; } /* '' */
.icon-cog-alt:before { content: '\e80f'; } /* '' */
.icon-wrench:before { content: '\e810'; } /* '' */
.icon-minus-circled:before { content: '\e811'; } /* '' */
.icon-plus-circled:before { content: '\e812'; } /* '' */
.icon-plus:before { content: '\e813'; } /* '' */
.icon-lock:before { content: '\e814'; } /* '' */
.icon-lock-open:before { content: '\e815'; } /* '' */
.icon-doc:before { content: '\e816'; } /* '' */
.icon-lifebuoy-1:before { content: '\e817'; } /* '' */
.icon-trash-1:before { content: '\e818'; } /* '' */
.icon-cancel-1:before { content: '\e819'; } /* '' */
.icon-pencil-2:before { content: '\e81a'; } /* '' */
.icon-pencil:before { content: '\e81b'; } /* '' */
.icon-edit:before { content: '\e81c'; } /* '' */
.icon-pencil-1:before { content: '\e81d'; } /* '' */
.icon-cog-1:before { content: '\e81e'; } /* '' */
.icon-eye-1:before { content: '\e81f'; } /* '' */
.icon-eye-off-1:before { content: '\e820'; } /* '' */
.icon-arrows-cw:before { content: '\e821'; } /* '' */
.icon-arrows-cw-1:before { content: '\e822'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-attention-alt:before { content: '\f12a'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-minus-squared-alt:before { content: '\f147'; } /* '' */
.icon-pencil-squared:before { content: '\f14b'; } /* '' */
.icon-doc-inv:before { content: '\f15b'; } /* '' */
.icon-doc-text-inv:before { content: '\f15c'; } /* '' */
.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-trash:before { content: '\f1f8'; } /* '' */




html,body { margin: 0; padding: 0; min-height: 100%; }
body {
margin: 0; padding: 40px; font-size: 13px; color: #4A5462; background: #f3f6fd;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
@media (max-width: 900px) {
	body {
		padding: 20px;
	}
}


/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

hr { border: 0; border-bottom: 1px solid #e5e5e5; }
.clear { display: block; height: 1px; margin: 0; padding: 0; clear: both; }





.listing2 {
	margin: 0px;
	padding: 0px;
}

.listing2 li {
	list-style: none;
}

.listing2 .now {
	font-weight: normal;
}

.listing2 li {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 3px;
	text-align: center;
	display: inline-block;
}

.listing2 li b {
	color: #000000;
	font-size: 18px;
	text-align: center;
	font-weight: normal
}

.listing2 li a {
	color: #000000;
	font-size: 21px;
	text-decoration: none;
	display: block;
}

.listing2 li.hover {
	background: #FF0000;
	color: #FFFFFF;
}

.listing2 li.hover:hover {
	background: #FF0000;
	color: #FFFFFF;
}

.listing2 li:hover {
	background: #FF0000;
	color: #FFFFFF;
}

.listing2 li a:hover {
	color: #000000;
	text-decoration: none;
	display: block;
}







.logo {
    padding-left: 8px; width: 75px;
}




.header {
	margin: 0;
	padding: 0;
	clear: both;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
}
.head1 {
	margin: 0px;
	padding: 0px;
	flex: 0 0 20%;
	padding-right: 2%;

}
.head2 {
	margin: 0px;
	padding: 0px;
	flex: 0 0 78%;
	text-align: center;
}
.head1_mobile {
	float: left;
}
.head2_mobile {
	padding-top: 5px;
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
}
.head3_mobile {
	float: right;
}





.right_submit { float: right; clear: none; }
.right_submit2 { clear: left; padding-top: 15px; }

.value_amount {
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    position: fixed;
    right: 45px;
    bottom: 35px;
    width: 100px;
    background: #FFFFFF;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
	z-index: 1000;
	display: none;
}

.convas_box { width: 800px; }
.convas { width: 800px; height: 300px; }

.hiddenwidth1000 { display: none; }
.no-mobile-table { display: none; }

.showwidth1000 { display: inline; }
.tableshowwidth1000 { display: table-cell; }

@media (min-width: 900px) {  /* это будет показано при разрешении монитора выше 1000 пикселей */
    .hiddenwidth1000 { display: inline; }
    .no-mobile-table { display: table-cell; }
    .showwidth1000 { display: none; }
    .tableshowwidth1000 { display: none; }
    .logo { width: 160px; }
    .right_submit2 { float: right; clear: none; padding: 0px; }
}
@media (max-width: 900px) {
	.right_submit { float: none; display: block; padding-top: 10px; padding-bottom: 20px; clear: none; text-align: center; }
    .convas_box { width: 381px; }
}

.menu ul { display: block; list-style: none; margin: 0px; padding: 0px; }
.menu ul li { list-style: none; margin: 0px; padding: 0px; display: block; text-align: left; }
.menu ul li a { TEXT-DECORATION: none; display: block; margin-bottom: 5px; padding: 10px; }
.menu ul li:hover { background-color: #f1f1f1; color: #000000; TEXT-DECORATION: none; }
.menu ul li:hover a { color: #000000; TEXT-DECORATION: none; }
.menu ul li.now { border-left: 5px solid #dd4b39; TEXT-DECORATION: none; }
.menu ul li.now:hover { background-color: #FFFFFF; TEXT-DECORATION: none; }

.badges_red {
	display: inline-block;
	border-radius: 21px;
	height: 18px;
	width: 16px;
	color: rgb(255, 255, 255);
	text-align: center;
	line-height: 17px;
	font-size: 9px;
	font-weight: bold;
	transform: scale(1);
	transition: all 0.3s;
	background-color: #FF0000;
	font-weight: 600;
	padding-right: 2px;
}
.badges_gray {
	display: inline-block;
	border-radius: 21px;
	height: 18px;
	width: 16px;
	color: rgb(255, 255, 255);
	text-align: center;
	line-height: 17px;
	font-size: 9px;
	font-weight: bold;
	transform: scale(1);
	transition: all 0.3s;
	background-color: #c7c7c7;
	font-weight: 600;
	padding-right: 2px;
}

.sb-left .menu li a { color: #EBEBEB; }

.sb-toggle-left {
    width: 35px;
    padding: 0px;
    height: 35px;
    padding-left: 4px;
    padding-top: 10px;
}
.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #000000;
}

form { padding: 0px; margin: 0px; }
select { padding: 0; margin: 0; }

small { font-size: 11px; color: #4A5462; }
small a { font-size: 11px; color: #4A5462; }

big { font-size: 19px; }

a { TEXT-DECORATION: underline; color: #4A5462; }
a img { border: 0; }
a:hover { color:#4a4a4a; TEXT-DECORATION: none; }
a:focus { outline:none }

.now { font-weight: bold; }
.no { font-weight: normal !important; }

.error { color: #FF0000 !important; }
a.error { color: #FF0000 !important; }
.error a{ color: #FF0000 !important; }

.green { color: #67a926 !important; }
a.green { color: #67a926 !important; }
.green a{ color: #67a926 !important; }

.gray { color: #5c6c57 !important; }
a.gray { color: #5c6c57 !important; }
.gray a{ color: #5c6c57 !important; }

.finish { TEXT-DECORATION: line-through; color: #bababa !important; }
.finish a { TEXT-DECORATION: line-through; color: #bababa !important; }

.performed { font-style: italic; color: #7b7b7b !important; }
.performed a { font-style: italic; color: #7b7b7b !important; }

.padding { padding: 20px; }
.padding_content { padding: 20px; }
.padding_content2 { padding: 20px; padding-left: 0px; padding-right: 0px; }

.padding_rl { padding-left: 20px; padding-right: 20px; }
.padding_rl2 { padding-left: 20px; padding-right: 20px; }
.padding_rl3 { padding-left: 10px; padding-right: 10px; }

.user { padding-left: 19px; background: url(/img/user.png); background-position: center left; background-repeat: no-repeat; }
.calend { padding-left: 19px; background: url(/img/calend.png); background-position: center left; background-repeat: no-repeat; }
.alarm { padding-left: 19px; background: url(/img/alarm.png); background-position: center left; background-repeat: no-repeat; }
.perfomer { padding-left: 19px; background: url(/img/perfomer.png); background-position: center left; background-repeat: no-repeat; }
.comment { padding-left: 19px; background: url(/img/comment.png); background-position: center left; background-repeat: no-repeat; }

.user_avater { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }

.userinfo_box {
    display: none; 
}
.userinfo_box a {
    color: #FFFFFF; 
    font-size: 15px;
}

.userinfo:hover > .userinfo_box { 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 84%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(84%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 84%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 84%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 84%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 84%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	position: absolute;
	display: none;
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    display: block !important; 
    z-index: 2000;
    margin-top: -40px;
    margin-left: -10px;
    padding-right: 20px;
}

.userinfo_box ul { list-style: none; margin: 0px; padding: 0px; }
.userinfo_box li {
	border-top:1px solid #dedede;
	padding-top: 3px;
	
	padding-left: 15px;
	cursor: pointer;
	text-decoration:none;
	font-style: normal;
}
.userinfo_box li a { color: #4A5462 !important; display: block; text-align: left; font-size: 13px; }
.userinfo_box li:hover { background-color: #23272e; color: #FFFFFF !important; TEXT-DECORATION: none; }
.userinfo_box li:hover a { color: #FFFFFF !important; TEXT-DECORATION: none; }

.sort_desc::after {
    content: ' \25be';
}
.sort_asc::after {
    content: ' \25b4';
}

.keyboardLayout { position: absolute; margin: 10px 0 0 -30px; width: 24px; height: 20px; color: #999; text-align: center; }

.img { max-width: 100%; border: 1px solid #CCCCCC; background: #FFFFFF url('/img/preloader.gif'); background-position: center center; background-repeat: no-repeat; padding: 3px; margin-right: 10px; margin-bottom: 10px; }
.img:hover { border: 1px solid #000000; }

.white *, .white *:hover, a.white { color: #FFFFFF; }
.black, .black *, .black *:hover, a.black, .black a { color: #000000; }
.blue *, .blue *:hover, a.blue { color: #1474B0; }
.green, .green *, .green *:hover, a.green, .green a { color: #698000; }
.red, .red *, .red *:hover, a.red, .red a, .gray:hover { color: #FF0000 !important; }
.gray, .gray *, .gray *:hover, a.gray, .gray a, .gray:hover { color: #999999 !important; }
.orange, .orange *, .orange *:hover, a.orange, .orange a { color: #FF7F00; }


.button {
	margin-right: 10px;
}
.button:last-child {
	margin-right: 0px;
}
@media (max-width: 1000px) {
	.button {
		margin: 5px;
	}
	.select {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}


.search {
	padding: 5px;
	border-radius: 5px;
	background: #FFFFFF;
	box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.15), -20px -20px 60px rgba(255, 255, 255, 0.15);
}
.search input {
	border: 0px;
	padding-left: 30px;
	background: #FFFFFF url("../img/search.png") no-repeat 10px 10px;
	border: 0px;
	color: #000000;
}
.search input:hover, .search input:active, .search input:focus {
	background: #FFFFFF url("../img/search.png") no-repeat 10px 10px;
	border: 0px;
	color: #000000;
}


.block {
	padding: 30px;
	border-radius: 5px;
	background: #FFFFFF;
	box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.15), -20px -20px 60px rgba(255, 255, 255, 0.15);
}
@media (max-width: 900px) {
	.block {
		padding: 15px;
	}
}



.calendar { padding: 0; margin: 0; color: #565e6b; text-align: center; padding: 7px; font-size: 12px; }
.calendartop, .calendartop a { font-weight: bold; text-align: center; text-decoration: none; }
.calendardayname { padding: 0; margin: 0; height: 25px; color: #FFFFFF; border: 0px solid #FFFFFF; }
.calendarday { padding: 0; margin: 0; width: 15px; height:25px; color: #FFFFFF; font-size: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: center; border: 0px solid #FFFFFF; }
.calendarday * a { color: #FFFFFF; }




#search {

}

#search input[type="text"] {
    background: url(../img/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #333333;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
    background: url(../img/search-white.png) no-repeat 10px 6px #333;
    width: 200px;
    color: #FFFFFF;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}



#gritter-notice-wrapper { position:fixed; bottom:20px; right:20px; width:301px; z-index:9999; }
#gritter-notice-wrapper.top-left { left: 20px; right: auto; }
#gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; }
#gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; }
.gritter-item-wrapper { position:relative; margin:0 0 10px 0; background:url('../img/ie-spacer.gif'); }
.gritter-top { background:url(../img/gritter.png) no-repeat left -30px; height:10px; }
.hover .gritter-top { background-position:right -30px; }
.gritter-bottom { background:url(../img/gritter.png) no-repeat left bottom; height:8px; margin:0; }
.hover .gritter-bottom { background-position: bottom right; }
.gritter-item { display:block; background:url(../img/gritter.png) no-repeat left -40px; color:#eee; padding:2px 11px 8px 11px; font-size: 11px; font-family:verdana; }
.gritter-item a { color:#eee; }
.gritter-item a:hover { color:#eee; }
.hover .gritter-item { background-position:right -40px; }
.gritter-item p { padding:0; margin:0; font-size: 18px !important; font-weight: bold !important; }
.gritter-close { position:absolute; top:5px; right:3px; background:url(../img/gritter.png) no-repeat left top; cursor:pointer; width:30px; height:30px; }
.gritter-title { font-size:14px; font-weight:bold; padding:0 0 7px 0; display:block; text-shadow:1px 1px #000; }
.gritter-image { width:48px; height:48px; float:left; }
.gritter-with-image,
.gritter-without-image { padding:0 0 5px 0; }




@media (max-width: 900px) {
	.table_div {
		overflow: auto;
		width: 85vw;
	}
}




.red_table {
    background: #FF0000;
    color: #FFFFFF;
}
.red_table a {
    color: #FFFFFF;
}
.red_table a:hover {
    color: #FFFFFF;
}
.red_table small {
    color: #FFFFFF;
}





.file_area {
	float: left;
	width: 130px;
	display: block;
	margin: 10px;
	padding: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
	cursor: pointer;
}
.file_area:hover { 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	background: rgba(0,0,0,0.05);
}
.doc {
	height: 40px;
	width: 80px;
	text-align: center;
	padding-top: 50px;
	margin: 20px;
	margin-bottom: 5px;
	background: url(/img/doc_ico.png); 
	background-position: center center; 
	background-repeat: no-repeat;
	text-decoration:none;
	color: #666666;
	font-size: 11px;
	text-shadow: 1px 1px 15px #CCCCCC;
}
.doc .info {
	position: relative;
	top: 13px;
	right: -12px;
}
.doc .act {
	float: left;
	background: #34B3D1;
	width: 5px;
	height: 5px;
	margin-right: 1px;
}
.doc .account {
	float: left;
	background: #8BB63A;
	width: 5px;
	height: 5px;
	margin-right: 1px;
}
.file_area a { text-decoration:none; }
.file_area u { text-decoration:underline; }
.file_area u:hover { text-decoration:none; }
.file_area:hover u { text-decoration:none; }
.file_area small { color: #999999; }
.file_area:hover small { color: #666666; }





#tablesorter .header {
	background: url(/img/small.png); 
	background-position: 90% center; 
	background-repeat: no-repeat;
	cursor: pointer;
}

#tablesorter .headerSortUp {
	background-image: url(/img/small_asc.png);
}

#tablesorter .headerSortDown {
	background-image: url(/img/small_desc.png);
}






.zebra, .zebra2  {
    color: #444;
}

.zebra td, .zebra2 td {
    border-bottom: 1px solid #f2f2f2;    
}

.zebra thead, .zebra2 thead {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee);
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra tbody tr:hover {
    background: #ffffcc;
    -o-transition: all 0.05s ease-in-out;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;     
} 

.zebra th:first-child, .zebra2 th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.zebra th:last-child, .zebra2 th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra tfoot td, .zebra2 tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    /* background-color: #f1f1f1;  
    background-color: #FFFFFF;*/ 
    color: #666666;
}

.zebra tfoot td:first-child, .zebra2 tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child, .zebra2 tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}  


.nozebra td { border: 0px !important; }


.form_field_header {
	padding: 5px; 
	vertical-align: top;
	padding-top: 10px;
	padding-right: 15px;
	font-size: 14px;
	font-style: italic;
	text-align: right;
}

.form_field_header2 {
	padding: 5px; 
	padding-top: 8px;
	font-size: 14px;
	font-style: italic;
}

.form_field_description {
	padding: 5px; 
	padding-top: 15px;
	padding-left: 15px;
	line-height: 17px;
	font-size: 12px;
	font-style: italic;
}

.form_field_description2 {
	padding: 5px; 
	padding-top: 15px;
	line-height: 17px;
	font-size: 12px;
	font-style: italic;
}





.acResults {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url('/img/indicator.gif') right center no-repeat;
}

.acSelect {
	background-color: Highlight;
	color: HighlightText;
}


input.datepicker { background: url(../img/ico_calendar.gif) no-repeat 100% 50% !important; margin-right:20px; }

.hidden {
	display: none;
}




*html #fade { position: absolute; }
*html .popup_block { position: absolute; }






/*
Дивные тиблцы
<div class="table">
    <div class="row tablerow">
        <span class="cell" style="width: 15%;">Адрес сайта:</span>
        <span class="cell">www.averin.pro</span>
    </div>
</div>
*/
.table { padding: 0px; margin: 0px; display: table; border-collapse: collapse; width: 100%; }
.row { padding: 0px; margin: 0px; display: table-row; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; width: 100% !important; }
.cell { padding: 0px; margin: 0px; display: table-cell; vertical-align: top; padding-bottom: 25px; padding: 15px; }

@media (max-width: 900px) { 
    .row { padding: 0px; margin: 0px; display: block; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; width: 100% !important; }
    .cell { padding: 0px; margin: 0px; display: block; padding-top: 5px; border: 0px; width: 100% !important; }
}

.row:last-child { border-bottom: 0px; } 





/******************************************************************************************************************/
/**************************************************S**T***A**R**T**************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/********************************************* CSS Library Averin.pro *********************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/********************************************** July 1, 2015 ver 1.0 **********************************************/
/************************************************* www.averin.pro *************************************************/
/******************************************************************************************************************/
.content { line-height: 23px; font-size: 14px; }
.content ol {list-style:decimal;}
.content li {list-style:square;}
.content ul { padding-left: 50px; }
.content ul li { list-style:circle; padding-top: 3px; padding-bottom: 3px; }
.content h1 { font-size: 21px; color: #000000; }
.content h2 { color: #49426b; }
.content img { max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.content table { padding: 0px; margin: 0px; border-collapse: collapse; }
.content table td { border: 1px solid #EBEBEB; }


h1 {
	padding-top: 0px;
	margin-top: 0px;
}


.window_mask { position: fixed; top: 0%; left: 0%; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000; text-align: center; }
.window { position: fixed; z-index: 2000; top: 55%; left: 50%; display: none; padding: 20px; background: white; background-clip: padding-box; outline: 0; margin-top: 8%; text-align: left;
	padding: 30px;
	border-radius: 15px;
	background: #FFFFFF;
	box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.15), -20px -20px 60px rgba(255, 255, 255, 0.15);
}
.window .close { display: block;  text-align:right; float: right;  margin: 0px 0px 0 0; }


.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/img/loading.gif) no-repeat 50% 50%; }

.box-modal {
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	background: #fff;
	padding: 20px; 
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }


.elevator { background: #dd4b39; color: #FFFFFF; }




::-webkit-input-placeholder {color:#EBEBEB;}
::-moz-placeholder          {color:#EBEBEB;}/* Firefox 19+ */
:-moz-placeholder           {color:#EBEBEB;}/* Firefox 18- */
:-ms-input-placeholder      {color:#EBEBEB;}


/* 
<div class="alert alert_yellow"><button onclick="$(this).parent().hide();">&times;</button>Alert text</div> 
*/
.alert, .notification, .panel2 { padding: 10px; margin-top: 20px; margin-bottom: 20px; text-align: center; color: #000000; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #f7f7f9; border: 1px solid #EBEBEB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.alert button { position: relative; top: -5px; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }
.alert_yellow, .alert_yellow a, .alert_info { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; }
.alert_red, .alert_warning, .alert_error, .alert_dunger, .panel2 { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.alert_green, .alert_success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.alert_blue { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }



/* https://github.com/claviska/jquery-dropdown */
.dropdown { position:absolute; z-index:1039; display:none }
.dropdown-link u { display: inline-block; TEXT-DECORATION: none; border-bottom: 1px solid; color: #217595; cursor: pointer; }
.dropdown-link u:hover { display: inline-block; TEXT-DECORATION: none; border-bottom: 1px solid #FFFFFF;  cursor: pointer; }
.dropdown .dropdown-menu,.dropdown .dropdown-panel { min-width:160px; max-width:300px; list-style:none; background:#fff; overflow:visible; padding:4px 0; margin:0; border: 1px solid #ccc;  border: 1px solid rgba(0,0,0,.15);  border-radius: 4px;  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);  box-shadow: 0 6px 12px rgba(0,0,0,.175);   }
.dropdown .dropdown-panel { padding:10px }
.dropdown.dropdown-tip { margin-top:8px }
.dropdown.dropdown-tip:before { position:absolute; top:-6px; left:9px; content:''; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ddd; display:inline-block }
.dropdown.dropdown-tip:after { position:absolute; top:-5px; left:10px; content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; display:inline-block }
.dropdown.dropdown-tip.dropdown-anchor-right:before { left:auto; right:9px }
.dropdown.dropdown-tip.dropdown-anchor-right:after { left:auto; right:10px }
.dropdown.dropdown-scroll .dropdown-menu,.dropdown.dropdown-scroll .dropdown-panel{ max-height:380px; overflow:auto }
.dropdown .dropdown-menu li { list-style:none; padding:0 0; margin:0; line-height:18px }
.dropdown .dropdown-menu label,.dropdown .dropdown-menu li { display:block; color:#333; text-decoration:none; line-height:1.5; padding:3px 20px; margin:0; white-space:nowrap }
.dropdown .dropdown-menu label:hover,.dropdown .dropdown-menu li.disabled:hover { background-color: #FFFFFF; cursor: auto; }
.dropdown .dropdown-menu label:hover,.dropdown .dropdown-menu li:hover { background-color:#f5f5f5; color:inherit; cursor:pointer }
.dropdown li.dropdown-hr { font-size:1px; border-top:solid 1px #e5e5e5; padding:0; margin:5px 0 }
.dropdown li.dropdown-hr:hover { background-color: #FFFFFF; cursor: auto; }

/******************************************************************************************************************/
/**************************************************E******N******D*************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/********************************************* CSS Library Averin.pro *********************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/********************************************** July 1, 2015 ver 1.0 **********************************************/
/************************************************* www.averin.pro *************************************************/
/******************************************************************************************************************/

























/* ----------- Форма ----------- */
label {
    display: inline-block;
    margin-bottom: .5rem;
}

select {
	max-width: 300px;
}

	/*************
	  Blue Theme
	 *************/
	/* overall */
	.tablesorter-blue {
		width: 100%;
		text-align: left;
		border-spacing: 0;
	}
	.tablesorter-blue th,
	.tablesorter-blue td {
		border-width: 0 1px 1px 0;
	}

	/* header */
	.tablesorter-blue th,
	.tablesorter-blue thead td {
		font-weight: bold;
		color: #000;
	}
	.tablesorter-blue .header,
	.tablesorter-blue .tablesorter-header {
		/* black (unsorted) double arrow */
		background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
		/* white (unsorted) double arrow */
		/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
		/* image */
		/* background-image: url(images/black-unsorted.gif); */
		background-repeat: no-repeat;
		background-position: center right;
		white-space: normal;
		cursor: pointer;
	}
	.tablesorter-blue .headerSortUp,
	.tablesorter-blue .tablesorter-headerSortUp,
	.tablesorter-blue .tablesorter-headerAsc {
		background-color: #EBEBEB;
		/* black asc arrow */
		background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
		/* white asc arrow */
		/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
		/* image */
		/* background-image: url(images/black-asc.gif); */
	}
	.tablesorter-blue .headerSortDown,
	.tablesorter-blue .tablesorter-headerSortDown,
	.tablesorter-blue .tablesorter-headerDesc {
		background-color: #EBEBEB;
		/* black desc arrow */
		background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
		/* white desc arrow */
		/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
		/* image */
		/* background-image: url(images/black-desc.gif); */
	}
	.tablesorter-blue thead .sorter-false {
		background-image: none;
		cursor: default;
	}

	/* tfoot */
	.tablesorter-blue tfoot .tablesorter-headerSortUp,
	.tablesorter-blue tfoot .tablesorter-headerSortDown,
	.tablesorter-blue tfoot .tablesorter-headerAsc,
	.tablesorter-blue tfoot .tablesorter-headerDesc {
		/* remove sort arrows from footer */
		background-image: none;
	}

	/* hovered row colors
	 you'll need to add additional lines for
	 rows with more than 2 child rows
	 */
	.tablesorter-blue tbody > tr.hover > td,
	.tablesorter-blue tbody > tr:hover > td,
	.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr.even.hover > td,
	.tablesorter-blue tbody > tr.even:hover > td,
	.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
		background-color: #f1f1f1;
	}
	.tablesorter-blue tbody > tr.odd.hover > td,
	.tablesorter-blue tbody > tr.odd:hover > td,
	.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
	.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
		background-color: #f1f1f1;
	}

	/* table processing indicator */
	.tablesorter-blue .tablesorter-processing {
		background-position: center center !important;
		background-repeat: no-repeat !important;
		/* background-image: url(images/loading.gif) !important; */
		background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
	}

	/* Zebra Widget - row alternating colors */
	.tablesorter-blue tbody tr.odd > td {
		background-color: #ebf2fa;
	}
	.tablesorter-blue tbody tr.even > td {
		background-color: #fff;
	}


	/* caption */
	.tablesorter-blue > caption {
		background-color: #fff;
	}

	/* filter widget */
	.tablesorter-blue .tablesorter-filter-row {
		background-color: #eee;
	}
	.tablesorter-blue .tablesorter-filter-row td {
		background-color: #eee;
		line-height: normal;
		text-align: center; /* center the input */
		-webkit-transition: line-height 0.1s ease;
		-moz-transition: line-height 0.1s ease;
		-o-transition: line-height 0.1s ease;
		transition: line-height 0.1s ease;
	}
	/* optional disabled input styling */
	.tablesorter-blue .tablesorter-filter-row .disabled {
		opacity: 0.5;
		filter: alpha(opacity=50);
		cursor: not-allowed;
	}
	/* hidden filter row */
	.tablesorter-blue .tablesorter-filter-row.hideme td {
		/*** *********************************************** ***/
		/*** change this padding to modify the thickness     ***/
		/*** of the closed filter row (height = padding x 2) ***/
		padding: 2px;
		/*** *********************************************** ***/
		margin: 0;
		line-height: 0;
		cursor: pointer;
	}
	.tablesorter-blue .tablesorter-filter-row.hideme * {
		height: 1px;
		min-height: 0;
		border: 0;
		padding: 0;
		margin: 0;
		/* don't use visibility: hidden because it disables tabbing */
		opacity: 0;
		filter: alpha(opacity=0);
	}
	/* filters */
	.tablesorter-blue input.tablesorter-filter,
	.tablesorter-blue select.tablesorter-filter {
		width: 98%;
		height: auto;
		margin: 0;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #bbb;
		color: #333;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: height 0.1s ease;
		-moz-transition: height 0.1s ease;
		-o-transition: height 0.1s ease;
		transition: height 0.1s ease;
	}
	/* rows hidden by filtering (needed for child rows) */
	.tablesorter .filtered {
		display: none;
	}

	/* ajax error row */
	.tablesorter .tablesorter-errorRow td {
		text-align: center;
		cursor: pointer;
		background-color: #e6bf99;
	}








.contents_block {
	margin: 0;
	padding: 0;
	clear: both;
	display: flex;
}
.contents_block .content_block0 {
	flex: 1 1 100%;
}
.contents_block .content_block1 {
	flex: 1 1 15%;
	padding-right: 2%;
}
.contents_block .content_block2 {
	flex: 1 1 83%;
}
.contents_block .content_block2 {
	padding: 0px;
}
@media (max-width: 900px){
	.contents_block {
		padding: 0px;
		margin: 0px;
	}
	.contents_block .content_block1 {
		display: none;
		padding: 0px;
		margin: 0px;
	}
	.contents_block .content_block0, .contents_block .content_block1, .contents_block .content_block2 {
		padding: 0px;
		margin: 0px;
		flex: 1 1 100%;
		margin-bottom: 20px;
	}
}




.welcome {
	background: #000000 url(/img/bg_login.jpg);
	background-position: 50% 0;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: scroll;
}