/* 0904 - добавлен стиль textlink, гиперссылки снова рыжие 
280421 - для textlink выравнивание по правому краю, новые tooltype, добавлен нижний отступ margin-bottom для таблиц*/   
@font-face {    
    font-family: 'Myriad Pro Regular';  
    src: url('/static/fonts/MyriadPro-Regular.eot');    
    src: url('/static/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/MyriadPro-Regular.woff') format('woff'), 
    url('/static/fonts/MyriadPro-Regular.ttf') format('truetype');  
    font-weight: normal;    
    font-style: normal; 
}   
    
    
body {  
    margin: 0px;    
    color: #151515; 
    font-family: "Myriad Pro Regular", Arial, sans-serif;   
    background-color: #424242;  
    font-size: 12px;    
}   
    
#logo { 
    vertical-align: middle; 
    position: relative; 
    margin-bottom: 4px;                 
}   
    
.path { 
    font-size:12px; 
    color: #424242; 
   /* background:unset;*/   
    display: block; 
    background-color: #FFFFFF;      
    /* color:#FFFFFF;*/ 
    padding-left:150px; 
    padding-top: 2px;   
    padding-bottom: 2px;    
    margin-top:-5px;    
    position: relative; 
   /* position: absolute;*/ 
}   
    
    
h1 {    
    color: #FFFDFA; 
    background-color: #424242;  
    position: static;   
}   
    
    
h1 {    
    font-size: 18px;    
    margin-top: 0px;    
    margin-bottom: 0px; 
    text-align: left;   
    position: relative; 
    line-height: 45px;  
}   
    
h1 span {   
    color: #7395AE; 
}   
    
h2 {    
    color: #FFFDFA; 
    background-color: #354C5D;  
    position: static;   
    padding-left: 12px; 
    padding-top: 3px;   
    padding-bottom: 3px;    
    margin-left: -12px; 
    font-weight: normal;    
    margin-top: 5px;    
    border-top: 10px solid #FFFDFA; 
    text-align: center; 
}   
    
#content {  
    width: 100%;    
 /*   margin-left: 2%;*/    
    margin-bottom: 50px;    
    float: left;    
    text-align: justify;    
      margin-left: auto;    
      margin-right: auto;   
    position: absolute;     
    top: 100px;     
    left: 0px;  
    right: 0px;     
    bottom: 0px;    
    overflow: auto;     
        
}   

* > span.info {
    display: none;
    padding         : 2px 3px; 
    margin-left     : 8px; 
    margin-top      : 20px;
    width           : 130px;
	text-align		: left;
    transition: 1s;
    transition-delay: 1s;
    z-index: 2000; 
}
/*Всплывающая подсказка, название кнопки */
*:hover > span.info {
    display: inline;
    position        : absolute; 
    background      : #F5F3F1; 
    border          : 1px solid #cccccc; 
    color           : #6c6c6c; 
	border-radius: 5px;
	box-shadow: 2px 2px #B0A295;
	padding-left: 10px;    
    
}

span[class^="box"] {    
    border: 1px solid #333; 
    display: inline-block;  
    height: 10px;   
    margin: 2px 1px 2px;    
    vertical-align: middle; 
    width: 10px;    
    position: relative; 
}   
    
span.box1, span.boxgreen {  
    background-color: #00FF00;  
}   
    
span.box0, span.boxred {    
    background-color: #FF0000;  
}   
    
span.box2, span.boxyellow { 
    background-color: #FFFF00;  
}   
    
span.box3, span.boxblack {  
    background-color: #000000;  
}   
    
span.boxbrown { 
    background-color: #CC6600;  
}   
    
span.boxwhite { 
    background-color: #F2F2F2;  
}   
    
span.boxblue {  
    background-color: #0000FF;  
}   
    
span.boxmagneta {   
    background-color: #FF00FF;  
}   
    
span[class^="box"] > span { 
    display: none;  
}   
    
span[class^="box"]:hover > span {   
    display: block; 
    position: absolute; 
    top: 2em;   
    left: 0em;  
    width: 12em;    
    border: 1px solid #333; 
    color: #000;    
    box-shadow: 5px 5px 5px #938E94;    
    z-index: 2000;  
    text-align: center; 
    right: 1px; 
}   
    
span.box1:hover > span, span.boxgreen:hover > span {    
    background-color: #00FF00;  
}   
    
span.box3:hover > span, span.boxblack:hover > span {    
    background-color: #000000;  
    color: #FFFFFF; 
}   
    
span.boxblue:hover > span { 
    background-color: #0000FF;  
    color: #FFFFFF; 
}   
    
span.boxmagneta:hover > span {  
    background-color: #FF00FF;  
}   
    
span.boxwhite:hover > span {    
    background-color: #F2F2F2;  
    color: #000000; 
}   
    
span.boxbrown:hover > span {    
    background-color: #CC6600;  
    color: #FFFFFF; 
}   
    
span.box0:hover > span, span.boxred:hover > span {  
    background-color: #FF0000;  
}   
    
span.box2:hover > span, span.boxyellow:hover > span {   
    background-color: #FFFF00;  
}   
    
a { 
    font-weight: bold;  
    text-decoration: none;  
}   
a:link {    
    color: #FF6600; 
}   
a:visited { 
    color: #FF944C;         
    
}   
a:hover, a:active, a:focus {    
    color: #FF6600; /*#C2788D;*/ 
   /* text-decoration: underline;*/ 
}   
    
input.red { 
    background-color: #FFCCCC;  
}   
    
button[class^="button_small"] { 
    background: #3D576B none no-repeat scroll 0 0;  
    border: 0 none; 
    color: #fff !important; 
    cursor: pointer;    
    padding: 0px; 
    transition-duration: 0.4s;  
    width: 14px; 
	height: 14px;
    -webkit-transition-duration: 0.4s; /* Safari */ 
	margin: 0px;
	vertical-align: top;
}   
    
.button_small_pressed { 
    background: #812E47 /*#B0A295 */!important; 
}   
    
button[class^="button_small"] > div {   
    width: 7px; 
    height: 7px;    
}   

.primary {
    background: darkred !important;
}

.button, input[type=submit] {   
    font-family: "Myriad Pro Regular", Arial, sans-serif;   
    font-weight: normal;    
    font-size: 12px;    
    color: #FFFDFA !important;  
    background: #5C5B60;    
    border: 0px;    
    display: inline;    
    padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left:2px;    
    border-radius: 2px; 
    cursor: pointer;    
    margin-left: 2px;   
    margin-right: 2px;  
    margin-bottom: 0px; 
    margin-top: 0px;        
    -webkit-transition-duration: 0.4s; /* Safari */ 
    transition-duration: 0.4s;  
   /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/ 
    vertical-align: middle; 
}   


.button_pressed {   
    background-color: #812E47 !important;
}   

.button_disabled {   
    background-color: #89A4BB !important;
}   
    
input, select, textarea {   
    font-family: "Myriad Pro Regular", Arial, sans-serif;   
    font-weight: normal;    
    font-size: 12px;    
    color: #000;    
    background: transparent;    
    border: 1px;    
    outline: 1px solid #AAA;    
    border-color: #000; 
    display: inline;    
    padding: 0px;   
/*    border-radius: 0px;*/ 
    cursor: pointer;    
/*    margin-left: 2px;  при наличии границ поле для ввода выползает за пределы ячейки*/    
/*     margin-right: 2px;*/ 
    -webkit-transition-duration: 0.4s; /* Safari */ 
    transition-duration: 0.4s;  
/*    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); */    
    vertical-align: middle; 
}   
    
input[type=text], input[type=password], select, textarea {    
    width: 100% 
}   
    
textarea {  
    height: 60px    
}   
    
input:hover, input:active, input:focus, select:hover, select:active, textarea:hover, textarea:active, textarea:focus {  
    outline-color: #557A95 !important;  
    border-color: #557A95 !important;   
}   
    
[class^="button"]:hover, [class^="button"]:focus, [class^="button"]:active {    
    color: #FFFDFA; 
    background-color: #89A4BB !important;   
}   

.button-text {   
    font-family: "Myriad Pro Regular", Arial, sans-serif;   
    font-weight: normal;    
    font-size: 12px;    
    color: #FFFDFA !important;  
    background: #5C5B60;    
    border: 0px;    
    display: inline;    
    padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left:20px;    
    border-radius: 4px; 
    cursor: pointer;    
    margin-left: 10px;   
    margin-right: 10px;  
    margin-bottom: 10px; 
    margin-top: 10px;        
    -webkit-transition-duration: 0.4s; /* Safari */ 
    transition-duration: 0.4s;    
    vertical-align: middle; 
	text-align: center;
} 
.button-inline {   
    font-family: "Myriad Pro Regular", Arial, sans-serif;   
    font-weight: normal;    
    font-size: 12px;    
    color: #FFFDFA !important;  
    background: #5C5B60;    
    border: 0px;    
    display: inline;    
    padding-top: 2px; padding-bottom: 2px; padding-right: 20px; padding-left:20px;    
    border-radius: 4px; 
    cursor: pointer;    
    margin-left: 5px;   
    margin-right: 5px;  
    margin-bottom: 0px; 
    margin-top: 0px;        
    -webkit-transition-duration: 0.4s; /* Safari */ 
    transition-duration: 0.4s;    
    vertical-align: middle; 
	text-align: center;
} 

[class^="button-text"]:hover, [class^="button-text"]:focus, [class^="button-text"]:active {    
    color: #FFFDFA; 
    background-color: #89A4BB !important;   
}    
    
.button > div, .button > img {  
    vertical-align: middle; 
    width: 13px;    
    height: 13px;   
}   
    
p.red { 
    color: #FF0000; 
    }   
    
footer {    
    padding-top: 12px;  
    padding-bottom: 12px;   
    padding-left: 2%;   
    padding-right: 5%;  
    background-color: #424242;  
    color: #FFFFFF; 
    clear: left;    
    right: auto;    
    text-align: right;      
    position: absolute; 
    bottom: 0;  
    border-top: 12px solid #812E47; 
    width: 100%;    
    z-index: 1;
/*    line-height: 5px;   */    
}   
    
div.centered {  
    padding-top: 24px;  
}   
    
div.overlay {   
    display: none;  
    position: fixed;    
    top: 0; 
    right: 0;   
    bottom: 0;  
    left: 0;    
    z-index: 2000;  
    background: rgba(204, 204, 204, 0.5) url('/static/img/loading.gif') no-repeat 50% 50%;  
}   
    
    
    
table { 
/*    width: 100%;*/    
        -webkit-box-shadow: 1px 1px 15px #999999;   
    box-shadow: 1px 1px 15px #938E94;   
    margin: 0 auto; 
    margin-bottom: 2px;     
}   
th {    
    background-color: #3D576B;  
    color: #FFFDFA; 
    padding-top: 6px;   
    padding-right: 10px;    
    padding-left: 10px; 
    padding-bottom: 6px;    
    text-align: center; 
}   
th p {  
    padding: 0px 0px 0px;   
    margin: 0px 0px 0px;    
    font-weight: normal;    
        
}   
tr {    
    background-color: #EAEDF2;  
}   
tr.registry:hover {
    cursor: pointer;
    background-color: #CCCCCC;
}
tbody.registry:hover td[rowspan],   {
    cursor: pointer;
    background-color: #CCCCCC;
}

td {    
    position: relative; 
    text-align: left;   
    padding-left: 5px;  
}   
td.cnt {    
    position: relative; 
    text-align: center;       
}  
td p {  
    margin-top: 0px;    
    margin-right: 0px;  
    margin-left: 0px;   
    margin-bottom: 0px; 
    padding-top: 1px;   
    padding-right: 0px; 
    padding-left: 0px;  
    padding-bottom: 1px;    
}   
/*td:first-child {  
 *     width: 66%;  
 *     }*/  
td:first-child p {  
    text-align: right;  
}   
tr:nth-child(odd) { 
    background-color: #DEE6EE;  
}   
tr.registry:nth-child(odd):hover {
    cursor: pointer;
    background-color: #CCCCCC;
}
    
table.form > tbody > tr > th {  
    text-align: right;  
}   
table.form > tbody > tr > td {  
    text-align: left;   
}   
    
div.resize {    
  resize: both; 
  overflow: auto;   
  width: 120px; 
  height: 120px;    
  margin: 0px;  
  padding: 0px; 
  border: 1px solid black;  
  display:block;    
    
}   
    
td div.resize { 
  border: 0;    
  width: auto;  
  height: auto; 
  min-height: 20px; 
  min-width: 20px;  
}   
    
    
.vl {   
  border-left: 2px solid white; 
  height: 100%; 
  position: absolute;   
  left: 15px;   
  top: 0;   
  text-align: center;   
}   
    
#popup {    
    position:absolute;  
    display:hidden; 
    top:100%;   
/*    left:50%;*/   
    width:400px;    
/*    height:586px; 
 *        margin-top:-263px;    
 *            margin-left:-200px;*/ 
    background-color:#fff;  
    z-index:2;  
    padding:5px;    
}   
#overlay-back { 
    position : fixed;   
    top : 0;    
    left : 0;   
    width : 100%;   
    height : 100%;  
    background : #000;  
    opacity : 0.7;  
    filter : alpha(opacity=60); 
    z-index : 1;    
    display: none;  
}   
.close-image {  
    cursor: pointer;    
    display: block; 
    float: right;   
    z-index: 3; 
    position: absolute; /*newly added*/ 
    right: 5px; /*newly added*/ 
    top: 5px;/*newly added*/    
}   
    
.tableFixHead { 
  overflow: auto;   
  height: 100%; 
}   
    
.tableFixHead table {   
  overflow: scroll; 
}   
    
.tableFixHead thead th {    
  position: sticky !important;  
  top: 0;   
  z-index: 10;  
}   
    
object[id="logo"] { 
    margin-left: 15px;  
}   
    
/* Dygraph */   
.dygraph-legend {   
  background: transparent !important;   
  } 
    
.graph {    
    display:block;  
    background:#333;    
    color:#FFF; 
    margin-bottom:2px;  
    margin-top:2px; 
    width:100%; 
    height:320px;   
}   
    
/* Menu */  
*{box-sizing: border-box;}  
body {  
  margin: 0;    
  background: #f7f9fe;  
}   
nav.nav_menu {   
/*  font-family: 'Open Sans', sans-serif;*/ 
  box-shadow: 0 2px 0 0 #ECF1F2;    
/*  border-top: 1px solid #ECF1F2;*/    
  text-align: center;   
  background-color: #5C5B60;    
}   
nav.nav_menu:after { 
  content: "";  
  display: table;   
  clear: both;  
}   
a.a_menu { 
  text-decoration: none;    
  transition: 0s linear;   
}   
ul.menu, ul.submenu {    
  list-style: none;
  margin: 0;    
  padding: 0;   
}   
.menu > li {    
  display: inline-block;    
  position: relative;   
  margin-right: -4px;   
}   
.menu > li:last-child {     
 /* border-right: 1px solid #ECF1F2;*/  
}   
.menu > li > a {    
  display: block;   
  font-weight: bold;    
  padding: 7px 20px;    
  font-size: 12px;  
  text-transform: uppercase;    
  /*border-left: 1px solid #ECF1F2;*/   
  letter-spacing: 2px;  
  color: #FFFFFF;   
}   
.active:after, .submenu-link:after {    
/*  content: ">";   
 *    font-family: "FontAwesome"; */    
  color: inherit;   
  margin-left: 10px;    
}   
.menu .active, .menu li a:hover, .submenu li a:hover {  
  background-color: #8C4056;    
}   
.submenu {  
  width: 240px; 
  visibility: hidden;   
  opacity: 0;   
  position: absolute;   
  left: 0;  
  z-index: 2000;    
  -webkit-transform: translateY(10px);  
  -ms-transform: translateY(10px);  
  transform: translateY(10px);  
  transition: 0s;  
  /*transition: .3s ease-in-out;*/  
  box-shadow: 0 2px 0 0 #ECF1F2;    
}   
.submenu li {   
  position: relative;   
}   
.submenu li a { 
  background: #5C5B60;  
  border-top: 1px solid #ECF1F2;    
  border-right: 1px solid #ECF1F2;  
  border-left: 1px solid #ECF1F2;   
  display: block;   
  color: #FFFFFF;   
  text-align: left; 
  font-size: 14px;  
  letter-spacing: 1px;  
  padding: 7px 20px;    
  transition: .3s ease-in-out;  
}   
.submenu .submenu { 
  position: absolute;   
  top: 0;   
  left: calc(100% - 1px);   
  left: -webkit-calc(100% - 1px);   
}   
li.li_menu:hover > .submenu {   
  visibility: visible;  
  opacity: 1;   
  -webkit-transform: translateY(0px);   
  -ms-transform: translateY(0px);   
  transform: translateY(0px);   
}   
    
/* Tabs */  
.tabs { width: 99%; margin: 0 auto; }   
.tabs > div, .tabs > input { display: none; }   
.tabs label { padding-bottom: 5px; padding-top: 5px; padding-right: 8px; padding-left: 8px; border: 1px solid #BBC0B4; line-height: 28px; cursor: pointer; position: relative; bottom: 1px;  background: #DEE6EE; /*background: #e0e0e0;*/ font-weight: bold; color: #333; top: 0px; border-radius: 5px 5px 0 0;}     
.tabs input[type="radio"]:checked + label { color: #fff; border: 2px solid #8C4056; border-bottom: 2px solid #812E47; background: #8C4056;  }   
.tabs > input:nth-of-type(1):checked ~ div:nth-of-type(1),  
.tabs > input:nth-of-type(2):checked ~ div:nth-of-type(2),  
.tabs > input:nth-of-type(3):checked ~ div:nth-of-type(3),  
.tabs > input:nth-of-type(4):checked ~ div:nth-of-type(4),  
.tabs > input:nth-of-type(5):checked ~ div:nth-of-type(5),  
.tabs > input:nth-of-type(6):checked ~ div:nth-of-type(6),  
.tabs > input:nth-of-type(7):checked ~ div:nth-of-type(7),  
.tabs > input:nth-of-type(8):checked ~ div:nth-of-type(8),  
.tabs > input:nth-of-type(9):checked ~ div:nth-of-type(9),  
.tabs > input:nth-of-type(10):checked ~ div:nth-of-type(10),    
.tabs > input:nth-of-type(11):checked ~ div:nth-of-type(11),    
.tabs > input:nth-of-type(12):checked ~ div:nth-of-type(12),    
.tabs > input:nth-of-type(13):checked ~ div:nth-of-type(13),    
.tabs > input:nth-of-type(14):checked ~ div:nth-of-type(14),    
.tabs > input:nth-of-type(15):checked ~ div:nth-of-type(15),    
.tabs > input:nth-of-type(16):checked ~ div:nth-of-type(16),    
.tabs > input:nth-of-type(17):checked ~ div:nth-of-type(17),    
.tabs > input:nth-of-type(18):checked ~ div:nth-of-type(18),    
.tabs > input:nth-of-type(19):checked ~ div:nth-of-type(19),    
.tabs > input:nth-of-type(20):checked ~ div:nth-of-type(20) { background: #FFFFFF; display: block; padding-top: 5px; padding-left: 0px; padding-right: 0px; padding-bottom: 5px; border: 1px solid #BBC0B4; box-shadow: 1px 1px 15px #938E94; /*padding-bottom: 15px;*/ }  
.intabs div { background: #CBE1EE; }    
/* End tabs */  
    
.textlink { 
    font-family: "Myriad Pro Regular", Arial, sans-serif;   
    font-weight: bold;  
    font-size: 12px;    
    color: #A8B3C3;     
    background: transparent;    
    border: 0px;    
    display: inline;    
    padding: 0; 
    cursor: pointer;    
    margin: 0;  
    -webkit-transition-duration: 0.4s; /* Safari */ 
    transition-duration: 0.4s;  
    vertical-align: middle;
	text-align: right;
}   
.textlink:hover {   
    color:#C2788D;
    
}   

table.noshadow { 

    box-shadow: none;   
    margin: 0px auto;
	padding: 5px; 
       
} 
tr.nobackground {
	background-color: #f7f9fe;
}

.pad{
  height: 10px ;
  
}
table.internal { 

    box-shadow: none;   
    margin: 0px auto;
	padding: 2px; 
       
} 
.message {
	padding: 10px;
	text-align: left;
	padding-left: 30px;
	color: #3D576B;
	font-size:14px;
}

.superpopup {
  box-shadow: 1px 1px 15px #938E94;   
  z-index: 9;
  background-color: #f1f1f1;
  border: 1px solid #d3d3d3;
  text-align: center;
  min-height: 150px;
  min-width: 300px;
  max-height: 600px;
  max-width: 990px;
}

/*Drgable */

.superpopup {
  position: absolute;
  /*resize: both;*/ /*enable this to css resize*/ 
  overflow: auto;
}

.superpopup-header {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #3D576B !important;  
  color: #fff;
}

/*Resizeable*/

.superpopup .resizer-right {
  width: 5px;
  height: 100%;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: e-resize;
}

.superpopup .resizer-bottom {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: n-resize;
}

.superpopup .resizer-both {
  width: 5px;
  height: 5px;
  background: transparent;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}

/*NOSELECT*/

.superpopup * {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 100;
}

.dropdown-content div {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown div:hover {background-color: #ddd;}

.show {display: block;}

.small-note { font-weight: normal; color: #a2a2a2;}