
 
body {
   font-family: arial;
   font: 1em sans-serif;
   color: #1b3a51;
   text-align: center;
   background-color: #fff;
}


.main-header {   
    min-height: 120px; 

}

.main-header .container {   
    min-width: 1400px;	
}
.main-navigation__link {   
    line-height: 40px;   
}


.paginator_wrapper {
	max-width: 1400px;
	display: flex;
	justify-content: flex-end;
	padding: 17px 30px;
	width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


.table-title {
    max-width: 1400px;
    padding: 0;
    margin: 0 auto 80px auto;

}
.table-title--min {  
    margin-bottom: 40px;
}

.table-title--h3 {  
    margin-top: 40px;
    margin-bottom: 10px;
	font-size: 20px;
}



.table__header {
    padding: 10px 0;
	text-align:center;
}

.table__data {
     padding: 5px 0;
}

.table__footer {
	height: 16px;	
}

.button {  
    font-size: 16px;
	border-radius: 10px;
}

.button--max { padding: 8px 15px; margin: 20px;}

.button--min {
    padding: 8px 15px;
	min-width: 100px;
}



.filter__form-button {
  margin-top: 0;
}

.filter-form__list-item:nth-last-child(2) {
    margin-right: 16px;
}

.filter__form-label {  
    text-align: center;
}



.no_data {
	height : 100px;
	vertical-align: middle;
}

.table-wrapper-session {max-width:700px;  margin-left: auto;   margin-right: auto;}


.table tfoot .table__data { border-top: solid 1px  var(--border-gray); }


.table_sep { margin-bottom: 20px;}

.buttom_separator60 { margin-bottom: 60px;}



.table__footer-noborder .table__data{ border:none; }


.table__row--sess .table__data:last-child {  padding:0px;}
.table__row--sess .table__data:first-child {  padding:0px;}



.table__data--sess {  text-align: left;  padding: 15px; }

.table__data--img_dt { width: 160px; text-align: center; padding:0px;  }


.table__data--img_crop {width:250px;}
.table__data--img_crop a { height: 150px; display:block;  border: solid 1px #f0f0f0; width:auto; }
.table__data--img_crop a:hover {   border: solid 1px #ffc2a1; }
.table__data--img_crop img { height: 100%; }

.table__data--img_num img { height: 40px; max-width:225px;  margin-bottom: 20px;  border: solid 1px #f0f0f0; }










 .table__data--img_num .format_num {
   min-width: 100px;
   color: #000; 
   font-weight: 500;
   border: solid 1px #000;
   padding: 8px 9px;
   background-color: #fff;
   display: inline-block;
   border-radius: 3px;
 }
 

 .table__data--img_num .format_num:hover {
   border-color: orange;
   color: black;
 }

 .table__data--img_num .format_num .num_main {
   min-width: 65px;
   display: inline-block;
   font-size: 24px;
   vertical-align:middle
 }

 .table__data--img_num .format_num .num_main .digit {
   font-size: 28px;
   padding: 0 4px;
 }

 .table__data--img_num .format_num .reg {
   vertical-align:middle;
   text-align: center;
   font-size: 26px;
   display: inline;
   width: 48px;
   margin-left: 6px;
   padding-left: 8px;
   border-left: solid 1px #000;
   height: 28px;
   padding-top: 3px;
   padding-bottom: 3px;
 }





input[type=text].gos_num_input {
	text-align: center;
    max-width: 160px;
    margin-right: 190px;
    font-size: 20px;
    background-color: #fff;
    border-color: #000;
}

.main-navigation__list-item {
    margin-right: 45px;
}


/*---------------------------*/






 .win {
   text-align: center;
   z-index: 950;
   background-color: #f7f7f7;
   border: 1px solid #B9B9B9;
   color: #333;
   display: none;
   left: 0px;
   margin: -150px auto;
   padding: 10px;
   position: fixed;
   right: 0px;
   top: 40%;
   width: 500px;
   -webkit-box-shadow: #D9DCDF 1px 1px 5px;
   -moz-box-shadow: #D9DCDF 1px 1px 5px;
   box-shadow: #D9DCDF 1px 1px 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
 }

 .win h2 {
   margin-top: 0;
 }

 .win .fileds {
   width: 300px;
   text-align: left;
   margin: auto;
 }

 .win .fileds input {
   width: 100%;
   margin: 3px 0 10px 0;
 }

 .win .fileds select {
   width: 100%;
   margin: 3px 0 10px 0;
 }

 .win .fileds select.mini {
   width: auto;
   margin: 3px 0 10px 0;
 }

 .win .fileds textarea {
   width: 100%;
   height: 100px;
 }

 .win .btn input {
   width: 100px;
 }

 .win td div {
   max-height: 200px;
   overflow-y: auto;
   text-overflow: ellipsis;
   white-space: nowrap;
 }


 input[type=text],
 input[type=password] {
   background-color: #f5f5f7;
   border: solid 1px #e9e9ec;
   border-radius: 8px;
   padding: 7px;
 }

 /*.btn, 
input[type=submit], 
input[type=button] 
{ border-radius: 10px; background-color:#eb7c42; color:#fff; padding: 10px; border:none;}
*/


 .login input {}


 .curtain {
   z-index: 900;
   position: fixed;
   top: 0;
   height: 100%;
   width: 100%;
   background-color: #fff;
   filter: alpha(opacity=80);
   opacity: 0.8;
   display: none;
 }


 .allow td {}

 .allow_num td {
   background-color: #eaffe5;
 }
 .allow_num  {
   background-color: #eaffe5;
 }
 
 

 .deny td {
   background-color: #ffefef;
 }

 .sep td {
   border-left: none;
   border-right: none;
   height: 20px;
 }



 .main {
   margin-left: auto;
   margin-right: auto;
   display: table;
 }

 .rules_empty {
   margin-top: -30px;
   margin-left: auto;
   margin-right: auto;
   display: table;
   display: none;
 }

 .rules_empty div {
   font-size: 0.4em;
   padding: 15px;
   border: solid 2px red;
   color: red;
   border-radius: 10px;
 }

 .rules_empty .arr {
   font-size: 5em;
   color: red;
 }




 .warn {
   background-color: #ffdfdf;
   outline-color: #ff3434;
 }

 .input_change,
 .input_change[type=text],
 .input_change[type=password]
 {
   background-color: #fffec1;
 }

 .input_err {
   background-color: #ffdfdf;
   outline-color: #ff3434;
 }


 .menu {
   border-bottom: solid 1px #acc2c5;
   padding-bottom: 10px;
   margin-bottom: 20px;
   text-align: center;
 }

 .menu a {
   margin: 0 20px;
 }

 .menu form {
   float: right;
   margin: 0 20px;
   right: 0;
 }

 .menu_activ {
   color: #4a4343;
 }


 .sub_menu {
   border-bottom: solid 1px #f3f3f3;
   padding-bottom: 10px;
   margin-bottom: 20px;
   text-align: center;
   display: inline-block;
 }

 .sub_menu a {
   margin: 0 20px;
 }



 a {
   font-size: 16px;
   color: #813b08;
 }

 a.m_activ {
   font-weight: bold;
   color: #ff8f00;
 }

 a:hover {
   color: black;
 }

 a.numlink {
   text-decoration: none;
 }

 .link {
   font-size: 16px;
   color: #813b08;
   text-decoration: underline;
   cursor: pointer;
 }

 .link:hover {
   color: black;
 }

 .hidden_element {
   display: none;
 }

 .login {
   margin-top: 5%;
 }

 .login td {
   border: none;
   padding: 6px;
 }

 .login tr:hover {
   background-color: transparent;
 }

 .login h2 {
   color: red;
 }

 .line_through {
   text-decoration: line-through;
 }

 /*
.filtr {padding-left: 15px; border: solid 1px #999; margin: 0px; padding: 25px; }
.filtr input {margin: 0 10px; height: 22px; }
.filtr select {margin-right: 50px; height: 22px;}
*/

 .open_btn {
   width: 200px;
   height: 50px;
   font-size: 24px;
 }



 .pointer {
   cursor: pointer;
 }

 .filtr {
   text-align: center;
   background-color: #fff;
   margin: 10px auto;
 }

 .filtr .filtr_head {
   background-color: #5b5b5b;
   margin: 0px;
   color: #fff;
   padding: 2px;
   font-weight: bold;
 }

 .filtr .filtr_content {
   border: solid 1px #cacaca;
   padding: 5px;
 }

 .filtr .slide_div {
   margin-top: 15px;
   cursor: pointer;
   padding-left: 20px;
   background: url("../images/open1.gif") no-repeat 0 50%;
 }

 .filtr h3 {
   font-size: 14px;
   margin-top: 0px;
 }

 .filtr h3.open {
   background: url("../images/close1.gif") no-repeat 0 50%;
 }

 .filtr .multiselect_box,
 .filtr .multi {
   background-color: #fff;
   border: solid 1px #D9D9D9;
 }

 .filtr label {
   display: inline;
   margin: 3px 0;
 }

 .filtr input {
   margin: 0 5px 0 0;
 }

 .filtr .multiselect_box {
   overflow: auto;
   height: 200px;
   overflow-x: hidden;
   padding: 3px;
 }

 .filtr .filtr_btn {
   margin: 15px;
 }

 .filtr .one_column {
   width: 90%;
   margin: 0 auto;
 }

 .filtr .one_column1 td {
   width: auto;
   padding: 2px 5px;
   background-color: #fff;
 }











 h1 {
   font-size: 16px;
   margin: 0 0 1.5em;
   text-align: center;
 }

 h2 {
   font-size: 14px;
   margin: 1.4em 0 0.5em;
   text-align: center;
 }

/*



 th {
   color: #fff;
   font-size: 14px;
   font-weight: normal;
   border: solid 1px;
   background-color: #5b5b5b;
   padding: 2px 10px;
 }

 .activ th {
   background-color: #9fe08a;
 }

 .total th {
   background-color: #558598;
 }

 .block th {
   background-color: #8c6b6b;
 }


 td {
   text-align: center;
   border: solid 1px #cacaca;
   padding: 2px 10px;
 }


 td span.ses {
   margin-left: 20px;
   font-size: 12px;
 }

 td img {
   cursor: pointer;
 }

 table {
   border-collapse: collapse;
   margin-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
 }

 tr:hover {
   background-color: #fff7f4;
 }


 .format_num {
   min-width: 100px;
   color: #838383;
   font-weight: bold;
   border: solid 1px #838383;
   padding: 2px 5px;
   background-color: #fff;
   display: inline-block;
   border-radius: 3px;
 }

 .format_num:hover {
   border-color: black;
   color: black;
 }

 .format_num .num_main {
   min-width: 65px;
   display: inline-block;
   font-size: 14px;
 }

 .format_num .num_main .digit {
   font-size: 16px;
   padding: 0 2px;
 }

 .format_num .reg {
   text-align: center;
   font-size: 16px;
   display: inline-block;
   width: 26px;
   margin-left: 4px;
   padding-left: 4px;
   border-left: solid 1px #838383;
 }
*/

 .num_sess_unknown .format_num {
   border: solid 1px red;
   /*background-color: #fff5f5;*/
 }


 .num {
   text-align: center;
   padding: 5px;
   font-size: 16px;
   color: #6d6d6d;
   font-weight: bold;
 }

 .num_debug {
   text-align: center;
   padding: 0;
 }

 .num_debug table {
   margin: 5px 0;
 }

 .num_debug table td {
   color: #999;
 }

 .num_debug .letter {
   font-weight: bold;
   font-size: 16px;
   color: black;
 }







 .t_600 {
   width: 600px;
   margin-left: auto;
   margin-right: auto;
 }

 .tsep td {
   border-left: none;
   border-right: none;
   height: 25px;
 }


 .t2 td {
   text-align: left;
   padding: 3px 5px;
 }

 .t2 tr:hover {
   background-color: transparent;
 }

 .t2 .t_save {
   text-align: center;
   padding: 5px 0;
 }






 .btn {
   margin: 0 10px;
 }

 .bar {
   width: 100%;
   border: solid 1px #cacaca;
 }

 .bar>div {
   background-color: #2196F3;
   height: 8px;
 }


 @media screen and (max-width:1800px) {
   .content_index {
     width: 100%;
     min-width: 1100px;
   }

   .cacti {
     padding: 0px 5px;
     float: none;
   }

   .cacti>div {
     width: auto;
     float: left;
     margin: 0 0 20px 20px;
   }

 }


 @media only screen and (max-width: 700px) {
   body {
     background-size: 100%;
     margin: auto;
   }

   .main {
     width: 94%;
     min-width: 94%;
     margin: auto;
     padding: 0;
     border: none;
   }

   .contact {
     width: 100%;
     margin: 0;
     padding: 20px 0;
   }

   iframe {
     width: 90%;
     height: 260px;
   }

   .index {
     width: 100%;
   }

   .win {
     width: 94%;
     padding: 0.5em;
     margin-top: -120px
   }

   .logo img {
     width: 80%;
   }

   .no_display {
     display: none;
   }

   .menu a {
     display: block;
     font-size: 22px;
     margin: 0;
     padding: 3px;
   }

   .menu {
     text-align: left;
     padding: 10px;
   }

   .menu span {
     display: none;
   }


   .index span {
     font-size: 18px;
   }

   .t_reg {
     font-size: 1em;
   }

   .t_reg td {
     padding: 8px 2px;
     white-space: nowrap;
   }

   .foto img {
     width: 85%;
     margin: 10px;
     border: solid 1px #acc2c5;
   }


   .user_dt {
     min-width: 5.5em;
   }

   td {
     padding: 0.2em;
   }

   th {
     padding: auto 0.4em;
   }


   .inout {
     width: 2em;
     filter: invert(100%);
   }

   .in_out {
     width: 2em;
   }

 }