body{
    /*overflow-y: hidden;*/
    background: #e0fcff;
    /*background-image: url(../icon/fon_5.jpg);
    background-attachment: fixed;
    background-size: cover;*/
}
/*шапка сайта*/


.page-header{
    
    color: #FFFFFF;
    display:flex;
    width: 100%;
    height: 140px;
    background: #a4d5ff;
    background-image: url(http://www.altaysirius.ru/journal/icon/fon_header2.jpg);
    background-repeat: repeat-x;
    background-size: cover;
    justify-content: space-between;
    align-items: center;
}
.page-header h1 {
    margin: 5px;
    text-shadow: 3px 3px 1px black, 0 0 1em black;
    text-align: center;
    line-height: 90%;
    font-size: 3.0em;
    font-style: italic;
}
.logo{
    margin-left: 20px;
}
.name_tit{
    font-style: oblique;
}
.auth{
    margin: 0px 20px 5px;
    place-self: flex-end;
    background: #00000080;
    border: solid 2px white;
    border-radius: 5px;
    padding: 0 10px;
}

/*форма авторизации*/
.logo_auth{
    margin: 2% auto 0%;
    padding: 0px 13px 0px 13px;
    width: 350px;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
}
.logo_auth img {
    display: block;
    margin: auto;
}
.err_auth{
    text-align: center;
    font-size: 1.2em;
    color: red;
}
.but_auth{
	border: solid 1px #da7c0c;
	background: #f78d1d;
    color: #fff;
	padding: 7px 12px;
	width: 100px;
    border-radius:4px;
	cursor: pointer;
	}
.but_auth:hover{
	background: #f47c20;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.form_auth{
    padding: 25px 16px 25px 10px;
    font-weight: 400;
    overflow: hidden;
    width: 350px;
    height: auto;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
}
.form_auth h1 {
	color: #777;
	text-align: center;
	font-weight: 300;
    border: 1px dashed #777;
    margin-top: 13px;
	}
.form_auth td {
    text-align: center;
}
.form_auth label {
    color: #777;
}
.input_auth {
    background: #fbfbfb;
    font-size: 24px;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}
.p_auth {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}
.cont_auth{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*Меню + контент*/
.menu_cont{
    display:flex;
    justify-content: center;
}

/*левое меню*/
.menu{
    vertical-align: top;
    background-color: #0000001f;
    flex-grow: 1;
    width: 140px;
}
.menu_left {
    display:flex;
    flex-direction: column;
}
.menu_left_a {
    margin: 5px 5px 0px;
    
    transition-duration: 0.4s;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    color: black;
    border: solid 1px black;
    border-radius: 5px;
    padding: 5px;
}

.menu_left_a:hover {
    background-color: #14a0f0;
    color: white;
    box-shadow: 0px 0px 10px 0px #14a0f0;
}
.menu_left_a:active {
    background-color: #0f76dd;
    color: white;
}
.menu_left_active {
    margin: 5px 5px 0px;
    
    transition-duration: 0.4s;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px black;
    border-radius: 5px;
    padding: 5px;
    background-color: #0f76dd;
    color: white;
}
.smenu {
    display:flex;
    flex-direction: column;
}
.submenu {
    display: none;
    flex-direction: column;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left:10%;
}
.smenu:hover .submenu {
    display:flex;
    flex-direction: column;
}
.banner{
    text-align: center;
    border: solid 1px #4a41f4;
    border-radius: 5px;
    margin: 7px;
}
/*центр контент*/
.content{
    vertical-align: top;
    background: #ffffff;
    flex-grow: 10;
    width: 140px;
    padding: 5px;
}
.foot{
    background: #adcfff;
    padding: 1px;
}
/*Journal*/
.jour_page{
    margin: 5px;
}

.jour_page_horiz{
    display: inline-block;
    width: 50%;
    border: solid 1px black;
}
.jour_page_vert{
    display: flex;
}
.jp_tab_left_up{
    width: 100%;
    text-align: left;
}
.jp_click{
    width: 50%;
    display: block;
    text-align: left;
    margin: 2px 0px 2px 2px;
}
.jp_tab_left_down{
    width: 100%;
    border-collapse: collapse;
    border: 2px solid black;
    margin-top: 5px;
}
.jp_tab_left_down td{
    vertical-align: top;
    border: 1px solid grey;
}

.jp_tab_left_down_l {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin-top: 5px;
}
.jp_tab_left_down_l th {
    border: 1px solid black;
}
.jp_tab_left_down_l td {
    border: 1px solid black;
}
.jp_tab_left_down_r {
    width: 1000px;
    border-collapse: collapse;
    border: 1px solid black;
}
.jp_tab_left_down_r th {
    border: 1px solid black;
}
.jp_tab_left_down_r td {
    border: 1px solid black;
    width:50px;
    text-align: center;
}
.scr_tab{
    
    overflow-x: scroll;
}
/*+1*/
.tab_load {

	width: 50%;
	margin: 5px;
	border: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 3px solid #fff;
	border-collapse: collapse; 
	outline: 3px solid #ffd300;
	font-size: 15px;
	background: #fff!important;
	   text-align: center;
	   
}
.tab_load td {
	padding: 7px;
	border: none;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 15px;
	border: 1px solid #dddddd;
	#text-align: left;

}
.tab_load th {
	font-weight: bold;
	padding: 7px;
	background: #00ff0030;
	border: none;
	text-align: left;
	font-size: 15px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #ffd300;
	   text-align: center;
	   border: 1px solid #dddddd;


}


.table {

	width: 99%;
	margin: 5px;
	border: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 3px solid #fff;
	border-collapse: collapse; 
	outline: 3px solid #ffd300;
	font-size: 15px;
	background: #fff!important;
	   text-align: center;
	   
}

.table th {
	font-weight: bold;
	padding: 7px;
	background: #00ff0030;
	border: none;
	text-align: left;
	font-size: 15px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #ffd300;
	   text-align: center;
	   border: 1px solid #dddddd;


}

.table3 th {
  font-weight: bold;
  padding: 2px;
  background: #ffcb0030;
  border: none;
  text-align: left;
  font-size: 15px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #ffd300;
  text-align: left;
  border: 1px solid #dddddd;
}


.table td {
	padding: 7px;
	border: none;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 15px;
	border: 1px solid #dddddd;

}

.table tbody tr:nth-child(even){
	background: #f8f8f8!important;

}

.tab_form {
    width: 80%;
    margin: 5px;
    border: 5px solid #fff;
    border-top: 5px solid #fff;
    border-bottom: 3px solid #fff;
    border-collapse: collapse;
    outline: 3px solid #ffd300;
}
.tab_form td {
   border: 1px solid black;  
}

/*ОТЧЕТЫ*/

      .a4 {
        width: 297mm;   /* ширина */
        #height: 210mm; /* высота */
        padding: 15mm 15mm 15mm 25mm; /* внутренние отступы - верх, право, низ, лево */
        margin: 50px auto;  /* выравнивание по центру */ 
        box-shadow: 10px 10px 20px black; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
        font-family:  "Times New Roman"; /* нужный шрифт */
        font-size: 14pt;
        line-height: 1.5
        
      }


.table555 {
  width: 100%;
  #border: 1px solid #003434;
  border-collapse: collapse;
}
.table555 td {
      #border: 1px solid #003434;
      border-collapse: collapse;
}
.table555 th {
      #border: 1px solid #003434;
      border-collapse: collapse;
}

.table552 {
  width: 100%;
  border: 1px solid #003434;
  border-collapse: collapse;
  text-align: center;
}
.table552 td {
    width: 5mm; 
    border: 1px solid #003434;
    border-collapse: collapse;
    text-align: center;
}
.table552 th {
    width: 5mm; 
      border: 1px solid #003434;
      border-collapse: collapse;
      text-align: center;
}

.table553 {
  width: 100%;
  border: 1px solid #003434;
  border-collapse: collapse;
  text-align: center;
}
.table553 td {
    width: 5mm; 
    border: 1px solid #003434;
    border-collapse: collapse;
    text-align: center;
}
.table553 th {
    width: 5mm; 
      border: 1px solid #003434;
      border-collapse: collapse;
      text-align: center;
}

    
.layout {
  width: 300px;
  #border: 1px solid #003434;
  text-align: center;
  min-height: 100px;
  position: relative;
}
 
.layout img {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/*ОТЧЕТЫ*/

/* Для вертикального текста в таблице*/
  p.vertikal {
    line-height: 0.8;
    writing-mode: vertical-lr;
    transform-origin: center;
    
   }
/* Вертикальный текст в таблице */ 
  p.left {
text-align: left; 
    
   }


/* кнопки из ссылок */ 
.sys_but {
    margin: 5px 5px 0px;
    
    transition-duration: 0.4s;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    color: black;
    border: solid 1px black;
    border-radius: 5px;
    padding: 5px;
}

.sys_but:hover {
    background-color: #14a0f0;
    color: white;
    box-shadow: 0px 0px 10px 0px #14a0f0;
}
.sys_but:active {
    background-color: #0f76dd;
    color: white;
}

/* отображение для таблицы проведения урока(начало конец) */
.contr_less {
    margin: 0px auto;
    box-shadow: 10px 10px 20px black;
    background-color: white;
    border-collapse: collapse;
    text-align: center;
}
.contr_less td {
    padding: 10px;
    width: 250px;
    border: 1px dotted;
}

      .a4_m12 {
        width: 210mm;   /* ширина */
        #height: 297mm; /* высота */
        padding: 15mm 15mm 15mm 25mm; /* внутренние отступы - верх, право, низ, лево */
        margin: 50px auto;  /* выравнивание по центру */ 
        box-shadow: 10px 10px 20px black; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
        font-family:  "Times New Roman"; /* нужный шрифт */
        font-size: 14pt;
        line-height: 1.5
        
      }
      
      
/*  Style table files start   */      

.table_files {
    margin: auto;
	border: 1px solid #eee;
	table-layout: fixed;
	/*width: 100%;*/
	margin-bottom: 20px;

}

.table_files th {
	font-weight: bold;
	padding: 5px;
    background: #efefef;
	border: 1px solid #dddddd;

}

.table_files td{
	padding: 5px 10px;
	border: 1px solid #eee;
	text-align: left;

}

.table_files tbody tr:nth-child(odd){
	background: #fff;

}

.table_files tbody tr:nth-child(even){
	background: #F7F7F7;

}

/*  Style table files end  */      
      
/*  Style table files start small  */      

.table_files_small {
	border: 1px solid #eee;
	table-layout: fixed;
	/*width: 100%;*/
	margin-bottom: 20px;
	font-size: 12px;

}

.table_files_small th {
	font-weight: bold;
	padding: 5px;
    background: #efefef;
	border: 1px solid #dddddd;

}

.table_files_small td{
	padding: 5px 10px;
	border: 1px solid #eee;
	text-align: left;

}

.table_files_small tbody tr:nth-child(odd){
	background: #fff;

}

.table_files_small tbody tr:nth-child(even){
	background: #F7F7F7;

}

/*  Style table files end small  */