* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0; 

}
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


.killwork{
    cursor: pointer;
    font-size: .7em;
    border-collapse: collapse;
    width:100%;
}
.killwork tr td {
    padding-left: 5px;
    padding-top: 1.5px;
    padding-bottom: 1.5px;
}

.killwork tr td:first-child{ 
	font-size: .3em;
}
/*
.killwork tr:hover{
	filter: brightness(0.94);
/*    background: rgba(255, 0, 0, 0.26);
/*    background: red;
    color:white;
    font-weight: bold ;
}*/

.killwork tr:hover td{
	background: rgba(255, 94, 57, 0.61);
}

.signSel{
    border: 1px solid rgb(200, 200, 200);
    padding: 8px;
    margin:3px;
    border-radius: 6px;
    color:rgb(3, 145, 6);
    font-weight: bold;
    background: white;
}

.signSel:hover{
    box-shadow: 0 0 5px rgba(100,100,100,0.5);
    background: #d4eaff;
}

.signSel p{
    max-width: 500px;
    font-size: 12px;
    color:black;
    font-weight:normal ;    
}

.makecopyI{
	margin-top:5px;
	position: absolute;
	margin-left: -24px; 
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	width: 20px;
	height: 20px;
	padding-top:2px;
	opacity:0.4;
}
.makecopyI:hover {
	opacity:.7;
}
.makecopy{
    position:fixed;
	margin-left: -18px; 
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	width: 20px;
	height: 20px;
    font-size: 18px;
    color:grey;
    padding-top:3px;
}

.makecopy:hover {
	color: #00abed;
}

textarea{
	border: 1px solid #ccc;
	font-family: Arial;
	font-size:12px;
	padding: 3px;
}

input{
	border: 1px solid #ccc;
	font-size:12px;
	padding: 3px;
/*	outline:none; */
}


.autovalue{
	transition: .3s linear;
	animation: flashcolor 1s ;
	border-bottom:1px dashed #2bbaf1;
}

@keyframes flashcolor {
  30% {
	background:none;
	border-bottom:1px solid transparent;
  }
  40% {
	transition: .3s linear;
	background:#2bbaf1;
     }
  90% {
	transition: .3s linear;
	background:none;
	border-bottom:1px solid transparent;
  }
}
/* 
@keyframes flashcolor {
  20% {
	background:none;
	border-bottom:1px solid transparent;
  }
  30% {
	transition: .3s linear;
	background:#2bbaf1;
     }
  40% {
	transition: .3s linear;
	background:none;
  }
  50% {
	transition: .3s linear;
	background:#2bbaf1;
     }
  90% {
	transition: .3s linear;
	background:none;
	border-bottom:1px solid transparent;
  }
}
*/

.createmsg{
    text-align:center;
    position: fixed;
    background: white;
    padding: 10px;
    width: 210px;
    z-index: 1;
    top: 60px;
    left: 10px;
    border-radius: 10px;
    font-size:15px;
    box-shadow: 0px 0px 20px rgba(50, 50, 50, .5); */
}

.certpass {
 margin:1em;
}

.certpass img{
    width:50px;
}

.selcss{
	font-size:12px;
	border: 1px solid #ccc;
	padding: 4px;
}

.docinfo{
    position: relative;
    display: inline-block;
    font-style: italic;
    width: 95%;
}
.docinfo .doclinecount{
    display: inline-block ;
    position: absolute ;
    right: 0px;
}
.docinfo .doclinecount::before{
    content:"Строк: ";   
}

.sign {
    text-align: right;
    margin-top: -10px;
    display: inline-block;
    width: 5%
}
.sign img{
    margin: -5px;
    height: 20px;
}

.docnf {
    background: red;
    color:white;
    width:50em;
    padding: 2em;
    margin: 1em;
    border-radius: 1em;
    box-shadow: 0px 0px 15px #d1d1d1;   
}


.openind{
/*    list-style-type : circle ; */
    list-style-type : "✓";
    color: #64c8ef;
    align-self: left ;
    margin-right: 1.2em;
/*    margin-right: 0em; */
    height: 0em;
    width: 0em;
    display:list-item;
}

.testa{
	 position: relative;
  overflow: hidden;
}
/*
.testa{

    animation: background .5s infinite alternate;
     position: relative;
  overflow: hidden;
}

@keyframes background {
  50% {

  }
}
*/

.testa:after {
  content: "";
  display: block;
  width: 20px;
  height: 200px;
  margin-left: 50px;
  background: #fff;
  background: linear-gradient(
      to bottom,
      rgba(155, 255, 255, 0.5) 0%,
      rgba(155, 255, 255, 1) 50%,
      rgba(155, 255, 255, 0.5) 100%
  );
  left: -40px;
  top: -100px;
  z-index: 1;
  transform: rotate(45deg);
  position: absolute;
  animation: movingFlare 2s ease-in-out 0.05s infinite;
}
 
@keyframes movingFlare {
  0% {
    left: -30px;
    margin-left: 0px;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}


body {
	background: url('../img/tb_back.jpg') no-repeat;
	/*background: url('../img/back_nr.jpg') no-repeat;*/
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-size: cover;
} 

body, html {
	height: 100%;
	margin: 0;
	overflow:hidden;
	font-family: Arial;
}

.hisview{
    display: inline-block;
    border-collapse: collapse ;
    font-size:10px;
    text-align: center;
    vertical-align:top; 
}
.hisgfdname{
    border-left:2px solid rgb(0, 211, 255);
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
}

.hisview tr td:first-child{
    visibility: hidden ;
}

.hisgfdnamer{
    border-right:2px solid rgb(0, 211, 255);
}

.hisfldname{
    background: rgb(0, 211, 255);
    padding: .3em;
    border-top: none;
/*
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
*/
    border:2px solid rgb(0, 211, 255);
    font-size: 12px;
    font-weight: bold;
}
.hisgfdnamers {
     border-right:2px solid rgb(0, 211, 255);
   font-size: 8px; 
}

.hisfldname_end {
    border-top:2px solid rgb(0, 211, 255);
    height: 10px;
}

.hisview .cmline{
    display: inline-block;
    margin-top: 3px;
    width: 6em;
    margin-left: 1em;
    margin-right: 1em;
}

.histval {
    margin: 3px 10px 4px 10px;
    padding: 4px;
    background: rgb(163, 238, 157);
    border-radius: 7px;
    max-width: 200px;
}

/* Цветовые схемы */
.cmb____{
	width: 1.5em;
/*	margin-left: -.6em; */
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ccc;
	width: 20px;
	height: 20px;
	margin-left:2px;
	border-top-left-radius:5px;
	border-bottom-right-radius: 19px;        
}
.cmb{
    position:absolute;
	width: 1.5em;
/*	margin-left: -.6em; */
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ccc;
	width: 20px;
	height: 20px;
	margin-left:0px;
	border-top: 0px;
	border-left: 0px;
	border-top-left-radius:5px;
	border-bottom-right-radius: 19px;    
	top: 0px;
}

.cmark  {background: var(--cmcolor0); }
.cmark0 {background: var(--cmcolor0); }
.cmark1 {background: var(--cmcolor1); } 
.cmark2 {background: var(--cmcolor2); } 
.cmark3 {background: var(--cmcolor3); } 
.cmark4 {background: var(--cmcolor4); } 
.cmark5 {background: var(--cmcolor5); } 
.cmark6 {background: var(--cmcolor6); } 
.cmark7 {background: var(--cmcolor7); } 
.cmark8 {background: var(--cmcolor8); } 
.cmark9 {background: var(--cmcolor9); } 

.cmarkEND{background: #fca8a8;}
/* DVI для таблицы */
.view_tab_div {
/*	width:100px; */
	overflow: auto; 
}

/* основная таблица */ 
.view_table input[type=text] {
/*	width: 165px; */
	width: 185px;
/*	-webkit-user-select: none;*/
}

.view_table select {
 /*   width: 185px;    */
}

.view_table {
	color:black;
	background:#eaebec;     
	border:#ccc 1px solid;  

	font-family:Arial; 
	font-size:12px; 

	border-radius:7px; 
	box-shadow: 0px 0px 15px #d1d1d1;
	-webkit-user-select: none;
/*	border-spacing: 0px 1px; */
	border-spacing: 0px 0px;
} 

.view_table th {
	background: #f2f2f2;
	font-weight:bold; 
	padding:10px 5px 10px 5px; 
	text-align: center;
	-webkit-user-select: none;
}

.view_table tr{ 
	text-align: left;
	background: #fafafa;
} 

.view_table td.docline { 
	background: #f2f2f2; 
} 

.view_table td.vt{ 
	background: #ededed;
	text-align: right; 
}  

.view_table tr td {
	padding:6px;
/*	background: #fafafa; */
/*	border-left: 1px solid #e0e0e0;  */
	-webkit-user-select: none;
/*	transition: background 0.5s ease; */
	transition: all .5s ease;
} 

.view_table tr:last-child td{ 
	border-bottom:0;
} 

.view_table tr:last-child td:first-child{ 
	border-bottom-left-radius: 5px;
} 
.view_table tr:last-child td:last-child{ 
	border-bottom-right-radius: 5px;
} 

.view_table tr:first-child th:first-child{ 
	border-top-left-radius: 5px;
}
.view_table tr:first-child th:last-child{ 
	border-top-right-radius: 5px;
} 


.view_table tr.head:hover td{
/*	background: #f2f2f2; */
	-webkit-user-select: none;
/*	transition: background 0.3s ease; */
	filter: brightness(0.94);
	transition: all .3s ease;
}

.view_table tr.ehead:hover td{      
	background: #f2f2f2; 
        -webkit-user-select: none;
        transition: all .3s ease;
} 

.view_table tr.line:hover td{ 
	background: #64c8ef;
	color: #191970;
} 

.view_table a:link { 
	color: black; 
	font-weight: bold; 
	text-decoration:none; 
 } 

.view_table a:visited { 
	color: #999999; 
	font-weight:bold; 
	text-decoration:none; 
}
 
.view_table a:active, 
.view_table a:hover { 
	/*color: #bd5a35; изменяет цвет кнопки WTF */
	text-decoration: none; 
} 

/* вложенная таблица линий - частично наследует стили из view_table */ 
#LTheader {
        margin-top: 5px;
        display: block;
        position: relative;
        background: #fff;
        overflow: hidden;
        border-collapse: collapse;
        height: 25px;
}

#LTheader div {
        border-top: 1px solid #ccc;
        display: table-cell;
        border-collapse: collapse;
        background: #f2f2f2;
        font-weight:bold;
        padding:5px;
        text-align: center;  
}

#LTheader div:first-child {
    border-left: 1px solid #ccc;
} 

#LTheader div:last-child {
    border-right: 1px solid #ccc;
}

#lineview {
  max-height: 360px;
/*  overflow: auto ; */
  overflow:auto;
  overflow-x: hidden;
}

/*
.line_table {
        margin-top: -25px;
        color:black;
        background:#eaebec;     
        border:#ccc 1px solid;
        border-collapse: collapse;
        font-family:Arial;
        font-size:12px; 
} 

.line_table th {
        background: #f2f2f2;
        font-weight:bold;
        padding:5px;
        text-align: center;
        visibility: hidden;
}

.line_table tr{
        text-align: left; 
} 

.line_table tr td {
        padding:7px;
        background: #fafafa;
        border-left: 0px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        -webkit-user-select: none;
        cursor:pointer;
}
*/

.line_table {
	margin-top: -25px;
	color:black;
	background:#eaebec;     
/*        border:#ccc 1px solid; */
	border-collapse: collapse;
	font-family:Arial;
	font-size:12px; 
} 

.line_table th {
	background: #f2f2f2;
	font-weight:bold;
	padding:5px;
	text-align: center;
	visibility: hidden;
}

.line_table tr{
	text-align: left;
} 

.line_table .line :first-child{
	border-left: 1px solid #ccc;
}

.line_table .line :last-child{
	border-right: 1px solid #ccc;
}


.line_table .resline {
	background: #f2f2f2;
}

.line_table .resline td{
	border-top: 1px solid #ccc;

}

.line_table .csumm {
	font-weight: bold;
	background: #b1e1ff;
}


/* для кнопки подписи */
.sButton {
        margin-right: 2px;
        padding: 7px 15px;
        border-radius: 5px;
        cursor:pointer;
        -webkit-user-select: none;
        display: inline-block;
        text-decoration: none;
        font-family:Arial; 
        font-size:12px;
        border: 1px solid rgb(205, 205, 205);
        color:black;
	background: var(--bbcolor1)
}
.sButton:hover {
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
}

/* Кнопка обычная */
.cButton {
	margin-right: 2px;
	padding: 7px 15px;
	border-radius: 5px;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	font-family:Arial; 
	font-size:12px;
	border: 1px solid rgb(205, 205, 205);
	color:black;
	background: white;
}
.cButton:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #64c8ef;
	border: 1px solid rgb(90, 179, 214);
/*	color: rgb(255, 255, 255); */
}

/* Кнопка нажатая */
.cButtonP {
	margin-right: 2px;
	padding: 7px 15px;
	border-radius: 5px;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	font-family:Arial; 
	font-size:12px;
	border: 1px solid rgb(205, 205, 205);
	/*color:rgb(220, 8, 97);*/
	color:rgb(0, 53, 255);
	background: #ade8ff;
}
.cButtonP:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
	border: 1px solid rgb(90, 179, 214);
/*        color: rgb(255, 255, 255); */
}
/* в одну линию данные и кнопку  */
.psDiv {
        display: inline-block;
        white-space: nowrap;
	width:185px;
	height: 23px;
}
.psDiv input{
	position: relative ;
	top: -2px;
	height:23px;
	max-width: 185px; 
}

/* Кнопка выбора связи */
.psButton {
	position:relative ;
	height: 23px;
	width:18.7px;
/*	top:2px;*/
	padding-top: 6px;
	margin-left: -22px;
	border-radius: 0px;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ccc;
	color:black;
	background: #fafafa;
	text-align: center ;
}
.psButton:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #64c8ef;
	transition: 0.2s linear;
/*        color: #191970; */
}

/* красная кнопка */
.dButton {
	margin-right: 7px;
	margin-left: 5px;
	padding: 7px 15px;
	border-radius: 5px;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	font-family:Arial; 
	font-size:12px;
	border: 1px solid rgb(205, 205, 205);
	color:white;
	background: #ff370b;
}
.dButton:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #64c8ef;
	color: black;
	border: 1px solid rgb(90, 179, 214);
/*	color: rgb(255, 255, 255); */
}


/* Таблица с кнопками */
.act_table {
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-user-select: none;
}

/* для центровки */
.div_center{
    width: 1px;
    margin: auto ;
}

/* Окно основного контента */
.main-content {
	position:fixed;
	top:40px;
	width: 100%;
	height: 100%;
/* 	text-align: center; */
/*	padding: 10px; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
/*	 position: relative; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow:auto;
/*        
	display: flex;
	flex-flow: row nowrap;
*/
	opacity: 0;
	transition: 0.5s linear;
}

.mc_active{
	opacity: 1;
}
   
.module-content {
 width: 100%;
/*	overflow:auto;*/
	padding: 10px;
	flex-grow: 9;
	-webkit-user-select: none;
}

/* Всплавающие окна */
.w-popup{ /* подложка */
	width:100%;
	min-height:100%;
	background-color: rgba(0,0,0,0.3);
	position:fixed;
	overflow:auto;
	top:0px;
	display:none;
	z-index: 100;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter:blur(1px);
}
.w-popup .w-popup-content{ /* окно */
	max-width:96%;
	margin:45px 60px auto;
	margin-left:auto;
	position:absolute;
	height:auto;
	padding: 10px 10px 10px;
/*	border-top: 15px solid #64c8ef;  это был заголовок окна - типа*/
/*	background-color: #F0F8FF; */
	background-color: rgba(245, 250, 255, 0.95);
	border-radius:10px;
/*	box-shadow: 0px 0px 10px  #F0F8FF; */
	-webkit-user-select: none;
}

.w-alert-content{
/*	margin:200px auto;
	height: auto;
	width: 400px;
	padding: 10px;
	padding-top: 20px;
	text-align: center;    
	background-color: #F0F8FF; 
	border-radius:5px;
	box-shadow: 0px 0px 10px  #F0F8FF; */
        margin:200px auto;
        height: auto;
        width: 600px;
        padding: 20px;    
        background-color: white; 
        border-radius:10px;
        box-shadow: 0px 0px 40px rgba(50, 50, 50, .6);
        z-index:10;
	transition: 1s;
        /*border:4px solid rgba(50, 180, 180, 1);*/
}

.w-print{ /* подложка */
	width:100%;
	min-height:100%;
	background-color: rgba(0,0,10,0.4);
	position:fixed;
	overflow:auto;
	top:0px;
	display:none;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter:blur(1px);
	z-index: 99;
}
.w-print .w-print-bar{ /* окно */
/*	width: 90%;
	height: 96%;
	top: 3%;
	left: 5%;
	position:absolute;
	padding:5px 10px 10px;
	background-color: rgba(245, 250, 255, 0.95);
/*	border:4px solid rgba(50, 180, 180, 1); */
/*	border-radius:10px;*/

	top: 15px;
	bottom: 15px;
	position:absolute;
	padding: 7px 60px 15px 60px;
	border-radius:10px;
	background-color: rgba(255, 255, 255, 0.44);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter:blur(10px);
}
.w-print-content {
	display: inline-block;
	/*border: 1px solid black;*/
	box-shadow: 0px 5px 20px 0px rgba(155,155,155,1);
	text-align: left;
	/*position:absolute;*/
	overflow:auto;
	background: white;
	padding-top: 10px;
/*	left: 0.5%;
	top: 55px;*/
	min-width: 190mm;
	width: auto;
	height: 93%;
	padding: 20px;
	margin-top: 5px;
	border-radius: 10px;
}
/* -------------- панель связей --------------- */
.rightbar {
	position: fixed;
	flex-grow: 0;
	top:40px;
	right: 0px;
	width: 180px;
	overflow: auto;
	height: 90%;
/*	background:white;
	border-left: 1px solid blue; */
/*	z-index:1001;*/
}

.parentslist ul {
	list-style: none;
}

.parentslist  li {
	border-bottom: 2px solid #ccc;
/*	border-left: 1px solid #ccc; */
	color: rgb(89, 89, 89);
 	color: black;   
	padding: 2px;
	font-family:Arial;  
	font-size:12px;
	display: inline-block;
	margin-top: 0px;	
	width: 180px; height: 23px;
	cursor:pointer;
	-webkit-user-select: none;
	text-align: left;
	padding-left:13px;
}

.parentslist li.active {
	border-bottom: 2px solid greenyellow;
}

.parentslist  li:hover {
	border-bottom: 2px solid red;
	color: black;
}

.parentslist  li.parLine {
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;

	-webkit-user-select: none;
	display: inline-block;
	margin-left: 10px;
	width: 170px; 
	height: auto;
	text-align: justify;
}
.parentslist  li.parLine:hover  {
	border-bottom: 2px solid rgb(255, 162, 5);
}


.parentslist  li.actLine {
        border-bottom: 2px solid #ccc;
        border-left: 0px solid #ccc;

        -webkit-user-select: none;
        display: inline-block;
        margin-left: 10px;
        width: 70px; 
        height: auto;
        text-align: center;

		margin-left: -90px;
    	margin-top: 5px;
    	margin-bottom: 3px;
        padding: 5px;
        border-radius: 3px;
        cursor:pointer;
        -webkit-user-select: none;
        display: inline-block;
        text-decoration: none;
        font-family:Arial; 
        font-size:12px;
        border: 1px solid #ccc;
        color:black;
    background: rgba(250, 250, 250, 0.7); /* Цвет фона */
        /*background: #fafafa;
    	 /*opacity: 0.6;*/
}

.parentslist  li.actLine:hover  {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
        color: #191970;
     /*   border-bottom: 2px solid rgb(255, 162, 5);*/
}

/*Кнопки правой панели */
.rpButton {
    	margin-left: 3px;
	padding: 1px 15px;
	border-radius: 6px;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	font-family:Arial;
	font-size:12px;
	border: 1px solid #8e8e8e;
	color:black;
	background: #fafafa;
}
.rpButton:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #64c8ef;
	color: #191970;
}
/*Таблица правой панели*/
/*.rpTable {
    margin: -2px;
    width: 100%;
}
.rpTable tr{ 
        text-align: center;  
	text-align: left;
} 

.rpTable td.actbtn { 
        width: 20px; 
}
*/
.actbtn { 
    display: inline-block;
    position: absolute;
    right: 2px;  
}
.ldown{
    display: inline-block;
    position: absolute;
    left: 0px;
}

/*--------------- круглые кнопки -------------- */
.pagebutton ul {
	transition: 0.5s linear;
	list-style: none;
	cursor:pointer;
	-webkit-user-select: none;
}
.pagebutton  li {
	padding-top: 4px;
	font-family:Arial; 
	font-size:10px;
	color: #fafafa;

	border: 1px solid #8e8e8e;
	background: #fafafa;

	cursor:pointer;
	display: inline-block;
	margin-right: 5px;
	margin-top: 10px;
	width: 20px; height: 20px;
	border-radius: 20px;
	-webkit-user-select: none;
}

.pagebutton  li.asd {
	border-radius: 0px;
	border: none ;
	background: none;
	width: 20px;
	height: 20px;
	font-size:10px;
	color: black;
	-webkit-user-select: none;
}

.pagebutton  li.asd:hover {
	background: none;
	box-shadow: none;
	cursor: default;
}

.pagebutton  li.active {
	background: #B22222; /* Красный фон */
	-webkit-user-select: none;
}

.pagebutton  li.spage {
	background: #7FFFD4;
	-webkit-user-select: none;
}

.pagebutton  li.active:hover {
	background: #B22222;
	box-shadow: 0 0 4px 1px #fff;
} 

.pagebutton  li:hover {
	transition: 0.1s linear;
	background: #64c8ef;
	box-shadow: 0px 0px 4px 4px white;
	/* box-shadow: 0 0 4px 2px #fff; */
} 

/*---------------Заголовочная часть списков -------------- */
.mod_name {
	background: url('../img/modnamefade.png') repeat-y; /*2bb9e3*/
	color: white;
	text-shadow: 1px 0px 2px rgba(0, 0, 0, .5);
    	
	margin-left: -10px;
	margin-top: -5px;
	font: 12px Arial;
	text-indent: 10px;
	width:170px; 
	float: left; 
	text-transform: uppercase;
	text-align: left;
	/*height: 17px; */
	padding: 2px;
}
.mod_fade { 
/*
	background: linear-gradient(to right, #add8e3, rgba(255, 255, 255, 0.01));
	margin-top: -5px;
	height: 17px;
        width:50px; 
        float: left; 
*/
}

.footer {
   opacity: 0.6;
    background-color: red;
 	position: fixed;
    left: 0; bottom: 0;
    padding: 0px;
    width: 100%;
}


.pageswitch {
	width:100%;

}

.main_vidgets {
	-webkit-user-select: none; 
	width: 100%;
	height: 100%;
}

.v10 {
    display: inline-block;
    margin-right: 1em;
    margin-left: 1em;
}

.v1 {
	position:relative;
	overflow: auto;
	margin: 10px;
	width: 300px;
	height: 305px;
	display: inline-block;
	background: whitesmoke;
	box-shadow: 10px 10px 22px -5px rgba(0,0,0,0.52);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.24);
	border: 1px solid lightgray ;
	text-align: left;
	padding: 0px;
	border-radius: 20px;
}

.vname{
    display: inline-block ;
    background: lightgrey;
    font-weight: bold;
    transform:rotate(-90deg);
    position: absolute;
    width: 306px;
	height: 30px;
    top:138px;
    text-align: center;
    padding: 3px;
    left: -138px;
   
}
.vcontent{
    display: inline-block ;
    position: absolute;
    left: 30px;
    width:270px;

    height: 100%;
    overflow: auto;
}

.memo {
    margin: 6px;
    border: 1px solid lightgrey;
    width:256px;
    padding: 4px;
    font-size:13px;
    border-radius: 8px;
    text-align: center;
    opacity: 0.75;
}

.memo:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
/*	background: #64c8ef; */
	opacity: 1;
}

.v2 {
	text-align: center ;
	font-weight:bold;
	background: lightgrey;
	margin: -5px;
	margin-bottom: 5px;
	padding: 10px;
}




.vt1{
    font-family:Arial; 
	font-size:15px; 
    border: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse ;    
}

.vt1 th{
    text-align: center ;
    background: lightgrey;
}

.vt1 .red{
    text-align: center ;
    background: red;
    padding: 5px;
} 

.vt1 .yellow{
    text-align: center ;
    background: yellow;
    padding: 5px;
}

.vt1 td{
    padding-left: 5px;
    height: 14px;
}

.vt1 tr{
    height: 30px;
    border-bottom: 5px solid whitesmoke;
}


.v3 {
        overflow: auto;
        margin: 10px;
        width: 900px;
        min-height: 300px;
        display: inline-block;
        background: white;
        box-shadow: 10px 10px 22px -5px rgba(0,0,0,0.52);
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.24);
        border: 1px solid lightgray ;
        text-align: left;
        padding: 5px;
        border-radius: 20px;
}
.v4 {
	text-align:center;
	overflow: auto;
	margin: 10px;
	width: 590px;
	min-height: 300px;
	display: inline-block;
	background: white;
	box-shadow: 10px 10px 22px -5px rgba(0,0,0,0.52);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.24);
	border: 1px solid lightgray ;
	text-align: center;
	padding: 0px;
	border-radius: 20px;
}


.a1{
    text-align: center ;
    margin-left: 5px;
    margin-right: 5px;
    background: #84ddff;
    border-radius: 15px;
    padding: 3px;
    cursor: pointer;
    min-width: 25px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.a2{
    text-align: center ;
    margin-left: 5px;
    margin-right: 5px;
    background: #EFAD64;;
    border-radius: 15px;
    padding: 3px;
    cursor: pointer;
    min-width: 25px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.timg {
    margin-top: 0px;
	height:1px;
    width: 10px;
    border: 1px solid black;
}

.w-load{ /* подложка */
	position:fixed;
	width:100%;
	min-height:100%;
	background-color: transparent;
	position:fixed;
	overflow:auto;
	top:0px;
	z-index: 110;
	display:none;
	-webkit-backdrop-filter: blur(1px);
        backdrop-filter:blur(1px);
}

.loadingData {
	margin:150px auto;
	height: auto;
	width: 120px;
	height: 120px;
	padding: 10px;    
	/*background-color: white;  */
	background-color: transparent;
	border-radius:60px;
	/*box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5); */
}

.loadingData img{
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none;
}



.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
}
 
.context-menu--active {
  display: block;
}


/*autocomplete */
/*
.ac_results {
        padding: 0px;
        border: 1px solid #3495FA;
        background-color: white;
        overflow: hidden;
        z-index: 101;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        font: menu;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background: white url('../img/indicator.gif') right center no-repeat;
}

.ac_loading2 {
        background: white url('../img/indicator.gif') right 20px center no-repeat;
}

.ac_odd {
        background-color: #eee;
}

.ac_over {
        background-color: #3495FA;
        color: white;
}*/

.ac_results {
        padding: 0px;
        border: none;
        background-color: white;
        overflow: hidden;
        z-index: 101;
    box-shadow: 0px 5px 10px rgba(14, 64, 64, 0.6);
    transition: 0.2s linear;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 1;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 6px;
        cursor: default;
        display: block;
        font: menu;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background: white url('../img/indicator.gif') right center no-repeat;
}

.ac_loading2 {
        background: white url('../img/indicator.gif') right 20px center no-repeat;
}

.ac_odd {
        background-color: rgba(247, 247, 247, 0.68);
}

.ac_over {
        background-color: #2bbaf1;
        color: white;
}

.editvidget {
    position: fixed;
    padding: 10px;
    top: 70px;
    left: 10px;
    width: 200px;
    background: white;
    text-align: left;
    
    	font-family:Arial; 
	font-size:12px; 

	border-radius:7px; 
	box-shadow: 0px 0px 15px #d1d1d1;
	border:#ccc 1px solid;    
}


/* всплывающая подсказка */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	background-color: rgba(14, 17, 175,.8);
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: .5em;
	white-space: nowrap ;
	font-style:normal;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: -5px;  
	max-height: 200px;
	overflow: auto;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.tooltiptable {
    width:300px;
    color: transparent;
    font-size: 11px;
}


.tooltiptable tr td {
    background: transparent;
    background-color: rgb(10, 10, 10);
    color: white;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
}

.tooltiptable tr td:last-child {
    background: #F9E79F;
    color: black;
    border: 1px solid white ;
}

.tooltiptable th {
    margin: 0px;
    padding: 2px;
    background: transparent;
    background-color: rgb(10, 10, 10);
    color: white;
    font-weight:normal;     
}

.tooltiptable th:first-child {
    color: black ;
	background: lightgreen;
    border: 1px solid white ;
    height: 15px;
    
}

.tooltiptable tr td:first-child{
    background: #5DADE2;
    color: white;
    border: 1px solid white ;  
/*	border-bottom-left-radius: 0px;*/
} 

.tooltiptable  tr:first-child th:first-child{ 
	border-top-left-radius: 0px;
}
.tooltiptable  tr:first-child th:last-child{ 
	border-top-right-radius: 0px;
}

.fileuploadname{
    outline:none;
/*    border: 0;
    padding: 0; */
    background: transparent;
    color: green;
    cursor: pointer ;
    -webkit-user-select: none;
}

.fileuploadname:hover{
    color: blue;
    text-decoration: underline ;
}

.floatToolTip{ 
  visibility: hidden;   
  width: 300px;
  background-color: rgba(10, 10, 10, 0.6);;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  font-style:normal;
  position: absolute;
  z-index: 1;
  transition: 0.5s;
  opacity:0;
}

.comments_view {
    max-height: 100px;
    overflow: auto ;
    width: 300px;
    text-align: left;
    font-family:Arial; 
	font-size:12px;   
}

.comment_table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    background: white;
}

.comment_table th:first-child{
    text-align: left ;
    width: 65%;
}
.comment_table th{
    font-weight: bolder;
    font-size: 10px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: right ;
 	border-top: 1px solid #32B4B4;
    color: #32B4B4
}

.comment_table tr td{
    padding: 1px;
    word-wrap:break-word;
    font-style:italic;
}

/* Календарь - перенос стилей из js */
.calendarMT {
	position:fixed;
	border-collapse:collapse;
	z-index:101;
	background:#FFFFFF;
	/*border:1px solid #3495FA;*/
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select:none;
	text-align: center;
	box-shadow: 0px 5px 10px rgba(14, 64, 64, 0.6);
	transition: 0.2s linear;
} 

.calendarMT .upTR{
	font:bold 12px Arial;
}

.calendarMT .cmdTD{
	cursor:pointer;
	font-size:12px;
    padding: 2px;
    border-radius: 8px;
}

.cmdTD:hover{
	/*background: #3495FA;*/
	backcround:red;
    
}
.calendarMT .dayTR{
/*	background:#3495FA;*/
	background:#2bbaf1;
	font:12px Arial;
	color:#FFFFFF;
}

.calendarMT .dateTR {
	font:10px Arial;
}

.calendarMT .dateTR td{
/*	width:18px;
	height:18px;*/
    padding: 2px;
    border-radius:5px
}

.calendarMT .botLN {
	cursor:pointer;
	font:13px Arial;
/*	background:#3495FA;*/
	background:#2bbaf1;
	color:#FFFFFF;
}

.bottomline{
    background: transparent;
    position: fixed;
    bottom: 0px;
    width: 100%;
    color: whitesmoke;
    text-shadow: 1px 1px 2px black, 0 0 1px white; 
    padding: 2px;
    font-size: 10px;
    text-align: right ;
}

/* UI12 */ 
.psDivUI12 {
	height: 50px;
	font-family:Arial;
	font-size:13px;
	width: 183px;
}
.ui12view {
	background: white;
	border: 1px solid lightgray ;
	height: 50px;
	width: 165px;
	padding: 0px 1px;
	margin-top: 0px;
	overflow: auto ;
}

.psButtonUI12 {
	height: 50px;
	padding-top:  12px;
	margin-top:-50px;	
	margin-left: 164px;
        text-decoration: none;
        font-family:Arial; 
        font-size:13px;
        padding: 2px;
        padding-top:  12px;
        padding-bottom:  2px;
        cursor:pointer;
        -webkit-user-select: none;
        text-decoration: none;
        font-family:Arial; 
        font-size:16px;
        border: 1px solid #ccc;
        color:black;
        background: #fafafa;
}

/* UI12 
.psDivUI12 {
	height: 50px;
	font-family:Arial;
	font-size:13px;
	width: 160px;
}
.ui12view {
	display: inline-block;
	position:absolute ;
	background: white;
	border: 1px solid lightgray ;
	height: 50px;
	width: 145px;

	padding: 0px 1px;
	margin-top: 0px;
	overflow: auto ;
}

.psButtonUI12 {
	position:absolute;
	display: inline-block;
	height: 50px;
	padding: 0px 1px;	
	margin-top: 0px;	
	margin-left: 144px;
	cursor:pointer;    
	-webkit-user-select: none;
	border: 1px solid #ccc;
	color:black;
	background: #fafafa;
}*/
.psButtonUI12:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #64c8ef;
	color: #191970;
	 transition: 0.2s linear;
}

.ui12e {    
	display: inline-block;
	color:black;
	padding:1px;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 1px;
	margin-bottom: 0px;
	border: 1px solid lightgray ;
	border-radius: 5px;
	cursor:default;
	-webkit-user-select: none;
}

.ui12e_df {
	background: #F2F5F7;
}

.mainum{
    font-size: 12px;
}

.usermessage {
    padding: 5px;
    background: white;
    border-radius:5px;
}

.msgatt {
    height: 70px;
    width: 70px;
    display: inline-block ;
    margin:2px;
}

.attname{
    cursor:pointer;
    position: fixed;
    max-width: 70px;
    font-size: 8px;
    text-align: center;

}

.attfl{
    cursor:pointer;
    margin-left: 10px;
    background: white;
    border: 1px solid lightgray;
    height: 50px;
    width:50px;
   
}


.headerum{
    background:#2bb9e3;
    color: white;
    font-weight: bold;
}

.headerum td{
    padding: 2px;
    padding-left: 5px;
    border-radius:5px;
}


.reqdel p {
    text-align: left;
}
.reqdel textarea {
    font-size: 12px;  
    width:300px;
}
.support_info{
    width: 80%;
/*    width: 900px; */
    text-align: left;
    background: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(255, 23, 35, 0.69); 
    transition: 2s linear;
}


/* Маленькие кнопки */
.clButton {
        padding: 2px 10px;
        border-radius: 5px;
        cursor:pointer;
        -webkit-user-select: none;
        text-decoration: none;
        font-family:Arial; 
        font-size:12px;
        border: 1px solid rgb(205, 205, 205);
        color:black;
        background: white;
}
.clButton:hover {
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
/*      color: rgb(255, 255, 255); */
}

/* красная маленькая кнопка */
.dlButton {
        padding: 2px 10px;
        border-radius: 5px;
        cursor:pointer;
        -webkit-user-select: none;
        text-decoration: none;
        font-family:Arial; 
        font-size:12px;
        border: 1px solid rgb(205, 205, 205);
        color:white;
        background: #ff370b;
}
.dlButton:hover {
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
        color: black;
}

.spvbox {
	font-weight:normal;
	padding:.5em;
	width:100%;
	background:red;
	color:white; 
	text-aling:center;
	font-size:1em;
}

/* Кнопка скрытия группы */
.bsButton {    
	padding:12px 0px 8px 0px;
	width: 1.5em;
/*	margin-left: -1.5em; */
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	font-family:Helvetica; 
	font-size:10px;
	border: 1px solid #ccc;
	border-left:0px;
	color:black;
	background: #fafafa;
}

.bsButton:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #64c8ef;
	color: #191970;
}

.vgroupname {
	padding:10px 5px 10px 5px;
	text-align:center;
	font-weight: bold; 
	display:inline-block;
	width:100%;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* меню действий над документами */
.grpmenu {
	visibility: hidden;   
	background-color: white;
	color: black;
	text-align: left;
	border-radius: 6px;
	border-top-left-radius: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	font-style:normal;
	position: absolute;
	z-index: 1;
	transition: 0.3s;
	opacity:0;
	-webkit-user-select: none; 
	box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
	border: 1px solid #8e8e8e;
	border-top: 2px solid #4bb9d6;
}

.grpmenu ul li {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	cursor:pointer;
	list-style-type: none;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.grpmenu ul li:hover {
	background: #64c8ef;
	background:linear-gradient(to top, #4bb9d6, #64c8ef);
	color: white;
}

.grpmenu ul li img {
	height:13px;
	margin-right:5px;
	margin-left:5px;
}

.cmmenu {
        visibility: hidden;   
        background-color: white;
        color: black;
        text-align: left;
        border-radius: 6px;
 /*       border-top-left-radius: 0; */
        padding-top: 6px;
        padding-bottom: 6px;
        font-style:normal;
        position: absolute;
        z-index: 101;
        transition: 0.3s;
        opacity:0;
        -webkit-user-select: none; 
        box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
 /*       border: 1px solid #8e8e8e;*/
}

.cmmenu ul li {
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif; 
        cursor:pointer;
        list-style-type: none;
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
}

.cmmenu ul li:hover {
        background: #64c8ef;
        background:linear-gradient(to top, #4bb9d6, #64c8ef);
        color: white;
}

.cmline{
    width: 5em;
    height: 1.5em;
    border: 0.1em solid #ccc;
}

/* ------ перенести вниз */
.stactframe{
    overflow: auto;
    height: 120px;
}
.stactframe table {width: 100%;}
.stactframe table th{background: rgb(250, 196, 136);}
.stactframe table th:first-child{width:34px;}

.stusrframe .ui12view {
    height: 120px;
    width: 235px;
}

.stusrframe .psButtonUI12 {
    height: 120px;
    margin-left: 234px;
    margin-top:-120px;
    padding-top: 45px;
}

.stusrframe .psDivUI12 {
    height: 120px;
    width: 253px;
}

.modgrpframe .ui12view {
    height: 90px;
    width: 200px;
}

.modgrpframe .psButtonUI12 {
    height: 90px;
    margin-left: 199px;
    margin-top:-90px;
    padding-top: 35px;
}

.modgrpframe .psDivUI12 {
    height: 90px;
    width: 220px;
}

.signinfo {
    display: none;
}

.signinfo2 {
    font-size:10px;
    width: 800px;
}

.signinfo2 table{
    border-collapse: collapse;
}

.signinfo2 table td{
    padding:5px;
    border:1px solid black;
}
.signinfo2 table th{
     border:1px solid black;
     padding:2px;
}