html{
    font-family:Tahoma, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    background-color: #e1e3e4;
    color: #313131;
    }
body{
    margin: 0;
}

#zeitbehalter
{
	color:#FFFFFF;
	width:140px;
	margin-top:5px;
	float:left;
	font-size:12px;
}



#entrance_div4
{
	display:none;
	line-height:30px;
	padding:0 5px;
}

.diap-shown, diap-hidden
{
	display:block;
}

#menu2_spec li{
	list-style-type:none;
}

.submicro-menu-item a
{
	cursor:pointer;
}

.submicro-menu-item
{
	width:210px;
	float:left;
}

.submicro-menu-list
{
	float: left;
    padding-left: 5px;
    margin-top: 0px;
}



.men_show
{
	display: none !important;
	
}
.gedicht
{
	width: 40%; 
	float: left;
}

#histcontainer
{
	width:300px; 
	float:left;
	display:block;
	overflow:hidden;
	margin:auto;
	/*border-right:1px solid #858585;*/
}

/*.select_orgp,.select_orgv*/
/*{*/
	/*width:100%;*/
/*}*/

#histdisplayer{
	width:400px;
	float:right;
}

#histdisplayer div{
	width:90%;
	margin:auto;
	padding:8px 0;
	text-align:center;
}

#histdisplayer table{
	width:100%;
}

#histdisplayer td{
	text-align:center;
}


#histcontainer .tr{
	width:100%;
	overflow:hidden;
	padding: 10px 0;
	cursor:pointer;
}

.current_h_tr{
	background-color: lightgrey;
}

#histcontainer .td{
	float:left;overflow:hidden;
	width:48%;
	text-align:center;
}

#histcontainer .subtd
{
	width:100%;
	overflow:hidden;	
}


.nastrgrid_input
{
	width:100%;
}

.hidden
{
	display:none;
}

    .top-menu {
        color: #545454;
        float: left;
        padding: 5px 5px 5px 5px;
        font-size: 11px;
        text-decoration: underline;
    }
    .top-menu:before{
        content: "";
        width: 1px;
        height: 17px;
        background: #36609F;
        display: inline-block;
        position: absolute;
        margin-left: -5px;
    }
    .top-menu:hover{
        text-decoration: none;
        background-color:#36609F;
        color:#ffffff;
    }
    .vcard{
        width: 100%;
        /*margin: 0 auto;*/
        /*height: 80px;*/
        /*overflow: hidden;*/
    }
    .logo , .logo2{
        padding: 10px 10px;
        width: 78px;
        overflow: hidden;
        margin: auto;
    }

    .logo_name{
        float: left;
        margin: 0px 0 0 20px;
    }

    .vcard-content{
        display: none;
        float: left;
        width: 960px;
        z-index: 9999;
        height: 80px;
    }
    .sign-in{
       display: inline;
    float: left;
    width: 48%;
    z-index: 9999;
    height: 200px;
    /* margin-top: 16%; */
    background-color: rgba(255,255,255,0.3);
    margin: 5px;
    }
    #divorg{
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
        margin: auto;
        background-color: #3c948b;
        font-weight: bold;
    }
    .divorg{
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
        margin: auto;
    }
    .dlogin{
        float: right;
        padding: 5px;
        color: #FFFFFF;
        font-size: 12px;
        padding-right: 30px;
    }
    .dloginr{
        font-size: 12px;
        text-align: center;
        margin: auto;
        width: 210px;
    }
	.divmenu {
		float:		none;
		padding:	5px;
		margin:		3px;
		cursor:		pointer;
		border-radius:	8px;
		-webkit-border-radius:8px; 
		-moz-border-radius:8px; 
		-khtml-border-radius:8px;
	}
	.divmenu:hover{
		text-decoration:underline;
		background-color:#36609F;
		color:#ffffff;
	}
	/*.cur {*/
		/*background-color: #004887;*/
		/*color:#ffffff;*/
	/*}	*/
	#divtop{
        margin: 0 auto;
        width: 960px;
        overflow: hidden;
	}
	#divtop a{
		/*text-decoration:underline;*/
		cursor:	pointer;
	}
	#divleft{
	float:left; height:92%; width:245px; background-color:#F0F0EE;margin-right:20px;
	}
	#divfooter{
	    width:960px;
        /*clear:left;*/
        /*background-color:#EBEDF1;*/
        margin: auto;
		
	}
    #subcontent{
        width: 100%;
        margin: auto;
        float: left;
		/*background-image:url("images/bg.png");*/
		background-position:center;
		background-size:auto calc(100% - 80px);
		/*height:100%;*/
		z-index:10;
    }
    /*#divcontent:before{*/
        /*content: "";*/
        /*width: 960px;*/
        /*height: 70px;*/
        /*background: url(./images/arr.png) no-repeat 0 0;*/
        /*display: block;*/
        /*position: absolute;*/
        /*top: 313px;*/
        /*z-index: 2;*/
    /*}*/
    .divcontentbefore{
        /* content: ""; */
        width: 960px;
        height: 70px;
        background: url(./images/arr.png) no-repeat 0 0;
        /* display: block; */
        /* top: 313px; */
        z-index: 100000;
        margin: auto;
        margin-top: -120px;
        overflow: hidden;
        position: relative;
    }
	h1{
	color: #004887;
    font:  20px Arial,serif;
    line-height: 24px;
    margin: 0 0 22px;
	text-align:center;
	}
.div_top_name{
    background: #E6E6E6;
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#B8B8B8');
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#B8B8B8));
    background: -moz-linear-gradient(top, #ebebeb, #B8B8B8);*/
    color: #444;
    border-top: solid 1px #f8f8f8;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #525267;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    /*height: 21px;*/
    /*padding-left: 10px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 5;
    letter-spacing: 0.1px;
    overflow: hidden;
	position: fixed; 
	top: 125px;
    margin-top: 0px;
    width: 100%;
	
}
#table_thead {
    z-index: 10;
    /* position: relative; */
    overflow-x: hidden;
    /* margin-right: 17px; */
    /* width: 100%; */
    /* margin: 0; */
    background: #E0E0E0;
}
#table_thead form {
    margin: 0;
    margin-top: -2px;
    margin-right: 17px;
}
.table_top{
    margin-top:2px;
    background-color:#CFCFCF;
    width: 100%;
    overflow: hidden;
	text-align:center;
}

.table_top .thead{
    overflow: hidden;
	float:left;
	width:100%;
	height:42px;
    /*display: none;*/
}


.table_top .table_body{
	height:30px;
	overflow-y:hidden;
}


.table_top  .td{
	
	height:100%;
	float:left;
}

.table_top .th {
	  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #E4E4E4;
    font-family: Tahoma;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 5px 3px 5px 2px;
    text-overflow: ellipsis;
	float:left;
	height:100%;
	background-color:#CFCFCF
}

.table_top .td {
	box-sizing: border-box;
    /border-bottom: 1px solid #ABABAB;
    border-right: 1px solid #ECE9E9;
    font-family: Tahoma;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 5px 3px 5px 2px;
    /*text-align: left;*/
}
/*.table_top div:first-child {*/
    /*background-color: #E0E0E0;*/
    /*color: black;*/
/*}*/
.table_body{
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #E0E0E0;
	float:left;
	width:100%;
}

.table_body .td{
	
	float:left;
	
}


.table_bottom {
    background-color:#CFCFCF;
    border-spacing: 0;
    font-size: 11px;
    width: 100%;
	/*overflow:hidden;*/
}

.table_bottom .tr{
	
	height:40px;
}

.class_color_tr1{
	background-color:#FFF;
}

.class_color_tr2{
	background-color:#FFDCDC;
	
}

.class_color_tr3{
	background-color:#DCFFDC;
}


.table_bottom  .td{
	box-sizing: border-box;
    border-bottom: 1px solid #ABABAB;
    border-right: 1px solid #D4D4D4;
    font-family: Tahoma;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    /*font-weight: normal;*/
    line-height: normal;
    /*color: #2D2D2D !important;*/
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 3px 5px 2px;
    text-align: left;
    /*overflow-wrap: break-word;*/
    /*max-width: 9%;*/
	height:100%;
	float:left;
}

.tr{
	width:100%;
	float:left;
	
	
}

#div_bottom{
    background-attachment: scroll;
    background-color: transparent;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 32%, rgba(225,225,225,1) 64%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(32%,rgba(241,241,241,1)), color-stop(64%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 32%,rgba(225,225,225,1) 64%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 32%,rgba(225,225,225,1) 64%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 32%,rgba(225,225,225,1) 64%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 32%,rgba(225,225,225,1) 64%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 1px solid #D4D4D4;
    font-family: Tahoma;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    /*height: 50px;*/
    line-height: normal;
    width: 100%;
    /*position: relative;*/
    bottom: 0px;
    border-top: 1px solid #D4D4D4;
    overflow: hidden;
}
.copyright{
    font-size: 10px;
    float: right;
    text-align: right;
    color: #545454;
    padding-top: 5px;
}
.copyright a{
    text-decoration: none;
    color: #545454;
}
.copyright a:hover{
    color: RED;
    text-decoration: underline;
}
.copyright p{
    line-height: 3px;
}
.pages-nav{
    padding-left: 30px;
}
.num-page{
    text-decoration: none;
    cursor: pointer;
}
.num-page:hover{
    color: red;
    text-decoration: underline;
}

.div-num-page{
    display: inline-block;
    padding: 0 4px 0 4px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.32), 0 0 0 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.32), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 10px 15px rgba(0,0,0,0.32), 0 0 0 1px rgba(0,0,0,0.08);
    font: 11px/16px "Lucida Grande";
    position: relative;
    border: 1px solid #999;
    background: #FFF;
    margin-right: 1px;
}
.select_orgk{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_org{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_orgv{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_orgp{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_pd{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_pdk{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_cm{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
	float:left;
}
.select_doc{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}
.select_KLBR, .select_KLTAR, .select_KL, .select_VKLA, .select_VKL_BRA{
    padding: 1px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
}


.clear{clear: both;}

/*****************************************************************/



/*****************************************************************/
.vhod{
    width: 960px;
    margin: auto;
    overflow: hidden;
    height: 50%;
    color: #FFFFFF;
    font: bold 17px Arial, Helvetica;
    text-align: center;
}
.novhod{
    width: 400px;
    margin: auto;
    overflow: hidden;
    height: 50%;
    color: #999;
    font: bold 17px Arial, Helvetica;
    text-align: center;
}
.div-cap-page{
    color: #575757;
    display: block;
    float: left;
    font: 11px Tahoma;
    margin-top: 16px;
}
a.grid-page-start {
    background: url("./images/page-first.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 18px 3px 3px 10px;
    overflow: hidden;
    text-indent: -1000px;
    width: 16px;
}
a:hover.grid-page-start{
    cursor: pointer;
}
a.grid-page-prev {
    background: url("./images/page-prev.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 3px;
    margin-top: 18px;
    overflow: hidden;
    text-indent: -1000px;
    width: 16px;
}
a:hover.grid-page-prev{
    cursor: pointer;
}
a.grid-page-next {
    background: url("./images/page-next.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 3px;
    overflow: hidden;
    text-indent: -1000px;
    width: 16px;
    margin-top: 18px;
}
a:hover.grid-page-next{
    cursor: pointer;
}
a.grid-page-end {
    background: url("./images/page-last.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 3px;
    overflow: hidden;
    text-indent: -1000px;
    width: 16px;
    margin-top: 18px;
}
a:hover.grid-page-end{
    cursor: pointer;
}
.grid-page-viewing-records-info {
    color: #575757;
    display: block;
    float: right;
    font: 11px Tahoma;
    height: 16px;
    margin: 16px 15px 0 0;
}
.grid-page-info {
    float: right;
    width: 190px;
    color: #575757;
    display: block;
    font: 11px Tahoma;
    margin-top: 12px;
}
.grid-page-input {
    border: 1px inset;
    font: 11px Tahoma;
    padding: 2px;
    width: 30px;
}
.input-submit-save{
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 12px;
    display: inline-block;
    max-height: 30px;
    -webkit-appearance: button;
    cursor: pointer;
}
.div_top_table_name{
    width: 100%;
    /*overflow: hidden;*/
    margin: auto;
}
.div_table_resault{
    width: 960px;
    overflow: hidden;
    margin: auto;
}
.box-head{
    border-radius: 2px;
    max-height: 40px;
    background: #444;
	margin-top:166px;
}
.box-head h2 {
    padding: 10px 10px;
    color: #ddd;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 1px 0 #222;
    margin: 0;
}
.box-content {
    border: none;
    text-shadow: 0 1px 0 #FFFFFF;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    background: #eee;
    /*border: 1px solid #bbb;*/
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 10px 10px;
}
.table_resault{
    border-collapse:collapse;
    width: 100%;
    font-size: 11px;
    margin: auto;
}
.table_resault th {
    /*background-color: #F7F7F7;*/
    background-color: #DCDBDB !important;
    border: 1px solid #D4D4D4;
    border-radius: 2px 2px 2px 2px;
    padding: 8px;
}
.table_resault .td {
    background-color: #F7F7F7;
    border: 1px solid #D4D4D4;
    border-radius: 2px 2px 2px 2px;
    padding: 8px;
}

/*progressbar*/
#my-progressbar-container {
    position: relative;
    width: 230px; /* my-progressbar width */
    padding: 35px 5px 20px 5px; /* Space for progresbar-texts */
    background-color: transparent;
    margin: auto;
    text-align: center;
}

.podrobn
{
	float:left; 
	margin: 4px 5px 3px 0px;
}

.progressbar-text {
    position: absolute;
    font-family: Arial;
    font-size: 10px;
    color: #333333;
}

.progressbar-text.top-right {
    top:5px;
    right:7px;
}

.progressbar-text.top-left {
    top:5px;
    left:7px;
}

.progressbar-text.bottom-right {
    bottom:5px;
    right:7px;
}

.progressbar-text.bottom-left {
    bottom:5px;
    left:7px;
}
/*End progressbar*/

.pages-nav-legend{
    color: #000;
    float: left;
    font: 11px Tahoma;
    margin: 15px;
    width: calc(100% - 585px);
}
.pages-nav-legend-div{
    padding: 5px;
    float: left;
    width: 115px;
    border-top: solid 1px #f8f8f8;
    border-right: solid 1px #f8f8f8;
    overflow: hidden;
    height: 20px;
}
.curtr{
    color: #b20000;
    /*font-weight: bold;*/
}
.metkalan-brak{
    background-image: url('./images/warning.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
}
.metkalan-brak:hover{
    background-image: url('./images/warning-view.png');
    background-repeat: no-repeat;
}
.warning-close{
    cursor:pointer;
    float:right;
    background-image: url('./images/close.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    /*margin-top: 3px;*/
}
#warning_box{
    display:none;
    position:absolute;
    background-color:#F6F6F6;
    width:200px;
    min-height:50px;
    border-radius: 5px;
    border: solid 1px #b20000;
    padding: 5px;
}

.nastrgrid-close{
    cursor:pointer;
    float:right;
    background-image: url('./images/close.png');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}


#menu_admin_button,#menu_web_service{
	float:left;
	font-weight:bold;
	font-size:20px;
	color:black;
	width: 30px;
	text-align: center;
}


#menu_show_button:hover,#menu_admin_button:hover,#menu_web_service:hover, #menu_filter_button:hover{
	background-color:#69ABA4;
	transition: all 0.2s linear;
}


#menu_filter_button{
	float: left;
	background-image: url("./images/make.png");
	width: 30px;
	height: 59px;
	background-repeat: no-repeat;
	background-position: center;
	cursor:pointer;
}

#TimeContainer0
{
	float:left;
	width:auto;
}


#TimeContainer1, #TimeContainer2
{
	float:left;
	width:auto;
}
#btime, #etime
{
	float: left;
    width: 76px;
    letter-spacing: 0px;
    font-size: 11px;
    font-family: Tahoma;
    padding: 3px 0px;
    height:12px;
    margin-left: 2px;
}

#DiapazonContainer
{
	position:relative;
	float:left;
    margin-right: 5px;
	margin-left:5px;
}

.LetterContainer
{
	width:20px;
	float:left; 
	margin: 4px 5px 3px 5px;
	text-align:center;
}

.TimedDiapazon
{
}



#table_detector{
	display:none;
}
/*#nastrgrid_box{*/
    /*display:none;*/
    /*position: absolute;*/
    /*background-color: #FFF;*/
    /*min-height: 50px;*/
    /*border-radius: 5px;*/
    /*border: solid 1px #666;*/
    /*padding: 10px 10px 5px;*/
    /*box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);*/
/*}*/
.nastrgrid_title{
    /*background: #d1d1d1;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#B8B8B8');*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#B8B8B8));*/
    /*background: -moz-linear-gradient(top, #ebebeb, #B8B8B8);*/
    /*border-top: solid 1px #f8f8f8;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
    /*-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
    color: #525267;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 5;
    letter-spacing: 0.1px;
    /*overflow: hidden;*/
    border-radius: 5px 5px 0px 0px;
}
.nastrgrid_table {
    background-color:#FFFFFF;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 10px;
    width: 100%;
}
.nastrgrid_table .th {
    background-color: #E0E0E0;
    color: black;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #E4E4E4;
    font-family: Tahoma;
    font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 5px 3px 5px 2px;
    overflow-wrap: break-word;
}
.nastrgrid_table .td{
    border-bottom: 1px solid #ABABAB;
    /*border-right: 1px solid #D4D4D4;*/
    font-family: Tahoma;
    font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 3px 5px 2px;
    text-align: left;
    overflow-wrap: break-word;
}
.nastrgrid_input_text {
    width: 100%;
    /*height: 20px;*/
    font-size: 10px;
}
.b_nstgrid{
    color: #745959;
    z-index: 1000;
    font-size: 10px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    margin: 5px 5px 5px 0px;
}
#bt_adduser, #bt_addLicen, #bt_addTime{
    color: #745959;
    z-index: 1000;
    font-size: 10px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    /*background: url(./images/add.png) no-repeat 0 0;*/
}
.administr{
    font-size: 10px;
    float: left;
    text-align: right;
    color: #545454;
    padding-top: 5px;
}
.administr a{
    text-decoration: none;
    color: #545454;
}
.administr a:hover{
    color: RED;
    text-decoration: underline;
}
.administr p{
    line-height: 3px;
}
.div-contaner-edit-user{
    font-size: 11px;
    margin: 0 auto;
    width: 98%;
    clear: both;
}
.div-contaner-edit-user-conf{
    font-size: 11px;
    margin: 0 auto;
    width: 98%;
    padding: 5px 5px 5px 5px;
    font-weight: bolder;
    font-size: 12px;
    width: 98%;
    background: #444;
    margin: 0 auto;
    color: #ddd;
    text-shadow: 0 1px 0 #222;
    clear: both;
}
.div1-edit-user{
    float:left;
    width:30%;
    height: 26px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
}
.div2-edit-user{
    float:left;
    width:15%;
	padding-top: 5px;
}
.div2-edit-user input{
    font-size: 11px;
}
.div2-1-edit-user{
    float:left;
    width:50%;
}
.div2-1-edit-user input, .div2-1-edit-user select, .div2-1-edit-user option{
    font-size: 11px;
}
.div3-edit-user{
    height: 26px;
    padding-top: 5px;
}
.btfind{
    vertical-align: sub;
    background: url(./images/search.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
}

.btedit
{
	background: url(./images/setting32.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: right;
    opacity: 0.7;
    margin-bottom: -34px;
    margin-right: -11px;
    z-index: 10000;
    position: relative;
}

.btadd
{
	background: url(./images/add32.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: right;
    opacity: 0.7;
    margin-bottom: -34px;
    margin-right: 25px;
    z-index: 10000;
    position: relative;
	display:none;
}





#bt_saveuser{
    color: #745959;
    z-index: 1000;
    font-size: 10px;
    margin-right: 10px;
    cursor: pointer;
}
#bt_closeuser{
    color: #745959;
    z-index: 1000;
    font-size: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.check-legend{
    cursor: pointer;
}

/***********************************************/
#nav{
    padding-left: 0px;
}

#nav li{
    display: inline;
    margin: 5px;
    padding: 5px;
    font-family: Verdana;
    font-size: 15px;
    background-color: #F1EEF7;
    border: 1px solid silver;
}

#nav li a{
    text-decoration: none;
}

#nav li:hover{
    background-color: #8D93EF;
}
/**********************************************/
.mlan{
    width: 400px;
    margin: auto;
    overflow: hidden;
    height: 50%;
    color: #0055;
    font: bold 12px Arial, Helvetica;
    text-align: left;
}
/********КАЛЕНДАРЬ*************/
.calendar{
    vertical-align: sub;
    background: url(./images/calendar2.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    float: left;
    margin-left: -19px;
    margin-top: 2px;
    z-index: 999999;
    cursor: pointer;
}

.calendar-box {
    display:none;
    background-color:#fff;
    border:1px solid #444;
    position:absolute;
    width:250px;
    padding: 0 5px;
    z-index: 100001 !important;
}
.calendar-box select.calendar-month {
    width:90px;
}
.calendar-box select.calendar-year {
    width:70px;
}
.calendar-box .calendar-cancel {
    width:100%;
}
.calendar-box table td {
    width:14%;
}
.calendar-box .calendar-title {
    text-align:center;
}
.calendar-box a {
    text-decoration:none;
}
.calendar-box .today a {
    padding:0 5px;
    margin-left:-5px;
    background-color:#ffe9c6;
}
.calendar-box .selected a {
    padding:0 5px;
    margin-left:-5px;
    background-color:#c9ff8b;
}
/************************************/
#rapset {
    float: left;
    margin: 0;
    /*width: 435px;;*/
}
#interval {
    float: left;
    margin: 0;
    width: 50%;
}
.divdate {
   /* width: 100%;*/
    border:		0px solid grey;
    float:		left;
    text-align:	left;
    font-size: 11px;
	
}
.right-panel{
    float: left;
    margin-top:5px;
    overflow: hidden;
}

#tb1{
	height:70%;
}




#left_great_container_a{
	width: calc( 40% - 13px );
	overflow-x:hidden;
	overflow-y:scroll;
	float:left;
	background-color: #E0E0E0;
}


.head .th{
	
	border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #E4E4E4;
    font-family: Tahoma;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    overflow: hidden;
   box-sizing: border-box;
	text-align:center;
	width:50%;
	height:100%;
	float:left;
	
}


#left_great_container_a .td{
	width:50%;
	float:left;
}



#right_great_container_a{
	width: calc(60% + 30px );
	float:left;
	overflow-y:hidden;
	overflow-x:auto;
	background-color:#E0E0E0;
	margin-left: -18px;
	border-left: 1px solid #ABABAB;
}


 #right_great_container_a .th{
	float:left;
}

#right_great_container_a .tr, #left_great_container_a .tr{
	float:left;
	width:100%;
	overflow:hidden;
}

#right_great_container_a , #left_great_container_a {
	border-top:1px solid #ABABAB;
	/*margin-top:233px;*/
	margin-top:225px;
}

.head{
	float:left;
}

.head .th{
	box-sizing:border-box;
}

.header{
	z-index:20;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 115px;
	/*overflow: hidden;*/
	background-color: #FFF;
}
#divcontent{
	width:100%;
	height:100%;
	/*background-color: rgba(81, 90, 136, 0.9);*/
	height: calc(100% - 80px);
	margin-top: 0px;
	/*background-image:url("images/plat.png");*/
	background-size:auto 100%;
	/*background-blend-mode: darken;*/
	background-repeat: no-repeat;
	background-position: center;
}

.but_login{
	/*background-color:transparent;*/
	background-color:#F16876;
	position:relative;
	border:none;
	/*border:1px solid #E2E3EA;*/
	/*border:1px solid #F16876;*/
	color:#FFFFFF;
	padding:4px;
	text-decoration:none;
	margin:auto;
	font-weight: bold;
	font-size:14px;
	cursor:pointer;
	width:190px;
	/* transition: background-color 1600ms cubic-bezier(0.345, 0.005, 0.07, 1);*/
   /*transition: color 1000ms cubic-bezier(0.345, 0.005, 0.07, 1);*/
	/*transition: background-color 400ms cubic-bezier(0.345, 0.005, 0.07, 1);*/
	/*transition: transform 400ms cubic-bezier(0.345, 0.005, 0.07, 1);*/
	transition: background-color 1000ms cubic-bezier(0.345, 0.005, 0.07, 1);
	/*transition: border-color 1000ms cubic-bezier(0.345, 0.005, 0.07, 1);*/
}

 .but_login:hover {
	 background-color:#273B7B;
 /* border-color:#273B7B;  /*transition: border-color 1000ms cubic-bezier(0.345, 0.005, 0.07, 1);*/
  transition: background-color 1000ms cubic-bezier(0.345, 0.005, 0.07, 1);
  
}
 
.title_login{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	margin-top: 4%;
	margin-bottom: 4%;
	line-height: 54px;
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	line-height:44px;
}

/**************New 21.03.2016***********************/
#header {
    position: relative;
    /*font-family: 'MuseoSans_Thin';*/
    z-index: 11;
    margin: 0;
    padding: 0;
    height: auto;
}
#header nav {
    position: relative;
    width: 100%;
    /*height: 47px;*/
    line-height: 40px;
    background: #e1e3e4;
    border-bottom: 1px solid #d2d6d5;
    z-index: 200;
    -webkit-transition: background .25s ease-out;
    transition: background .25s ease-out;
}
#header nav.top {
    color: #a6abab;
    background: #f4f4f4;
    z-index: 11;
	overflow:hidden;
}
#header nav.top .slogan {
    float: left;
    margin: 0;
    margin-left: 20px;
    font-size: 15px;
    font-weight: normal;
    line-height: 40px;
}
.right {
    float: right;
    margin: 0;
    padding: 0;
}
#header nav.top li.login a {
    margin: 0 20px 0 10px;
    color: #313131;
    text-decoration: underline;
    font-weight: bold;
}
#header nav.main {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    text-transform: uppercase;
	
}

 
#fixhead{
	overflow:hidden;
}
 
 #fixhead:hover{
	overflow:visible !important;
}
.logo, .logo2 {
    display: inline-block;
    width: 188px;
    /*height: 22px;*/
    /*background: url(./images/logo_av24.png) no-repeat;*/
    background-size: 100% 100%;
}
.logo a, .logo2 a {
    display: block;
    height: 22px;
    text-indent: -34em;
    overflow: hidden;
}
#header nav .logo, #header2 nav .logo2 {
    float: left;
    margin: 13px 0 0 20px;
}
#menu{
    position: absolute;
    right: 0;
}

#menu2{
	position:relative;
	float:right;
}

#name_ch{
	margin-top: 3px;
	float: left;
	//width: 390px;
	color: #FFFFFF;
	margin-left: 10px;
}


.login{
    list-style: none;
}
#content {
    
    /*height: calc(100% - 240px);*/
    /*position: relative;*/
    -webkit-transition: padding .25s ease-out;
    transition: padding .25s ease-out;
    background-color: #E2E1E2;
	float:left;
	width:100%;
}
#content:after {
    content: '';
    display: block;
    clear: both;
}
#header #menu > li , #header #menu2 > li {
    float: left;
    margin: 0;
    padding: 0;
}
#menu li:first-child, #menu2 li:first-child  {
    border-left: none;
}
#menu > li , #menu2 > li {
    border-left: 1px solid #d2d6d5;
	 position: relative;
}
#menu li a, #menu li span, #menu2 li a, #menu2 li span {
    text-decoration: none;
    display: block;
    /*height: 66px;*/
    color: #313131;
    -webkit-transition: background .25s ease-out, color .25s ease-out;
    transition: background .25s ease-out, color .25s ease-out;
}
#menu > li.active a, #menu > li.active span, #menu2 > li.active a, #menu2 > li.active span {
    font-family: 'MuseoSans_Fat';
}

#menu  li:hover, #menu2  li:hover {
    background: #FFF;
}
#menu  li:hover > a, #menu2  li:hover > a {
    background: #FFF;
}
#menu  li:hover > ul, #menu2  li:hover > ul {
    opacity: 1;
    /*visibility: visible;*/
    margin: 0;
}
#menu a:hover, #menu2 a:hover  {
    cursor: pointer;
    background-color: #999;
    color: #004887;
}

#menu li:first-child > a:after, #menu2 li:first-child > a:after  {
    /*content: '';*/
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}



.box-login {
    max-width: 640px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
	margin-top:120px
}
.box-login .box-form {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 35px 70px;
    background-color: #f1f1f1;
    border-radius: 2px;
}
.box-login .box-form .text-input {
    width: 100%;
}
/*input[type="submit"], input[type="text"] {*/
    /*-webkit-appearance: none;*/
/*}*/
.text-input {
    display: block;
    height: 40px;
    padding: 0 15px;
    background: #F4F4F4;
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .25s;
    transition: all .25s;
}
.box-login .button {
    width: 100%;
    padding: 0;
    text-align: center;
}
.button.bold {
    font-size: 14px;
}
.button.large {
    height: 50px;
    line-height: 50px;
}
.button {
    display: inline-block;
    height: 40px;
    line-height: 41px;
    padding: 0 15px;
    background-color: #3c948b;
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.button:hover {
    opacity: 0.75;
    color: #fff;
}
.box-login .box-form p:last-child {
    margin-bottom: 0;
}
.underline {
    text-decoration: underline;
}
a {
    color: #666666;
    text-decoration: none;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
.box-login .headd {
    text-align: center;
}
.box-login .headd h2 {
    margin-bottom: 10px;
}
.headding-title {
    font-size: 30px;
}
#footer nav.footer {
    padding: 20px 0 6px 0;
    background: #202121;
    font-size: 14px;
    overflow: hidden;
}
#footer {
    position: absolute;
	
    float:left;
    margin-top: 1px;
    color: #7F7F84;
    overflow: hidden;
	bottom:0;
	width:100%;
}
.inner {
    max-width: 1423px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.left {
    float: left;
    margin: 0;
    padding: 0;
}
#footer .copy {
    padding-left: 60px;
    /*background: url(../images/logo-www.svg) no-repeat;*/
    background-size: 53px 14px;
}
/*video*/
.section {
   /* overflow: hidden;*/
    position: relative;
    width: 100%;
	float:left;
}
.section-hero {
    background-color: #0e0e0e;
}
.section-about, .section-hero, .section-joinus, .section__centered-header {
    text-align: center;
}
.section__content {
    position: relative;
    /*width: 100%;
    height: 100%;*/
}
.section__content {
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
   
    /*background-color: rgba(81, 90, 136, 0.9);*/
}
.section__background {
    position: relative;
    background-size: 100% 100%;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
video {
    object-fit: contain;
}

.upcaptcha{
	cursor:pointer;
	width:24px;
	height:24px;
	float:left;
	background-image: url("./images/refresh.png");
	margin:27px;
}

.scaptcha{
	float:left;
	
}

#validFcap,#validFcap0{
	width:100%;
	overflow:hidden;
	text-align:center;
}

.validate-error{
	
	color:red;
	
}


.emblem{
	margin: 13px 0px 0px !important;
	width: 180px !important;
	height: 40px !important;
	cursor:pointer;
	padding:0;
}

#SumbitD, #DropD, #bottom_xls, #bottom_pdf,#bottom_nstgrid,#bottom_nstolan, #bottom_nstfilter, #export_xls,.export_xls{
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	background-position: center;
	padding: 1px;
	border: none;
	font-size: 11px; cursor: pointer;
	background-color:transparent;
	margin-left:5px;
	float:left;
}

#SumbitD{
	background-image: url("./images/make.png");
}

#DropD{
	background-image: url("./images/clear.png");
}

#export_xls{
	background-image: url("./images/xls.bmp");
}

#export_xls2{
	background-image: url("./images/excel2.png");
}



#bottom_xls{
	background-image: url("./images/print.png");
}

#bottom_pdf{
	background-image: url("./images/pdf.png");
}

#bottom_nstolan{
	background-image: url("./images/lkp.png");
}

#bottom_nstgrid{
	background-image: url("./images/ntabl.png");
}

#bottom_nstfilter
{
	background-image: url("./images/magnifier-plus.png");
	
}


.ngfun3{
	background-color:lightgray;
	color:#666666;
}

.data_empty, #blind{
    text-align: center;
    font-size: 22px;
    color: #B5AFAF;
    /*font-family: helvetica_neue_lt_cyril77BdCn, Arial, Helvetica, sans-serif;*/
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
    width:100%;
    padding:30px 0;
	margin-top:221px
}

#menu_show_button, #menu_show_button2{
	width: 24px;
	height: 24px;
	float: left;
	
	background-image: url("./images/main.png");
	cursor: pointer;
	background-position: center;
	height: 60px;
	background-repeat: no-repeat;
	margin-left: 5px;
}

#menu_action_container{
	float:left;
	overflow:hidden;
}

#menu_show_button2, #menu_action_container{
	display: none;
}



.super_hide, #blind{
	display:none;
}


#entrance_div1{
	width:65%;
	border-top: 1px solid #d2d6d5; 
	overflow: hidden; 
	float: left;
	
}

#entrance_div2{
	width:35%;
	border-top: 1px solid #d2d6d5; 
	float: right;
	
}

.some{
	height:60px;
}

.logo2{
	margin-top:10px;
}

#fixhead, #fixstring, #fixmenu{
	position:fixed !important;
}

#fixhead{
	/*top: 48px;*/
	top: 41px;
	margin-top: 0px;
}

#fixmenu{
	/*top: 109px;*/
	top: 102px;
}


#head1a, #head2a{
	
	position:fixed;
	margin-top:167px;
	overflow-x:hidden;
	
}

#head1a{
	width: calc( 40% - 13px );
	overflow-y: scroll;
}




#head2a{
	width: calc(60% + 30px );
	margin-left: calc( 40% - 30px );
}


.divorg_d{
    float: left;
    overflow: hidden;
    border-right: 1px solid #D2D6D5;
    padding-right: 5px;
    padding-left: 5px;
}
.divlogin{
    float: left;
    overflow: hidden;
    border-right: 1px solid #D2D6D5;
    padding-right: 10px;
    padding-left: 10px;
    height: 15px;
    line-height: 12px;
    margin-top: 13px;
}
@media screen and (max-width:1200px){
	#header nav{
		height:auto;
	}
	#header nav ul{
		float:left;
	}
	
	#entrance_div4
{
	display:block;
}
	
	
	video, #imagefill
	{
		margin-top:140px !important;
	}
	
	
	#entrance_div1,#entrance_div2{
		width:100%;
	}
	
	#menu_show_button2{
		display:block;
	}
	
	#menu2{
		display:none;
	}
	
	 #header2 nav .logo2{
		float:right;
		margin-left:0;
	}
	
	#menu2 li{
		
		border: 1px solid #d2d6d5;
	}
	
	#fixhead{
		top:42px;
	}
	
	
	#head1, #head2, #head1a, #head2a{
		margin-top: 240px;
	}
	
	#left_great_container_a, #right_great_container_a{
		margin-top: 290px;
	}
	
	
	
	
	.box-head{
		margin-top:218px;
	}
	
	.data_empty{
		margin-top:270px;
	}
	
		
	
}

@media screen and (max-width:1100px){
		
	#head1, #head2, #head1a, #head2a{
		margin-top: 230px;
	}
	
	.data_empty{
		margin-top:340px;
	}
	
	
    .box-login{
        margin-top: 190px;
    }
		
	.slogan{
		/*height:66px;*/
        line-height: 30px !important;
	}
	
	#head1, #head2, #head1a, #head2a{
		/*margin-top: 292px;*/
		margin-top: 285px;
	}
	
	#left_great_container_a, #right_great_container_a{
		/*margin-top: 347px;*/
		margin-top: 344px;
	}
	
	#blind{
		/*margin-top: 30%;*/
		margin-top: 0px;
	}
	
	.box-head{
		margin-top:283px;
	}
}










@media screen and (max-width:1035px){
	/*
	#divorg{
		height:auto;
	}
	
	.super_show{
		display:none;
	}
	
	
	#div_bottom,.data_empty{
		display:none;
	}
	
	#blind{
		display:block;
		
	}
	
	#entrance_div1{
		display:none;
	}
	*/
	
		
	
	#head1a, #head2a {
		margin-top: 203px;
	}
	 #left_great_container_a, #right_great_container_a{
		
		margin-top: 258px;
	}
}

@media screen and (max-width:1035px){
	
	
	#head1, #head2, #head1a, #head2a {
		margin-top: 238px;
	}
	#left_great_container_a, #right_great_container_a{
		
		margin-top: 300px;
	}
	
	.container
	{
		padding-left:4% !important;
		margin-top:360px;
	}
	
		
	.gedicht
	{
		width:95%;
		
	}
	
	#entrance_div4
	{
		text-align:center;
	}
	
}

		
@media screen and (max-width:800px), screen and (max-height: 600px){
	
	video, #imagefill
	{
		margin-top:55px !important;
	}
	
	#firsr_sel
	{
		margin-top:5px !important;
	}

	.container
	{
		margin-top:350px !important;
	}
	
	.box-login {
		margin-top: 49px;
	}
	
	#left_great_container_a, #right_great_container_a{
		
		margin-top: 140px;
	}
	
	
	#former .divdate{
		height:auto !important;
	}
	
	#menu_show_button, #menu_filter_button
	{
		height:42px;
		width:42px;
	}
	
	#header nav.main
	{
		height:42px;
		line-height:42px;
	}
	
	#menu2_spec
	{
		margin-top:83px !important;
	}
	
	.div_top_name
	{
		top:83px !important;
	}
	
	
	.logo
	{
		margin-top:5px !important;
	}

	
	#head1, #head2, #head1a, #head2a {
		margin-top: 84px;
	}
	
	.box-head{
		margin-top:315px;
		
	}
	
	
    #header nav.top .slogan {
        line-height: 20px;
        font-size: 10px;
    }
    #header nav.top li.login a{
        font-size: 10px;
    }
    #footer .copy{
        font-size: 10px;
        padding-left: 25px;
    }
    #footer nav.footer {
        padding: 16px 0 10px 0;
    }
    .dlogin {
        font-size: 10px;
    }
    .data_empty, #blind {
        font-size: 14px;
    }
    .headding-title {
        font-size: 20px;
    }
    .box-login .box-form {
        font-size: 12px;
    }
	#menu_action_container, #menu_filter_button{
		display:block !important;
	}
		
	#menu{
		display:none;
	}
	
	#header nav .logo{
		float:right;
		margin-left:0;
	}
	

	.ui-dialog.ui-widget {
		/*height:100% !important;*/
		max-width:calc( 100% - 10px );
	}
	
			
	.men_show
	{
		display: block !important;
		
	}
	#fixmenu{
		top:83px !important;
	}
	
	.container
	{
		margin-top:220px !important;
	}
}

@media screen and (max-width:600px), screen and (max-height: 600px)
{
	
	#firsr_sel
	{
		margin-top:0px !important;
	}
	
	#TimeContainer0
	{
		width:calc( 100% - 120px );
		
	}
	
	
	#TimeContainer1, #TimeContainer2
	{
		float:left;
		margin:10px 0px 6px 0px;
	}
	
	.filter-hidden
	{
		display:none !important;
	}
	
	
	.select_container
	{
		height:auto !important;
	}	
	
	/*#rapset div
	{
		float:left !important;
		position:relative !important;
	}*/
	
	.pages-nav-legend
	{
		margin:20px 0px 20px 0px;
		float:left;
		width:100%;
		overflow:hidden;
		
	}
	
}


@media screen and (max-width:440px)
{
	.grid-page-info
	{
		float: right;
		
		
	}

	.grid-page-viewing-records-info
	{
		float: none;
		position: absolute;
		right: 0px;
		margin-top: 37px;
	}
	
	
	
	.pages-nav
	{
		padding-left:5px;
	}
}

@media screen and (max-width:340px)
{
	.calendar
	{
		margin-right:10px;
	}
	
	.select_container
	{
		width:310px;
		text-align:right;
	}
	
	#DiapazonContainer
	{
		margin:0px !importnat;
		float:left;
		width:100%;
	}
		
	.divdate
	{
		float:right;
	}
	
}



.hist_displayer,.jpg_displayer{
    margin:auto;
	cursor:pointer;
}

.hist_displayer img{
    width:100%;
    max-width:24px;
}

.hist_displayer:hover{
    background-color:rgba(72, 166, 166, 0.45);
}

.jpg_displayer img{
	width:100%;
	max-width:24px;
}

.jpg_displayer:hover{
	background-color:rgba(72, 166, 166, 0.45);
}

.vzv_c{
	float:left;
	width:100%;
	height:100%;
	overflow:hidden;
}

.vzv_c img{
	
	float:left;
	max-height: 100%;
	max-width: 100%;
}

.jpg_1st_level{
	width:100%;
	float:left;
}

.jpg_2_level{
	width:50%;
	height:100%;
	float:left;
	overflow:hidden;
}



.wz_but{
	float:left;
	padding:5px;
	cursor:pointer;
}

#wz2{
	display:none;
}

.c_wr{
	background-color:#DCDCDC;
}

.jpg_info_line{
	float:left;
	width:100%;
	margin-top:5px;
}

.jpg_1{
	width:170px;
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
	float:left;
}

.jpg_2{
	float:left;
	overflow:hidden;
	width: calc( 100% - 210px );
}

.jnumber{
	margin-top: -1px;
	text-align: right;
}

#progresser{
	display:none;
}

.select_container{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
    font-size: 11px;
}

video{
	/*margin-top: 10%;*/
	margin-top: 5.8%;
	}

#sel_lich, #sel_org, #DateType, #FilterType{
    padding: 3px 3px 3px 3px;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
	width:220px;
}

#left_great_container_a .tr .td, #right_great_container_a .tr .td{
	/*min-width:100px;*/
}

#head1 .tr
{
	overflow:hidden;
	
}

.calendar-box{
	position:fixed;
}

/**********************************************************/
#mainContent {
    min-height: 700px;
    padding-top: 0px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
}
.fs-banner {
    overflow: hidden;
}
.fs-banner {
    width: 100%;
    display: table;
    /*background-color: #222222;*/
    background-color: #FFFFFF;
    color: #cccccc;
    position: relative;
    z-index: 1;
}
.fs-banner__inner {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    position: relative;
    padding-bottom: 2.222rem;
    padding-top: 112px;
}
.container {
    width: 100%;
    padding-left: 50%;
    padding-right: 4%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 430px;
}
.fs-banner .container {
    position: relative;
    z-index: 5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.fs-banner #video-viewport {
    position: absolute;
}
/*.no-touch.video .fs-banner #video-viewport {*/
    /*display: block;*/
/*}*/

.fs-banner #video-viewport {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    transition: opacity 2s;
    -webkit-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s;
    visibility: visible;
    opacity: 1;
}
.fs-banner #imagefill {
    z-index: 1 !important;
    display: none;
}
.fs-banner #imagefill {
    display: block;
    margin-top: 5.8%;
}

#imagefill {
    max-width: 100%;
    height: auto;
}

.fs-banner .video-texture, video {
    display: block;
}
.fs-banner .video-texture {
    position: absolute;
    left: 0;
    top: 0;
   /* display: none;*/
    width: 100%;
    height: 100%;
    min-height: 100%;
    /*background-image: url(/assets/img/video_texture.png);*/
    background-repeat: repeat;
    z-index: 4;
}

.fs-banner video {
    -webkit-transform: translatez(0);
    transform: translatez(0);
    /*display: none;*/
    width: 100%;
    height: 100%;
}

video {
    object-fit: contain;
	position:absolute;
}

.fs-banner h1 {
    line-height: 1.3;
    color: #000000;
    margin-top: 0;
    /*padding-bottom: 1.389rem;*/
    font-size: 22px;
    max-width: 850px;
    position: relative;
    transition: -webkit-transform 1.6s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1s;
    transition: transform 1.6s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1s;
    -webkit-transform: translateY(40px) translateZ(0);
    transform: translateY(40px) translateZ(0);
    transition-delay: .4s;
    opacity: 0;
}

.fs-banner h1.revealed {
    -webkit-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0);
    opacity: 1;
}

.fs-banner p {
    line-height: 1.3;
    color: #000000;
}

video, #imagefill
{
	max-width:1780px;
	width:100%;
	height:auto;
}

#menu2_spec
{
	position:fixed;
	display:none;
	
	overflow:hidden;
	margin-top:62px;
	
	z-index:60;
	background-color: #DCDCDC;
}

#menu2_spec a
{
	float:left;
	width:200px;
	padding:5px;
	
}

#menu2_spec a:hover
{
	background: #FFF;
	transition: background-color 1000ms cubic-bezier(0.345, 0.005, 0.07, 1);
}

.jpg_2_level img
{
	max-width:100%;
}

.FormTab
{
	float:left;
	overflow:hidden;
}
		
		
.SprContainer
{
	float:left;
	width:490px;
	margin-bottom:1px;
	height:22px;
	overflow: hidden;
}
		
.PDCContainer
{
	float:left;
	width:100%;
	margin-bottom:1px;
}
				
.CaptContainer
{
	width:calc( 40% - 54px );
	float:left;
}
		
.ShifrContainer
{
	width:50px;
	float:left;
	overflow:hidden;
	background-color:#FFFFDE;
	border:1px solid #646464;
	height:20px;
	padding: 0px 1px 0px 1px;
	text-align:right;
}
		
.NamenContainer
{
	width: calc( 60% - 5px );
	overflow:hidden;
	float:left;
	margin-left:1px;
	background-color:#FFFFDE;
	border:1px solid #646464;
	height:20px;
	padding: 0px 1px 0px 1px;
}
		
.valCont
{
	overflow:hidden;
	float:left;
	background-color:#FFFFDE;
	border:1px solid #646464;
	height:20px;
	padding: 0px 1px 0px 1px;
}
				
.ValContainer
{
	float:left;
	overflow:hidden;
	margin-bottom:1px;
	height:22px;
}
		
.ValContainer div
{
	float:left;	
}
		
.avtoBlock
{
	width:calc( 100% - 16px );
	border:1px solid #646464;
	float:left;
	padding:5px;
	margin-bottom:1px;
}

.avtoLbl
{
	float:left;
	width:70px;
	text-align:center;
	margin-left:1px;
}

.PGButton
{
	float:left;
	color:blue;
	font-weight:bold;
	border:1px solid #646464;
	cursor:pointer;
	font-size:14px;
	background-color:#f0f0f0;
	padding: 2px;
	width:150px;
	text-align:center;
}
		
.WeightHeader
{
	width:100%;
	float:left;
	color:#008000;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	margin-top:10px;
}
		
#MissingTablesContainer
{
	width:100%;
	float:left;
	color:red;
	font-weight:bold;
	font-size:14;
}

.VNNContainer
{
	width:110px;
	float:right;
	border:1px solid black;
}

.VNNContainer div
{
	float:left;
	height:15px;
	width:100%;
	font-size:10px;
	text-align:center;
}

.RedoEnabler
{
	background-color:#CFCFCF;
	cursor:pointer;
}

.RedoEditEnabler
{
	background-color:#D8F5F5 !important;
}

#RedoElementContainer
{
	width:678px;
	height:577px;
	float:left;
	overflow:hidden;
}

#RedoStartBut
{
	background: url(./images/edit16.png) no-repeat 0 0 #FFFFFF;
    width: 16px;
    height: 16px;
	margin:2px;
    cursor: pointer;
	display:none;
	position:absolute;
}

#RedoStartContainerBut
{
	background: url(./images/editrow.png) no-repeat 0 0 #FFFFFF;
    width: 16px;
    height: 16px;
	margin:2px;
    cursor: pointer;
	display:none;
	position:absolute;
}

#DeleBut
{
	background: url(./images/del.png) no-repeat 0 0 #FFFFFF;
    width: 16px;
    height: 16px;
	margin:2px;
    cursor: pointer;
	display:none;
	position:absolute;
}

#RedoStartContainerBut.RedoStarted
{
	background: url(./images/editrow16b.png) no-repeat 0 0 #FFFFFF;
}





.RedoValue
{
	width:100%;
}

#BackBut, #SaveBut
{
	cursor:pointer;
}

#BackBut img, #SaveBut img
{
	width:32px;
	height:32px;
}

.EditLine
{
	width:100%;
	float:left;
	overflow:hidden;
}

.EditCapt
{
	float:left;
	width:200px;
}

.EditValCont
{
	float:left;
	width:400px;
	overflow:hidden;
}

.EditValCont input
{
	width: calc( 100% - 8px );
}

.EditValCont select
{
	width:100%;
}

.UnitContainer
{
	float:left;
	overflow:hidden;
}

.drag-sort-active
{
	outline:1px solid red;
}

.VisibleUnit.DraggableContainer 
{
	display:block;
}


.HiddenUnit.DraggableContainer
{
	display:none;
}

.HiddenUnit.DraggableContainer.RedoEnabler
{
	display:block !important;
	opacity:0.5;
}