* {
    margin: 0;
    padding: 0;
   }

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
/*    padding:0;
    margin:0;
    margin-left: 0px;
    margin-right: 0px;*/
}

/*a {
  text-decoration: none;
}*/

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
/*  margin-top: -10px;
  margin-right: -20px;
  margin-bottom: -20px;
  margin-left: -10px;*/
/*	background: radial-gradient(farthest-corner at 1000px 350px, #5e97ff, #0f3474, #000000);*/
/*  background: #252525;*/
/*  background-attachment: cover;*/
/*  background-repeat: no-repeat;*/
}

.header {
  flex: 0 0 300px;
/*  height:300px;*/
  background: #252525;
  background-image: url(../images/content/header.jpg);
/*  background-position: top left 200px;*/
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: auto 300px, contain;
}

.content{
  flex: 1 0 auto;
/*    position: relative;
    background: #252525;
/*    border: solid 1px black;
    margin-left: 0px;
    margin-bottom: 5px;*/
  min-height: calc(100vh - 320px);
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch;
}

.footer {
  flex: 0 0 20px;
/*  height:20px;*/
  background: #252525; 
/*  border: solid 1px black;*/
/*  padding:3px 0;*/
  width:100%;
/*  position: relative;*/
/*  bottom: 0px;*/
}

/* ******* header ******* */

.header-logo {
    position: fixed;
    width: 400px;
    height: 250px;
    left: 0px; /* Положение от левого края окна */ 
    top: 0px; /* Положение от верхнего края окна */
    margin-left: -200px; /* внешний левый отступ отрицательного значения */
    padding-left: 200px; /* внутренне левое поле */
/*    background: #252525;*/
    z-index: 100;
}

.logo_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navigation {
    width: 100%;
    height: 51px;
    background-color: #252525;
    position: fixed;
/*    margin-left: 0px;*/
  margin-left: 200px;
    z-index: 100;
}

.menu {
	display: table;
/*	display: inline-block;*/
	margin: 0 auto;
	position: fixed;
/*	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0%);*/
 }
 
.menu a {
    display: block;
    text-decoration: none;
    outline: none;
    transition: .3s ease-in-out;
    text-align: center;
}

/*.menu > ul {*/
.topmenu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.topmenu:after {
  content: "";
  display: inline-block;
  clear: both;
}
.topmenu > li {
/*  width: 14.285%;*/
  background-color: #252525;
  float: left;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.topmenu > li > a {
/*  text-transform: uppercase;*/
  font-size: 16px;
  font-weight: bold;
  color: white;
/*  padding: 8px 16px;*/
  padding: 8px 16px 8px 0px;
  text-decoration: none;
}
.topmenu li a:hover { color: #5e97ff; }
/*.submenu-link:after {
  content: "\f107";
  font-family: "FontAwesome";
  color: inherit;
  margin-left: 10px;
}*/
.submenu {
/*  background: white;*/
  position: absolute;
/*  background-color: white;*/
  background-color: #252525;
  left: 0;
  top: 100%;
  z-index: 5;
  width: 200px;
/*  min-width: 160px;*/
  opacity: 0;
  transform: scaleY(1);
  transform-origin: 0 0;
  transition: .5s ease-in-out;
  box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2);  
  padding-left: 0px;
  margin-left: 8px;
}

.submenu li {
 /* list-style-type: none;*/
  list-style: none;
  width: 200px;
}
.submenu a {
  color: white;
  text-align: left;
  padding: 8px 16px;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.2);
}
.submenu li a:hover {
  color: #5e97ff;
}
/*.submenu li:last-child a { border-bottom: none; }*/

.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}

.orgname {
/*  display:flex;
  flex-direction: column;*/
  left: 200px;
  top: 50px;
/*  z-index: 5;*/
  width: 470px;
  position: relative;
/*  line-height: 1.5;*/
/*  justify-content: space-between;*/
}


.nmoo{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
/*  justify-content: space-between;*/
}

.nmoo.oo{
  font-size: 18px;
  font-weight: bold;
  color: #5e97ff;
  letter-spacing: 0.45em;
  word-spacing: 1.43em;
}

.nmoo.ppo {
  font-size: 20px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.01em;
  word-spacing: 0.1em;
}

.nmoo.sao{
  font-size: 18px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.048em;
  word-spacing: 0.5em;
}

.nmoo.pran{
  font-size: 14px;
  font-weight: bold;
  color: #5e97ff;
}

/*.nmoo > span { flex: 0 0 auto; }*/
.nmoo::after, .nmoo::before {
content: none;
}

/* ******* content ******* */

.content p{
    padding: 3px;
}

.lcont {
  flex: 0 0 200px;
/*  border-left: solid;*/
  background: #252525;
/*  width: 200px;*/
/*  height: 100%;*/
/*  min-height: 400px;*/
/*   height: calc(100vh - 320px);*/
}

.lcont_a {
  flex: 0 0 200px;
/*  border-left: solid;*/
/*  background: #252525;*/
/*  width: 200px;*/
/*  height: 100%;*/
/*  min-height: 400px;*/
/*   height: calc(100vh - 320px);*/
}

.rcont_a {
  flex: 1 0 auto;
  flex-direction: column;
  height: 100%;
  width: calc(100vh - 200px);
/*  min-height: 400px;*/
/*  margin-left: 200px;*/
/*  margin-bottom: 5px;*/
/*  height: calc(100vh - 320px);*/
}

.rcont {
  flex: 1 0 auto;
  flex-direction: column;
  height: 100%;
  width: calc(100vh - 200px);
/*  min-height: 400px;*/
/*  margin-left: 200px;*/
/*  margin-bottom: 5px;*/
/*  height: calc(100vh - 320px);*/
}

.sidebar{
    position: absolute;
    width: 200px;
    left: 0px; /* Положение от левого края окна */ 
    top: 300px; /* Положение от верхнего края окна */
    margin-left: -200px; /* внешний левый отступ отрицательного значения */
    padding-left: 200px; /* внутренне левое поле */
}

.menuadm{
    position: absolute;
    width: 200px;
    left: 0px; /* Положение от левого края окна */ 
    top: 0px; /* Положение от верхнего края окна */
    margin-left: -200px; /* внешний левый отступ отрицательного значения */
    padding-left: 200px; /* внутренне левое поле */
}

.headcontent{
/*	position: relative;*/
/*    background: linear-gradient(to right, #5e97ff, #0f3474, #252525);*/
  flex: 0 0 50px;
  background: #5e97ff;
  margin-left: 0px;
/*    height: 50px;*/
}

.headcontent h2{
  color:white;
  font-size:14pt;
  font-weight:bold;
  text-transform:uppercase;
  line-height:150%;
  margin-left:20px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration: none;
}

.headcontent a{
  color:white;
  text-decoration: none;
}

.headcontent a:hover{
    color: #252525;
}

.bodycontent{
  flex: 1 0 auto;
/*	position: relative;*/
    background: white;
    margin-left: 0px;
    padding: 20px 50px 20px 50px;
    
}

.bodycontent a{
    text-decoration: none;
    color: black;
}

.bodycontent a:hover{
    color: #5e97ff;
}

.newside{
/*	position: relative;*/
/*    background: linear-gradient(to right, #5e97ff, #0f3474, #252525);*/
/*  flex: 0 0 50px;*/
    background: white;
/*    margin-left: 0px;*/
/*    height: 100px;*/
    width: 160px;
    margin: 10px;
    padding: 0px 10px 10px 10px;
/*  padding: 10px;*/
    font-size: 10pt;
    text-align: justify;
/*    border: thick double  #5e97ff;*/
}

/*.newscontent{
/*	position: relative;*/
/*    background: linear-gradient(to right, #5e97ff, #0f3474, #252525);*/
/*  flex: 0 0 50px;*/
/*  background: #5e97ff;
/*    margin-left: 0px;*/
/*    height: 50px;*/
/*}*/

.newshead{
/*	position: relative;*/
/*    background: linear-gradient(to right, #5e97ff, #0f3474, #252525);*/
/*  flex: 0 0 50px;*/
/*  background: #5e97ff;
  
/*    margin-left: 0px;*/
/*    height: 50px;*/
/*text-indent: 20px;*/
  background: #5e97ff;
  text-align: center;
  margin: 0px -10px 0px -10px;
  
}

.newshead h3 {
  color:white;
  font-size:12pt;
  font-weight:bold;
  text-transform:uppercase;
  line-height:150%;
/*  margin-left:20px;*/
  margin-top:0px;
  margin-bottom:0px;
  padding-top:5px;
  padding-bottom:5px;
}
/*
.newsbody {
/*  flex: 1 0 auto;*/
/*	position: relative;*/
/*    background: white;
    margin-left: 0px;
    padding: 5px 10px 5px 10px;
}*/

.newsideimg {
    width: 100px;
/*    height: 100px;*/
    left: 50%;
    position: relative;
    margin-right: -50%;
    transform: translate(-50%, 0%);
}

.newsimg {
    width: 100px;
/*    height: 100px;*/
}

.newside a{
  color: black;
  text-decoration: none;
  text-indent: 20px;

}

.newsdesc {

}

.newsdate {

}

table {
  font-size: 14px;
  background: white;
  max-width: 70%;
  width: 70%;
  border-collapse: collapse;
  text-align: left;
}

th {
  font-weight: bold;
  border-bottom: 2px solid;
  padding: 10px 8px;
}
td {
  padding: 3px 8px;
  transition: .3s linear;
  border-bottom: 1px solid #ccc;
}

td a {
  color: black;
  text-decoration: none;
}

tr:hover td {
  color: #6699ff;
}

tr:hover td a {
  color: #6699ff;
}

.requis {
  font-size: 14px;
  background: white;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.requis td{
  padding: 3px 8px;
  border: none;
}

.requis tr:hover td{
  color: black;
}

.requis tr:hover td a{
  color: black;
}


/*.ust-nav
{
    list-style: none;
}

.ust-link
{
  font-size: 12pt;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 150%;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}*/

.ust-nav {
    margin: 1% 1%;
}

.ust-link {
    display: none;
}
.ust-link + label ~ .info{
    display: none;
}
/* оформляем текст label */
.ust-link + label {
  font-size: 12pt;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 150%;
/*    border-bottom: 1px dotted green;*/
    padding: 0;
    color: black;
    cursor: pointer;
    display: inline-block; 
}

.ust-link:hover + label {
    color: #5e97ff;
}



/* вид текста label при активном переключателе */
.ust-link:checked + label {
    color: #5e97ff;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.ust-link:checked + label + .info {
    display: block; 
    background: #efefef;
/*    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;*/
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}

/*.doctable {
  display: table;
/*  margin: auto;
  font-size: 14px;
  background: white;
  max-width: 70%;
  width: 70%;
  border-collapse: collapse;
  text-align: left;
}
.docrow {
  display: table-row;
/*  text-decoration: none;
  transition: .3s linear;
  border-bottom: 1px solid #ccc;
  color: black;
}
.doccell {
  display: table-cell;
  transition: .3s linear;
  border-bottom: 1px solid #ccc;
}
.doccell a {
  text-decoration: none;
  color: black;
}

.doccell span {
  padding: 1px; /* this line not really needed 
}

.doccell:hover span {
  color: #6699ff;
}
.doccell:hover a {
  color: #6699ff;
}*/

/*Trigger Button*/
.login-trigger {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  text-align: center;
/*  background: linear-gradient(to bottom right, #B05574, #F87E7B);*/
  background-color: #252525;
/*padding: 3px;*/
 /* border-radius: 30px;*/
/*  position: relative;*/
/*  top: 50%;*/
  position: fixed;
  width: 100px;
/*  height: 25px;*/
    left: 50px; /* Положение от левого края окна */ 
    top: 5px; /* Положение от верхнего края окна */
/*    margin-left: -200px; /* внешний левый отступ отрицательного значения */
/*    padding-left: 200px; /* внутренне левое поле */
/*    z-index: 100;*/
  font-size: 14px;
  text-decoration: none;
}

/*Modal*/
.modal {
    margin: 25px auto;
    padding: 0;
/*    border: 5px solid #ccc;*/
    border-radius: 20px;
/*    width: 400px;*/
    width: 30%;
/*    background: #eee;*/
    background: #5e97ff;
    position: fixed; /* фиксированное положение */
/*    top: 200px;
    left: 500px;*/
    top: 20%;
    left: 20%;
/*   background: rgba(0,0,0,0.5); /* цвет фона */
    z-index: 1050;
    opacity: 1; /* по умолчанию модальное окно прозрачно */
/*    -webkit-transition: opacity 200ms ease-in; */
/*    -moz-transition: opacity 200ms ease-in;*/
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: auto; /* элемент невидим для событий мыши */
    
}

/* при отображении модального окна */
.modal:target {
    opacity: 1; /* делаем окно видимым */
    pointer-events: auto; /* элемент видим для событий мыши */
/*    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 20px;
/*    background: #5e97ff;*/
}
/*@media (min-width: 576px) {
  .modal-dialog {
      max-width: 500px;
      margin: 30px auto; /* для отображения модального окна по центру */
/*  }
}*/

/*h4 {
  font-weight: bold;
/*  color: #fff;*/
/*}*/
.close {
  display: block;
  color: #5e97ff;
  transform: scale(1.2);
  text-align: right;
  width: 90%;
}
.modal-content {
  font-weight: bold;
/*  background: linear-gradient(to bottom right,#F87E7B,#B05574);*/
/*  background: white;*/
  background: #252525;
/*  background: #000;*/
}

.login-form {
  text-align: center;
}

.form-control {
  margin: 1em 0;
/*  margin:auto;
  width:90%;*/
}
.form-control:hover, .form-control:focus {
  box-shadow: none;
  border-color: #fff;
}
.username, .password {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #5e97ff;
  padding-left: 5px;
  font-weight: normal;
  background: transparent;
  color: white;
}
.form-control::-webkit-input-placeholder {
  color: #eee;
}
.form-control:focus::-webkit-input-placeholder {
  font-weight: bold;
  color: #fff;
}
.form-control::-moz-placeholder {
  color: #eee;
}
.form-control:focus::-moz-placeholder {
  font-weight: bold;
  color: #fff;
}

.login {
  align-items: center;
  justify-content: center;
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  border: 2px solid #5e97ff;
  color: #5e97ff;
  font-weight: bold;
  transition: all .5s;
  display: block;
  margin: 0 auto;
  margin-top: 10em;
  height: 13em;
  width: max-content;
}

.login:hover {
  background: #5e97ff;
  color: #fff;
}

.alert {
  color: #f50C0C;
}


/* ******* footer ******* */

.emailaddr {
  width: 100%;
  text-align: center;
/*  margin-bottom:6px;*/
}

.emailaddr > a {
/*  text-transform: uppercase;*/
  font-size: 12px;
  font-weight: bold;
  color: white;
/*  padding: 3px 16px;*/
/*  padding: 8px 16px 8px 0px;*/
  text-decoration: none;
}

.mb-3 {
  margin-bottom: 1rem;
}

.d-flex {
  display: flex;
}

.justify-content-between {
  justify-content: space-between;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  margin-left: auto;
}

.btn-primary-big {
  display: block;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  width: 10em; /* Ширина кнопки */
  height: 5em; /* Высота кнопки */
  margin: 0.1em;
}

.edit_table {
    width: 100%;
/*    display: table;*/
    border-collapse: collapse;
}

#edit_table_caption {
/*display: table-caption;*/
text-align: center;
font-size: 25px;
font-weight: bold;
}

.edit_table_head {
/*display: table-header-group;*/
background-color: lightblue;
font-weight: bold;
font-size: 15px;
}

.edit_table_headcell {
/*display: table-cell;*/
padding: 5px;
text-align: justify;
border-bottom: 1px solid black;
}

.edit_table_content tr:nth-child(even) {
/*    display: table-row-group;*/
/*    border: 2px solid #ccc;*/
/*    font-size: 1.2rem;
    font-weight: 100;
/*    font-family: 'Lato';*/
/*    width: 100%;*/
    background: #f0f0f0; /* Зебра */
}

.edit_table_row {
/*    display: table-row;*/
}

.edit_table_chrow {  /*смещение для child записей*/
/*    display: table-row;*/
    padding-left: 5px;
}

.edit_table_cell {
/*  display: table-cell;*/
/*  text-align: center;*/
  border: none;
 /* border: 1px solid #ccc;*/
/*  vertical-align: middle;
/*  width: 1%;
  max-width: 10px;*/
  padding: 0px;
}

.tabinp1 {
/*  display: table-cell;*/
  text-align: center;
/*  border: none;
/*  border: 1px solid #ccc;*/
  vertical-align: middle;
  width: 40px;
  height: 1.5rem;
/*max-width: 50px;*/
}

.tabinp2 {
/*  display: table-cell;*/
/*  text-align: center;*/
/*  border: none;
/*  border: 1px solid #ccc;*/
/*  vertical-align: middle;*/
  width: 250px;
  height: 1.5rem;
/*  max-width: 50px;*/
}

/*
h1 {
    font-family: 'Passion One';
    font-size: 2rem;
    text-transform: uppercase;
}
label {
    width: 150px;
    display: inline-block;
    text-align: left;
    font-size: 1.5rem;
    font-family: 'Lato';
}
input {
    border: 2px solid #ccc;
    font-size: 1.5rem;
    font-weight: 100;
    font-family: 'Lato';
    padding: 10px;
}
form {
    margin: 25px auto;
    padding: 20px;
    border: 5px solid #ccc;
    width: 500px;
    background: #eee;
}
div.form-element {
    margin: 20px 0;
}
p.success,
p.error {
    color: white;
    font-family: lato;
    background: yellowgreen;
    display: inline-block;
    padding: 2px 10px;
}
p.error {
    background: orangered;
}
*/