/* CSS Document */
@charset "UTF-8";
@font-face {
  font-family: 'Roboto'; /* Гарнитура шрифта */
  src: url(../fonts/RobotoCondensed-Regular.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: Myriad Pro; /* Гарнитура шрифта */
  src: url(../fonts/MyriadProR.otf); /* Путь к файлу со шрифтом */
}

@font-face {
  font-family: arial_r; 
  src: url(../compred/font/arial.ttf);
}
@font-face {
  font-family: arial_b; 
  src: url(../compred/font/arial_b.ttf);
}
@font-face {
  font-family: ArialNarrowBold; 
  src: url(../compred/font/ArialNarrowBold.ttf);
}
@font-face {
  font-family: ArialNarrowRegular; 
  src: url(../compred/font/ArialNarrowRegular.ttf);
}
@font-face {
  font-family: HelveticaBold; 
  src: url(../compred/font/HelveticaBold.ttf);
}
@font-face {
  font-family: HelveticaRegular; 
  src: url(../compred/font/HelveticaRegular.ttf);
}
@font-face {
  font-family: monotype_corsiva; 
  src: url(../compred/font/monotype_corsiva.ttf);
}
@font-face {
  font-family: RobotoCondensed-Light; 
  src: url(../compred/font/RobotoCondensed-Light.ttf);
}
@font-face {
  font-family: Times_New_Roman_Cyr; 
  src: url(../compred/font/Times_New_Roman_Cyr.ttf);
}
@font-face {
  font-family: Times_New_Roman_Cyr_bold; 
  src: url(../compred/font/Times_New_Roman_Cyr_bold.ttf);
}
@font-face {
  font-family: timesnewi; 
  src: url(../compred/font/timesnewi.ttf);
}


body {
  height: 100%;
  width: 100%;
  /*font-family: "Times New Roman", Times, serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}
 
#msg {
  position: fixed;
  z-index: 99999993;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*height: 30px;*/
  /*width: 200px;*/
  text-align: center;
  color: #FFFFFF;
  /*background: #D90B3A; */
  background: #008000;
  top: 5px;
  left: 15px;
  display: none;
  border-radius: 3px;
  padding: 3px 15px;
  overflow: hidden;
}
.red_msg {
  background: #D90B3A;
  padding: -3px - 15px;
  height: 100%;
  width: 100%;
}
#msg_green {
  position: fixed;
  z-index: 99999993;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*height: 30px;*/
  /*width: 200px;*/
  text-align: center;
  color: #FFFFFF;
  background: green;
  top: 5px;
  left: 15px;
  display: none;
  border-radius: 3px;
  padding: 3px 15px;
  overflow: hidden;
}
._wrap {
  height: 100%;
  width: 1000px;
  margin: 0 auto;
}
#enter, #filter {
  position: relative;
  width: 100%;
  height: 90px;
}
#cell1 {
  position: absolute;
  top: 25px;
  left: 100px;
}

#cell2 {
  position: absolute;
  top: 25px;
  left: 400px;
}

#cell3 {
  position: absolute;
  top: 25px;
  left: 700px;
}

#cell4 {
  position: absolute;
  top: 140px;
  left: 180px;
}

form input[type="text"],
form input[type="password"],
form select, .expens,
.one_sel {
	background: #FDFDFD;
	color: #436E1C;
	font-size: 13px;
	border-width: 0px;
	height: 26px;
	padding: 1px 7px;
	width: 100%;
	border-radius: 7px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
form input[type="text"]:hover, 
#filter input[type="text"]:hover,
form select:hover,
.one_sel {
   box-shadow: 0 0 30px rgba(0,0,0,0.6);
}
#period:disabled, #exp_executor:disabled, #name_expenses:disabled, #type_period:disabled, #type_expenses:disabled, #date_payed_to:disabled, #expens_name:disabled {
  background-color: #dddddd;
  color: #adadad;
}

form textarea, .scheduler_txt{
	background: #FDFDFD;
	color: #436E1C;
	font-size: 13px;
	border: none;
	height: 45px;
	padding: 7px 7px;
	width: 100%;
	border-radius: 7px;
	/*font-family: Roboto-Regular;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	/*resize: none;*/
	overflow: hidden;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

form textarea:hover, #scheduler_txt:hover {
   box-shadow: 0 0 30px rgba(0,0,0,0.6);
}
#upd_state {
	background: #FDFDFD;
	color: #436E1C;
	font-size: 13px;
	border-width: 0px;
	height: 30px;
	padding: 1px 5px;
	width: 80px;
	border-radius: 5px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#upd_state:hover {
   box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
form input[type="submit"], .send_schedule {
  background-color: #436E1C;
	border: none;
	color: #FFFFFF;
	font-size: 15px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	padding: 1px 5px;
	height: 26px;
	width: 120px;
	opacity: 0.9;
	transition: all 0.1s linear;
	border-radius: 7px;
}

form input[type="submit"]:hover, .send_schedule:hover {
  cursor: pointer;
	opacity: 1;
	font-size: 16px;
  /*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
  box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
#filter input[type="text"] {
	background: #FDFDFD;
	color: #436E1C;
	font-size: 13px;
	border-width: 0px;
	height: 26px;
	padding: 1px 7px;
	width: 500px;
	border-radius: 7px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#fcell1 {
  position: absolute;
  top: 25px;
  left: 100px;
}
#fcell2 {
  position: absolute;
  top: 25px;
  left: 700px;
}
._row {
  height: 50px;
  width: 100%;
  position: relative;
	font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
}
._row:hover {
  background-color : rgba(0,0,0,0.05);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
._td1, ._td2, ._td3, ._td4, ._td5, ._td6 {
  display: inline;
  position: absolute;
  height: 100%;
  top: 0px;
  margin-top: 5px;
  word-wrap: break-word;
}
._td1 {
  width: 130px;
  left: 0px;
}
._td2 {
  width: 400px;
  left: 145px; 
}
._td3 {
  width: 90px;
  left: 560px;
}
._td4 {
  width: 90px;
  left: 665px;
}
._td5 {
  width: 130px;
  left: 755px;
}
._td6 {
  width: 100px;
  left: 900px;
}
._top_ {
  margin-top: 20px;
}
._email { width: 120px !important; word-wrap: break-word; }
._card { width: 100px !important; word-wrap: break-word; }
.ecntr_sum {
  font-size: 11px;
  width: 70px;
  height: 16px;
  border: none;
  border-radius: 3px;
  padding: 2px 5px;
}
._bold { font-weight: 600; }
.esw1 { width: 65px; }
.file_upload{
    position: relative;
    overflow: hidden;
    font-size: 14px;
    height: 24px;
    width: 24px;   
    line-height: 20px; 
    float: right;
    /*margin: 0px 5px;*/
}
.file_upload button{
  float: right;
  width: 24px;       
  height: 24px;
	border: none;
	margin-top: 5px;
	color: #3d3d3d;
	font-size: 14px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	padding: 1px 0px;
	opacity: 0.9;
	background: none !important;
	transition: all 0.1s linear;
	cursor: pointer !important;
	z-index : 999999;
}
.file_upload button i{
	cursor: pointer;
}

.file_upload button:hover{
  cursor: pointer;
	opacity: 1;
	font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
  box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
.file_upload > div{
    padding-left: 15px;
}
.file_upload input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;


    /*transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    /*-ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer !important;
}

.fupld_ep{
    position: relative;
    overflow: hidden;
    font-size: 14px;
    height: 20px;   
    line-height: 20px;
}
.fupld_ep > button{
  float: right;
  width: 134px;       
  height: 24px;
	border: none;
	color: #3d3d3d;
	font-size: 14px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	padding: 1px 0px;
	opacity: 0.9;
	background: none !important;
	transition: all 0.1s linear;
	cursor: pointer !important;
	z-index : 999999;
}
.fupld_ep > button i{
	cursor: pointer;
}
/*
.fupld_ep > button:hover{
  cursor: pointer;
	opacity: 1;
	font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
  box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
*/
.fupld_ep > button:active, button:focus {
  outline: none;
}
.fupld_ep > button::-moz-focus-inner {
  border: 0;
}
.fupld_ep > div{
    padding-left: 15px;
}
.fupld_ep input[type=file]{
    position: absolute;
    /*
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    */
    right: 0;
    top: 0;
    width: 134px;
    height: 24px;
    /*transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    /*-ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer !important;
}

._header {
	color: #436E1C;
	font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
  text-shadow: 0 0 5px rgba(200,200,200,0.8);
}
._header span {
  cursor: pointer;
  float: right;
}
._header span span {
  cursor: pointer;
  float: right;
	font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
}
#_block_form1 div, #_block_form2 div, _block_form3 div {
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

._lnk-address {
  color: #3fae2a !important;
  font-size: 14px;
  text-decoration: none;
  float: left;
  margin-left: 10px;
}

._lnk-del {
  color: #FF0000 !important;
  font-size: 15px;
  text-decoration: none;
  /*float: right;
  margin-right: 5px;*/
}

.table_data {
  width: 100%;
  max-width: 100%;
}

.table_data tbody td {
  /*border: 2px solid #fff;*/
  border-bottom: 1px solid rgba(0,0,0,0.3) !important;
  padding: 4px 3px !important;
  font-size: 13px;
}
.table_data tbody td:last-child {
  border-right: 8px solid #fff;
}
.table_data tbody td:nth-child(2) {
  border-left: none;
}
.table_data tbody tr:first-child td {
  border-top: 6px solid #fff;
}
.table_data tbody tr:last-child td {
  /*border-bottom: none;*/
}
.table_data thead span {
  /*background: url("../img/bg_table.png") no-repeat center 0;*/
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 5px;
  display: block;
  padding-bottom: 7px;
  padding-left: 4px;
  padding-top: 5px;
  line-height: 20px;
  text-align: center;
}
.table_data thead th {
  padding: 5px !important;
  background: #006517;
  border-bottom: 2px solid #d2d2d2;
  font-size: 14px !important;
  color: #FDFDFD;
}

.table_data thead th.type {
  border-right: 3px solid #d2d2d2;
}
.table_data thead th.sep {
  padding: 1px !important;
  background: none;
}
.table_data thead th:last-child {
  border-right: none;
}
.table_data thead th .empty {
  width: 100%;
  min-width: 28px;
}
.table_data th {
  text-align: center;
  line-height: 16px !important;
  padding: 5px 4px !important;
}
.table_data td {
  text-align: center;
  line-height: 16px !important;
}
.table_data td.level {
  color: #646464;
  font-size: 17px;
  border-right: none;
  border-left: none;
}
.table_data td a {
  color: #fff;
  text-decoration: none;
}

.table_data td a span {
    display: none;
}

.table_data td a span.active {
    display: inline-block;
}
.hide {
    display: none;
}
.table_data .open.selected{
    background-color: red;
}

.table_data tr:hover {
  background-color: #CDCDCD;
  /*cursor: pointer;*/
}


.table_data td.level {
  color: #646464;
  font-size: 17px;
  border-right: none;
  border-left: none;
}
.table_data td a {
  color: #fff;
  text-decoration: none;
}

.table_data td a span {
    display: none;
}

.table_data td a span.active {
    display: inline-block;
}
.hide {
    display: none;
}
.table_data .open.selected{
    background-color: red;
}
._text-left {
  text-align: left !important;
  padding-left: 10px;
}
._text-right {
  text-align: right !important;
  padding-right: 10px;
}
._text-center {
  text-align: center !important;
}
.table_data tr:hover>td {
  background-color: #00A557 !important;
  color: #FDFDFD !important;
}
.table_data tr:hover>td div, .table_data tr:hover>td .expns {
  color: #FDFDFD !important;
}
._coltd {
  /*border: 5px solid #fff;*/
  background-color: #F5F5F5;
  padding: 3px 2px !important;
}
.head_chart {
  font-size: 14px;
  color: #FD0303; 
  width: 48%;
  border: none;
  height: 35px;
  margin-top: 5px;
  background-color: rgba(0,0,0,0);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.head_chart:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.head_btn {
  font-size: 14px;
  color: #FDFDFD; 
  width: 80%;
  background-color: #397939;
  border: none;
  border-radius: 7px;
  height: 35px;
  margin-top: 5px;
}
.head_btn_active {
  font-size: 14px;
  color: #FDFDFD; 
  width: 80%;
  border: none;
  border-radius: 7px;
  height: 35px;
  margin-top: 5px;
  background-color: #F80304 !important;
}
.head_btn:hover {
  color: #FDFDFD; 
  background-color: #308930;
}

.td_img {
  width: 16px;
  height: 16px;
  margin: auto auto;
}
._lnk-adr_txt {
  color: #436E1C !important;
  font-size: 13px;
  text-decoration: none;
  float: left;
  margin-left: 10px;
}
.td_back {
  background-color: #DCEBDC !important;
}
.table_data tr:hover>td ._lnk-adr_txt {
  color: #FCFCFC !important;
}
.table_data tr:hover>td ._ea_sum {
  color: #FCFCFC !important;
}
.table_data tr:hover>td ._lnk-address {
  color: #FCFCFC !important;
}

.table_data tr:hover>td ._lnk-del {
  color: #FCFCFC !important;
}

._red {
  background-color: #FFB0A5 !important;
  /*border: 3px solid #FFCFCF !important;*/
}
._orange {
  background-color: #ffdead !important;
  /*border: 3px solid #ffa500 !important;*/
}
._green {
  background-color: #b0d959 !important;
}
._gray_sect {
  background-color: #d9d9d9 !important
}
.font-td {
  font-size: 13px !important;  
}

.input_hint {
	width: calc(100% - 15px) !important;
}

.input_chk {
	width: calc(100% - 20px) !important;
	margin-left: 3px;
}

.prcnt_zero {
  color: red !important;
  font-weight: 800;
}

.edit_prcnt {
  margin-left: 15px;
  padding-left: 5px;
  width: 40px;
  color: #1d1d1d;
  font-size: 13px;
  border: none;
  float: left;
}
.edit_summ {
  margin-left: 15px;
  padding-left: 5px;
  width: 60%;
  color: #1d1d1d;
  font-size: 13px;
  border: none;
  float: left;
}
.edit_arrears {
  margin-left: 2px;
  padding-left: 2px;
  width: 67%;
  color: #1d1d1d;
  font-size: 13px;
  border: none;
  float: left;
}
.edit_cd { 
  margin-left: 3px;
  padding-left: 5px;
  width: 20px;
  color: #1d1d1d;
  font-size: 13px;
  font-weight: 600;
  border: none;
}
._ea_sum {
  color: #436E1C !important;
  font-size: 13px;
  text-decoration: none;
  float: left;
  margin-left: 3px;
}
.edit_sost_eq {
  margin-left: 15px;
  padding-left: 5px;
  width: 60%;
  max-width: 80px;
  color: #1d1d1d;
  font-size: 13px;
  border: none;
  float: left;
}

.edit_summ_msg {
  margin-left: 5px;
  padding-left: 5px;
  width: 80%;
  min-width: 100px;
  min-height: 40px;
  color: #1d1d1d !important;
  font-size: 13px;
  border: none;
  float: left;
}
.table_data tr:hover>td .edit_summ_msg {
  color: #1d1d1d !important;
}
._rd_dt {
  color: #838383 !important;
}
.table_data tr:hover>td ._rd_dt {
  color: #e3e3e3 !important;
}

#bar {
    height: 16px;
    width: 50px;
    display: none;
}

#td_row {
  height: 2px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 3px !important;
  border-collapse: collapse !important;
}
._hr {
  border: 0 !important;
  height: 1px !important;
  background: #000 !important;
  margin: 5px;
  background-image: -webkit-linear-gradient(left, #fff, #000, #fff) !important;
  background-image: -moz-linear-gradient(left, #fff, #000, #fff) !important;
  background-image: -ms-linear-gradient(left, #fff, #000, #fff) !important;
  background-image: -o-linear-gradient(left, #fff, #000, #fff) !important;
}
.info_sched {
  height: 70vh;
  width: 800px;
  background-color: #FDFDFD;
  border: 1px solid #adadad;
  position: absolute;
  top: 13vh;
  left: calc(50% - 400px);
  display: none;
  border-radius: 2px;
  z-index: 9999999;
  overflow: hidden;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
.popup {
  position: fixed;
  top: calc(50% - 100px);
  left: calc(50% - 130px);
  display: none;
  height: 200px;
  width: 260px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
  z-index: 99;
}

.popup_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.popup_close i { font-size: 16px; }

#popup_info {
  position: absolute;
  width: 100%;
  height: 180px;
  top: 10px;
  padding: 15px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll;
}
.phdata { font-size: 13px; font-weight: 600; } 

.msg_chat {
  width: 100%;
  min-height: 100px !important;
  max-height: 160px !important;
  overflow-y: scroll;
  font-size: 13px; 
  font-weight: 400;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  padding: 10px;
}

.btn_type {
  background-color: #436E1C;
	border: none;
	color: #FFFFFF;
	font-size: 14px;
	/*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	padding: 3px 5px;
	height: 26px;
	width: 100%;
	cursor: pointer;
	opacity: 0.9;
	transition: all 0.1s linear;
	border-radius: 7px;
}
.fixed-th {
  position: fixed;
  top: 0px;
  z-index: 99999;
  display: none;
}

.modal {
    display:     none;
    position:    fixed;
    top:         calc(50% - 24px);
    left:        calc(50% - 24px);
    height:      48px;
    width:       48px;
    background-image: url('../img/load.gif');
    overflow:    hidden; 
    z-index:     999999999;
    /*padding:     15px 7px;*/
}
.modal div {
    color:            #3598c9;
    font-weight:      600;
    background-color: rgba(255,255,255,0.7);
    border-radius:    7px;
    width:            100%;
    text-align:       center;
}
.equip {
  position: fixed;
  top: 15%;
  left: calc(50% - 200px);
  display: none;
  height: 600px;
  width: 400px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.equip_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.equip_close i { font-size: 16px; }

#equip_info {
  position: relative;
  width: 100%;
  height: 590px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
  overflow-x: hidden; 
}

.popup_gip {
  position: fixed;
  top: 25%;
  left: calc(50% - 150px);
  display: none;
  height: 400px;
  width: 300px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.popup_gip_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.popup_gip_close i { font-size: 16px; }

#popup_gip_info {
  position: relative;
  width: 100%;
  height: 390px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.add_popup {
  position: fixed;
  top: calc(50% - 300px);
  left: calc(50% - 400px);
  display: none;
  height: 600px;
  width: 800px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
  z-index: 99;
}

.add_popup_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.add_popup_close i { font-size: 16px; }

#add_popup_info {
  position: relative;
  width: 100%;
  height: 590px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}   

#state_exec_top, #state_exec_bot {
  position: relative;
  width: 100%;
  height: 260px !important;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
}
#state_cust_top, #state_cust_bot {
  position: relative;
  width: 100%;
  height: 260px !important;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
}

.txt_mail {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: none;
  height: calc(100% - 50px);
  width: 100%;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.txt_mail_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 999;
}
.txt_mail_close i { font-size: 16px; }

#txt_mail_main {
  position: relative;
  width: 100%;
  height: 540px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
} 

.mail_adm {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: none;
  height: calc(100% - 50px);
  width: 800px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
  padding-top: 20px;
}

.mail_adm_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 999;
}
.mail_adm_close i { font-size: 16px; }

#mail_adm_main {
  position: relative;
  width: 100%;
  height: calc(100% - 20px);
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
  z-index: 9999;
  padding: 10px;
}
 
.add_pmail {
  position: fixed;
  /*top: calc(50% - 300px);*/
  top: calc(50% - 360px); 
  left: calc(50% - 400px);
  display: none;
  height: 710px;
  width: 800px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.add_pmail_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 9999;
}
.add_pmail_close i { font-size: 16px; }

#add_popup_mail {
  position: relative;
  width: 100%;
  height: 700px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
}

#in_popup_top {
  position: relative;
  width: 100%;
  height: 350px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
}
#in_popup_middle {
  position: relative;
  width: 100%;
  height: 350px; /*350*/
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
}
#in_popup_middle_hide {
  display: none;
  position: absolute;
  width: 100%;
  height: 500px;
  bottom: 0px;
  font-size: 13px; 
  font-weight: 400;
  background: rgba(255,255,255,1);
  padding-top: 25px;
}
#in_in_popup_middle_hide {
  position: absolute;
  width: 100%;
  height: 480px;
  bottom: 0px;
  overflow-y: scroll !important;
}
#tmplt_mail {
  height: 25px;
  width: 100%;
}
#in_form_middle {
  width: 100%;
  padding: 10px 0px;
  height: 40px;
  font-size: 13px; 
  font-weight: 400;
}
#in_in_middle {
  position: relative;
  width: 100%;
  height: 340px;
  /*top: 30px;*/
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
}
#in_popup_bottom {
  position: absolute;
  display: none;
  width: 100%;
  height: 500px;
  bottom: 0px;
  font-size: 13px; 
  font-weight: 400;
}
#in_form_bottom {
  background: rgba(255,255,255,1);
  position: absolute;
  width: 100%;
  height: 120px;
  top: 0px;
  font-size: 13px; 
  font-weight: 400;
  z-index: 9998;
}
#in_in_bottom {
  background: rgba(255,255,255,1);
  position: absolute;
  width: 100%;
  height: 380px;
  bottom: 0px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
}

#form_bottom_send {
  background: rgba(255,255,255,1);
  position: sticky;
  width: 100%;
  /*height: 120px;*/
  bottom: 0px;
  font-size: 13px; 
  font-weight: 400;
  padding: 10px 15px 10px 15px;
  z-index: 9998;
  border-top: solid 1px #9d9d9d;
  display: none;
}

.row_color { background-color: rgba(215,215,215,1) !important; }

.button_equip {
  width: 80px !important;
  border-radius: 2px;
  /*border: 1px solid rgba(90,90,90,0.3);*/ 
  cursor: pointer;
  border-shadow: 0 0 2px rgba(127,127,127,0.7);
  /*text-decoration: underline;*/
  /*background-color: rgba(127,127,127,0.7);*/
}
.button_equip:hover {
  /*background-color: rgba(255,255,255,0.7);*/
  border-shadow: 0 0 2px rgba(255,255,255,0.7);
  font-weight: 600;
}

.equipADM {
  position: fixed;
  top: 15%;
  left: calc(50% - 290px);
  display: none;
  height: 600px;
  width: 580px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.prov {
  position: fixed;
  top: 15%;
  left: calc(50% - 200px);
  display: none;
  height: 600px;
  width: 400px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.prov_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.prov_close i { font-size: 16px; }

#prov_info {
  position: relative;
  width: 100%;
  height: 590px;
  top: 10px;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
}

.popup_chat {
  position: fixed;
  top: 20%;
  left: calc(50% - 250px);
  display: none;
  height: 500px;
  width: 500px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.chat_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.chat_close i { font-size: 16px; }

#popup_chat_info {
  position: relative;
  width: 100%;
  height: 490px;
  top: 10px;
  font-size: 12px; 
  font-weight: 400;
}

#popup_chat_sect {
  position: relative;
  width: 100%;
  height: 590px;
  top: 10px;
  font-size: 12px; 
  font-weight: 400;
}

.mailc {
  position: absolute;
  display: none;
  height: 240px;
  width: 260px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background-color: rgba(240,240,237,0.92);
  color: #000000;
}

.mailc_close {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  z-index: 99;
}
.mailc_close i { font-size: 16px; }

#mailc_info {
  position: relative;
  width: 100%;
  height: 235px;
  top: 15px;
  font-size: 13px; 
  font-weight: 400;
  /*overflow-y: scroll !important;*/
}
.edit_mail {
  margin: 7px 5px 0px 10px;
  padding-left: 5px;
  width: 90%;
  min-height: 20px;
  color: #1d1d1d !important;
  font-size: 13px;
  border: 1px;
}
.edit_mail_short {
  margin: 5px 5px 0px 10px;
  padding-left: 5px;
  width: 107px;
  min-height: 20px;
  color: #1d1d1d !important;
  font-size: 13px;
  border: 1px;
}
.edit_mail_filter {
  margin: 5px 10px 0px 10px;
  padding: 2px;
  width: 190px;
  height: 50px;
  color: #1d1d1d !important;
  font-size: 13px;
  border: 1px;
}
.bonus {
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  /*text-decoration: underline;*/
  padding: 1px 1px;
  /*border: 1px solid gray;*/
  border-radius: 5px;
}
.bonus:hover { box-shadow: 0 0 3px rgba(55,55,55,0.9); }
.bc { color: red; /*border: 1px solid red;*/ }
.bd { text-decoration: underline; font-weight: 800; font-size: 10px; }
._off { cursor: default !important; }
/*.bd { font-weight: 700; cursor: default !important; border: 1px solid #1F1F1F; }*/
.ekp {}
.peq {}
.edit_send_sms {
  height: calc(100% - 25px);
  width: 100%;
}
.edit_cmnts_sms {
  height: calc(100% - 25px);
  width: 100%;
}
.edit_all_summ {
  position: absolute;
  /*height: 60px;*/
  width: 170px;
  padding-left: 5px;
  padding-top: 7px;
  top: 0px;
  left: 0px;
  background-color: #D3D3D3;
  border-radius: 5px;
  display: none;
}
.edit_section {
  position: absolute;
  /*height: 60px;*/
  width: 170px;
  padding-left: 5px;
  padding-top: 7px;
  top: 0px;
  left: 0px;
  background-color: #D3D3D3;
  border-radius: 5px;
  display: none;
}
.history_summ {
  position: absolute;
  /*height: 60px;*/
  width: 190px;
  padding-top: 7px;
  padding-bottom: 7px;
  top: 0px;
  left: 0px;
  background-color: #D3D3D3;
  border-radius: 5px;
  display: none;
  z-index: 99;
}
.edit_summ_cost {
  margin-left: 20px;
  padding-left: 5px;
  width: 60%;
  min-width: 60px;
  min-height: 20px;
  color: #1d1d1d !important;
  font-size: 13px;
  border: 1px;
  float: left;
}
.child_cust {
  position: absolute;
  width: 500px;
  padding-top: 7px;
  padding-bottom: 7px;
  top: 0px;
  left: 0px;
  background-color: #F3F3F3;
  /*border-radius: 5px;*/
  border: 1px solid black;
  display: none;
  z-index: 999999;
} 
.child_ecust {
  position: absolute !important;
  width: 500px;
  padding-top: 7px;
  padding-bottom: 7px;
  top: 0px;
  left: 0px;
  background-color: #F3F3F3;
  /*border-radius: 5px;*/
  border: 1px solid black;
  display: none;
  z-index: 999999;
} 
.child_cust .table_data td, .child_ecust .table_data td { border: 1px solid #9d9d9d !important; } 
.edit_child_flds {
  margin: 0px;
  padding-left: 5px;
  width: 100%;
  min-height: 20px;
  color: #1d1d1d !important;
  font-size: 13px;
  font-weight: 500 !important;
  border: 1px;
  float: left;
}
.show_example {
  position: absolute;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  top: 0px;
  left: 0px;
  background-color: #F3F3F3;
  /*border-radius: 5px;*/
  border: 1px solid black;
  display: none;
  text-align: left;
  line-height: 20px;
  z-index: 999999;
}
.show_example span a { color: black; }
.hint_schedul {
  background-color: #F3F3F3;
  z-index: 999999;
  border-radius: 5px;
  width: 150px;
  font-size: 9px; 
  /*height: 100px;*/
  /*overflow-y: scroll;*/
  display: block;
  position: absolute;
  top: calc(50% + 16px);
  left: -140px;
  color: black !important;
  text-align: left;
  padding: 1px;
}
.hint_schedul:hover { color: black !important; }
#report_div {
  position: absolute;
  top: 10px;
  left: 70px;
  display: none;
}
#report_div ul {
  display: block;
  width: 100%;
}
#report_div ul li {
  list-style-type: none;
  width: 100%;
}
#report_div ul li button {
  width: 100%;
}
.arcYI {
  width: 40px;
  height: 24px;
  vertical-align: middle;
}
.arcYB {
  height: 24px;
  font-size: 14px;
  padding: 4px 8px !important;
  background-color: #FDFDFD;
  color: #0D0D0D;
  vertical-align: middle;
  border-radius: 3px;
  line-height: 14px;
  border: 1px solid #3D3D3D;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.arcYB:hover { background-color: #0D0D0D; color: #FDFDFD; }

.info_msg {
  display: none;
  position: fixed;
  width: 440px;
  top: 180px;
  left: calc(50% - 220px);
  height: 400px;
  background-color: rgba(240,240,240,0.97);
  border-radius: 5px;
  z-index: 99999;
  border: 1px solid rgba(0,0,0,0.5);
  box-shadow: 0 0 10px rgba(0,0,0,0.5); 
}
.inf_data {
  overflow-y: scroll;
  padding: 15px; 
  width: 100%;
  height: calc(100% - 25px); 
}
.row_d {
  width: 100%;
  border-bottom: 1px solid black;
  position: relative;
  padding: 5px 0;
}
.row_sd {
  width: 100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid rgba(200,200,200,0.6);
  position: relative;
  padding: 5px 0;
}
.row_d div {
  display: inline-block;
  position: relative;
  word-break: break-all;
  /*word-break: keep-all;*/
}
._exp {
  padding: 10px 3px 3px 3px;
  width: 100%;
}
._expl {
  text-align: left;
  display: inline;
  cursor: pointer;
}
._expc {
  text-align: center;
  display: inline;
  cursor: pointer;
}
._expl {
  text-align: left;
  display: inline;
  cursor: pointer;
}
._expl span:after {
  font-family: "Arial";
  margin-left: 2px;
  content: "ПСД";
}
._expr {              
  text-align: right;
  display: inline;
  cursor: pointer;
}
._expr span:after {
  font-family: "Arial";
  margin-left: 2px;
  content: "СМ";
}
._expert {
  background-color: rgba(240,50,10,0.6); 
  color: white; 
  margin: 2px 2px; 
  height: 18px; 
  border-radius: 8px; 
  font-size: 14px;
  display: inline-block;
  padding: 0px 1px;
}
._egreen { background-color: rgba(10,240,10,0.6) !important; }
@media screen and (max-width: 1200px) {
  ._expert {
    font-size: 13px;
    padding: 2px;
  }
}
@media screen and (max-width: 991px) {
  ._expert {
    font-size: 12px;
    padding: 2px;
  }
  .btn-atn { font-size: 12px; }
}
#chart_dframe {
  width: 722px;
  height: 458px;
  position: fixed;
  display: none;
  top: calc(50% - 226px);
  left: calc(50% - 361px);
  border-radius: 5px;
  overflow: hidden;
  z-index: 999999;
  background-color: rgba(245,245,245,0.9);
  border: 1px solid #030303;
}
#chart_frame {
  width: 720px;
  height: 422px;
  position: absolute;
  top: 34px;
  left: 0px;
  overflow: hidden;
}
#chart_div {
  width: 700px;
  height: 400px;
  position: relative;
  top: 10px;
  left: 10px;
  background-color: rgba(245,245,245,0.99);
}
.date_hist {
  width: 100px;
  height: 22px;
  font-size: 14px;
}
.period_dt {
  width: 100px;
  height: 26px;
  font-size: 14px;
  text-align: center;
  background-color: #FDFDFD;
}
.period_dt:hover {
  background-color: #EDEDED;
}



div.mychart div:last-child {
    position: relative;
    z-index: 100;
    background: none;
    border:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

div.mychart div:last-child .google-visualization-tooltip {/*.mychart-tooltip {*/
    position: absolute;
    width: 100%; /*130px;*/
    height: 400px; /*50px;*/
    /*font-weight:bold;*/
    font-size:14px;
    color:#000000;
    font-family: "Arial";
    z-index: 101;
    text-align: right;
    /*background: #e3e5e5;*/
    top: -400px;
}
div.mychart div:last-child .google-visualization-tooltip div {
    position: fixed;
    top: 205px;
    left: 170px;
}


/******************************************************************************/
#expenses {
  display: none;
  background-color: #fdfdfd;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0px;
  /*z-index: 999999;*/
  z-index: 99999992;
}
#expenses_info {
  position: relative;
  top: 20px;
  width: 100%;
  height: calc(100% - 200px);
}
#tz_files {
  display: none;
  background-color: #fdfdfd;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0px;
  /*z-index: 999999;*/
  z-index: 99999993;
}
#tz_files_info {
  position: relative;
  top: 20px;
  width: 100%;
  height: calc(100% - 200px);
}
#expenses_list td { font-size: 12px; padding: 2px 3px !important; }

.comm_hist { width: 200px; height: 50px; border-radius: 3px; background-color: #d3d3d3; display: none; position: absolute; top: 0px; left: 0px; }

@media screen and (min-height: 950px) {
  #tbl_expens {
    height: calc(100vh - 250px) !important;
  }
}

@media screen and (max-width: 768px) {
  #tbl_expens {
    height: calc(100vh - 450px) !important;
  }
}
.expns { color: #8b0000 }
/******************************************************************************/




/******************************************************************************/
.show_example_ANEW {
  position: absolute;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  top: 0px;
  left: 0px;
  background-color: #F3F3F3;
  /*border-radius: 5px;*/
  border: 1px solid #9A9A9A;
  display: none;
  text-align: left;
  line-height: 20px;
  z-index: 9;
}
.hist { display: inline-block; }
.w40 { width: 40% !important; }
.w35 { width: 35% !important; }
.w30 { width: 30%; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }

.hint_ANEW {
  background-color: #3598c9;
  box-shadow: 3px 5px 12px rgba(0,0,0,0.45);
  z-index: 9999999;
  border-radius: 5px;
  width: 150px;
  font-size: 9px; 
  /*height: 100px;*/
  /*overflow-y: scroll;*/
  /*display: block;  пока по умолчанию скрываем */
  display: none;  
  position: absolute;
  top: calc(50% + 16px);
  left: -140px;
  color: white !important;
  text-align: left;
  padding: 1px;
}
.phint {
  background-color: #3598c9;
  box-shadow: 3px 5px 12px rgba(0,0,0,0.45);
  z-index: 9999999;
  border-radius: 5px;
  width: 160px;
  font-size: 10px; 
  position: absolute;
  color: white !important;
  text-align: left;
  display: none;
  padding: 3px 5px;
  top: 20px;
  right: 5px;
}
.hint-data { color: #efefef; width: calc(100% - 2px); padding: 2px; margin: 1px; word-break: break-all; }
.hint-data b { color: white; font-style: italic; }
.hint_ANEW:hover { background-color: #2578b9; }
.mailc_ANEW {
  position: absolute;
  display: none;
  height: 240px;
  width: 260px;
  padding-left: 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  background: rgba(235,235,235,1);
  color: #436E1C;
  clip-path: polygon(100% 0, 100% 100%, 4% 100%, 4% 5%, 0 0);
  background-image: url('../img/mcback.png');
}

._close_ANEW {
  position: absolute;
  right: 2px;
  top: 0px;
  cursor: pointer;
  z-index: 99;
}
.mailc_ANEW_close i { font-size: 16px; }
.add_ppp_ANEW {
  position: fixed;
  display: none;
  font-family: Arial, Times, serif;
  /*opacity: 0; 
  visibility: hidden;*/
  background: linear-gradient(to right, rgba(235,240,242,1) 0%, rgba(234,234,234,1) 100%);
  position: absolute;
  z-index: 99999999;
  width: 460px;
  height: 573px;
  /*height: 60%;*/
  min-height: 420px;
  top: 20%;
  left: 0px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border: 1px solid #ededed;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  font-size: 13px;
  /*pointer-events: none;*/
}
.cnt_name, .cnt_cust, .cnt_op {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px;
  display: none;
  font-size: 10px;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.nw_NEW {
  line-height: 11px; 
  width: calc(100% - 3px); 
  margin: 0 !important; 
  font-size: 11px; 
  border: 1px solid #e0e0e0;
  background-color: #fDfDfD;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 60px;
  min-height: 60px;
  z-index: 9999;
  padding: 4px 3px 7px 3px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.7;
  box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.55);
}
.nw_NEW:hover { opacity: 1; }
._dvd {
  position: absolute;
  top: 0px;
  /*right: -30px;*/
  left: 50px;
  opacity: 0.4;
}
.cnt_ppp_ANEW {
  position: relative;
  width: 100%;
  height: calc(100% - 30px);
  top: 30px;
  font-size: 13px; 
  font-weight: 400;
  /*overflow: hidden;*/
}
.sched_ppp_mobi {
  position: relative;
  width: calc(100% - 10px);
  height: calc(100vh - 50px); 
  padding-top: 30px;
  top: 0px;
  font-size: 12px; 
  font-weight: 400;
  margin: 0px 5px;
  /*overflow: hidden;*/
}
.mail_ppp_mobi {
  position: relative;
  width: 100%;
  height: calc(100% - 30px);
  top: 30px;
  font-size: 13px; 
  font-weight: 400;
}
.in_cnt_ppp {
  position: relative;
  width: 100%;
  height: 512px !important;
  font-size: 13px; 
  font-weight: 400;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
.top_sched {
  height: 100px;
  top: 0px;
  position: absolute;
  width: 100%;
  z-index: 99;
  background-color: #e0e0e0;
  border-bottom: 1px solid #3d3d3d;
  padding: 2px 5px;
}
.in_scroll {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background-color: #d2d2d2;
}
.mail_main {
  position: relative;
  width: 100%;
  height: 100%;
}
.in_scroll_mail {
  position: relative;
  width: 100%;
  top: 50px;
  height: calc(100vh - 90px);
  overflow-y: scroll;
  background-color: #d2d2d2;
}
.sched_win {
  position: absolute;
  height: calc(100% - 100px);
  bottom: 0px;
  padding: 5px 0px;
}
.check_m {
  position: absolute;
  top: 1px;
  right: 1px;
}
#mailc_ANEW_info {
  position: relative;
  width: 95%;
  height: 235px;
  top: 15px;
  font-size: 13px; 
  font-weight: 400;
  /*overflow-y: scroll !important;*/
}
.edit_mail_ANEW { 
	background: rgba(255,255,255,0.4);
	color: #436E1C;
	font-size: 12px;
	border: 1px solid rgba(215,215,215,0.8);
	height: 20px;
	padding: 1px 4px;
	margin: 7px 5px 0px 10px;
	width: 95%;
	border-radius: 5px;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.edit_mail_short_ANEW {
	background: rgba(255,255,255,0.4);
	color: #436E1C;
	font-size: 12px;
	border: 1px solid rgba(215,215,215,0.8);
	height: 20px;
	padding: 1px 4px;
	margin: 5px 0px 0px 10px;
	width: 105px;
	border-radius: 5px;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;

}
.edit_mail_filter_ANEW {
  background: rgba(255,255,255,0.4);
  margin: 5px 10px 0px 10px;
  padding: 2px;
  width: 180px;
  height: 50px;
  color: #1d1d1d !important;
  font-size: 12px;
  border: 1px solid rgba(215,215,215,0.8);
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  line-height: 12px; 
  overflow-y: scroll;
  word-break: break-all;
}
.edit_mail_ANEW:hover, .edit_mail_short_ANEW:hover, .edit_mail_filter_ANEW:hover {
  box-shadow: none !important;
  border: 1px solid #adadad;
  background: rgba(255,255,255,0.6); 
   /*box-shadow: 0 0 10px rgba(0,0,0,0.6);*/
}  
.prj_row { 
  border: 1px solid #e0e0e0; 
  border-radius: 7px; 
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0px;
  margin-right: 0px;  
}
.prj_row:hover { border: 1px solid #3d3d3d; border-radius: 7px; background: #d7d7d7; }

._tr_ {
  border-radius: 7px;
  /*border: 1px solid #dddddd;*/
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0px;
  margin-right: 0px;
  position: relative; 
}
._bgray { border: 1px solid #dddddd; }
._bgreen { border: 1px solid green; }
._cmm {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
  width: 20px;
  font-size: 12px;
  border-bottom: 1px solid #adadad;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  display: flex;
}
._cmm img { cursor: pointer; }
._min_max {
  position: absolute;
  right: 2px;
  top: 7px;
  z-index: 1;
  width: 40px;
  font-size: 12px;
  border-bottom: 1px solid #adadad;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  display: flex;
}
.mmw60 { width: 60px !important; }
._mm_new, ._add_frz_arc {
  position: absolute;
  right: 2px;
  top: 7px;
  z-index: 1;
  width: 20px;
  font-size: 12px;
  /*border: 1px solid #bdabab;*/
}
._add_frz_arc { top: auto; bottom: 7px; cursor: pointer; text-align: center; }
._mm80 { width: 80px !important; }
._prel { position: relative; }
.water_mark {
  background-image: url('../img/water_mark.png');
}                      
._min_max div, ._mm_new img { width: 20px; cursor: pointer; }
._max {
  position: absolute;
  right: 19px;
  top: -1px;
  z-index: 99;
  width: 40px;
  font-size: 12px;
  border-bottom: 1px solid #adadad;
  border-left: 1px solid #adadad;
  /*border-right: 1px solid #adadad;*/
  display: flex;
}
._max div { width: 20px; cursor: pointer; }
._tr_:hover { /*border: 1px solid #adadad;*/ background-color: #aeb7ad; }
._cb { height: 100%; padding: 7px 1px !important; overflow: visible !important; }
._cbc { height: 100%; padding: 3px 1px !important; overflow: visible !important; }
._cbkp { height: 100%; padding: 3px 1px !important; overflow: visible !important; }
.col_bar {
  font-family: Arial, Times, serif;
  /*height: 31px;*/
  height: 150px;
  /*border-radius: 5px;*/
  /*border: 1px solid #adadad;*/
  background: linear-gradient(to right, rgba(235,240,242,1) 0%, rgba(234,234,234,1) 100%);
  width: 100%;
  /*clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
  */
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /*overflow: visible !important;*/
  overflow: hidden;
  /*cursor: pointer;*/
}
.div_help {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #bdbdbd;
  background-image: url('../img/quest.svg');
  position: absolute;
  top: 5%;
  right: 1%;
  color: white;
  opacity: 0.5;
}
.dhl { right: auto !important; left: 1%; }
._chld { display: none; }
._h50 { height: 50px; }
._he50 { height: 50px; overflow: visible; }
._h40 { height: 40px; }
._hm50 { height: 60px; }
.check_prov, .uncheck_prov {
  margin: 2px 0px; 
  padding: 3px 0px 5px 0px; 
  border-bottom: 1px solid #cdcdcd; 
  width: 100%;
}
.uncheck_prov { display: none; }
.col_main_prov {
  text-align: left; 
  padding: 0px 3px; 
  /*width: 130px;*/
  width: 115px;
  font-size: 8px; 
  display: inline-block; 
  position: relative;
  line-height: 11px;
  vertical-align: top;
  border-right: 1px solid #dddddd;
}
.col_equip_prov {
  text-align: left; 
  padding: 0px 0px; 
  /*width: 190px;*/
  width: 205px; 
  font-size: 8px; 
  display: inline-block; 
  position: relative;
  line-height: 11px;
  vertical-align: top;
  border-right: 1px solid #dddddd;
}
.col_cntc_prov {
  font-size: 8px; 
  padding: 0px 3px; 
  line-height: 14px; 
  width: 70px; 
  display: inline-block; 
  position: relative;
  vertical-align: top;
  border-right: 1px solid #dddddd;
}
.loads_w {
  background-color: #b3b3b3;
	border: none;
	color: #ffffff;
	font-size: 11px;
	font-style: italic;
	height: 20px;
	display: inline-block;
	padding: 3px 10px;
	opacity: 0.9;
	transition: all 0.1s linear;
	border-radius: 2px;
	font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	cursor: pointer;
}
.noclick { pointer-events: none; opacity: 0.6; }
.loads_w:hover {
  background-color: #a3a3a3;
  color: #fdfdfd;
}
.row_pe {
  width: 100%;
  margin: 0 0 3px 0;
  padding: 0;
  border-bottom: 1px solid #dddddd;
}
.pe1 {
  position: relative;
  display: inline-block;
  /*width: 30px;*/
  width: 45px;
  vertical-align: top;
  border-right: 1px solid #dddddd;
  word-break: break-word;
}
.pe2 {
  position: relative;
  display: inline-block;
  width: 64px;
  vertical-align: top;
  border-right: 1px solid #dddddd;
  word-break: break-word;
}
.pe3 {
  position: relative;
  display: inline-block;
  width: 90px;
  vertical-align: top;
}
.check_prov_sect {
  position: absolute;
  right: -5px;
  bottom: -3px;
}
.col_agenc_prov {
  text-align: left; 
  padding: 0px 0px; 
  width: 30px; 
  font-size: 8px; 
  display: inline-block; 
  position: relative;
  line-height: 11px;
  vertical-align: top;
  padding-left: 6px;
  min-height: 48px;
  border-right: 1px solid #dddddd;
}
.pact_agc { position: relative; min-height: 48px; }
.pact_agc:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/agc.png');
    background-size: cover; 
    /*background-position: top 0px right 3px;*/
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}
.sect_filtr {
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 100%;
  max-height: 250px;
  min-height: 30px;
  background: #f1f2f3;
  z-index: -1;
  opacity: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #9a9a9a;
}
/* ._hm50 { height: 30px; } */
.bar_sect a {
  opacity: 0.9;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bsa { width: 13px; opacity: 0.3; vertical-align: text-top; }
.bar_sect:hover a {
  opacity: 1;
}
.dwnld:active, .dwnld:focus {
  outline: none !important;
}
.dwnld::-moz-focus-inner {
  border: 0 !important;
}
.sect_NEW {
  line-height: 13px; 
  width: 100%; 
  margin: 0 !important; 
  font-size: 12px; 
  border: 1px solid #EDEDED;
  background-color: #EDEDED;
  position: absolute;
  top: 0px;
  left: 2px;
  height: 34px;
  z-index: 9999;
  padding: 3px 0px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.7;
}
.sect_NEW:hover { border: 1px solid #3598c9; /*#9D9D9D;*/ }
.col_bar:hover {
  background: linear-gradient(to right, rgba(225,230,232,1) 0%, rgba(224,224,224,1) 100%);
  width: 100%;
  /*
  clip-path: polygon(0 0, 81% 0, 100% 19%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 81% 0, 100% 19%, 100% 100%, 0 100%);
  */
}
#Ytel {
  display: none; 
  /*margin-left: 50px;*/ 
  z-index: 9; 
  width: 200px; 
  position: absolute; 
  height: auto;
  padding: 7px 0px 10px 0px; 
  /*background-color: #ededed;*/ 
  border-radius: 1px;
  text-align: center;
  /*border: 1px solid rgba(215,215,215,0.8);  /* d7d7d7 */
  /*box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);*/
  background: #FDFDFD;
  right: 0px;
  border: 1px solid #ededed;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.5);  
}
.btn-sms, .enter_form input[type="submit"] {
  border-radius: 3px !important; 
  border: 1px solid #3598c9 !important; 
  font-size: 12px !important;
  color: white !important; /*#3d3d3d;*/ 
  background-color: #3598c9 !important; 
  height: 24px !important;
  width: calc(100% - 30px) !important;
  outline: none !important;
}
/*.btn-sms:hover { background-color: #335E0C; } */
.btn-sms:hover, .enter_form input[type="submit"]:hover { background-color: #2578b9 !important; }
.remind_span { cursor: pointer; font-size: 12px; color: #9a9a9a; }
.remind_span:hover { text-decoration: underline; }
.enter_form input[type="text"], .enter_form input[type="password"],
.enter_form select, .exec_list, .edit_cntwec select, .edit_cntwec input[type="text"] {
	background: rgba(255,255,255,0.4);
	color: #436E1C;
	font-size: 12px;
	border: 1px solid rgba(215,215,215,0.8);
	height: 20px;
	padding: 1px 4px;
	margin: 4px 5% 0px 5%;
	width: 90% !important;
	border-radius: 5px;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.exec_list::placeholder { color: #adadad; }
.enter_form textarea, .txt_area, .edit_cntwec textarea, .txt_tz textarea  {
	background: rgba(255,255,255,0.4);
	color: #436E1C;
	font-size: 12px;
	border: 1px solid rgba(215,215,215,0.8);
	height: 40px;
	padding: 1px 4px;
	width: 90%;
	border-radius: 5px;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.enter_form input[type="submit"] {
  background-color: #d3d3d3;
	border: none;
	color: #3d3d3d;
	font-size: 12px;
	padding: 1px 5px;
	height: 22px;
	width: 160px;
	opacity: 0.9;
	transition: all 0.1s linear;
	border-radius: 4px;
	font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
}
.edit_cntwec button {
  background-color: #d3d3d3;
	border: none;
	color: #3d3d3d;
	font-size: 12px;
	padding: 1px 5px;
	height: 22px;
	width: 120px;
	opacity: 0.9;
	transition: all 0.1s linear;
	border-radius: 4px;
	font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
}
.enter_form label {
  font-size: 12px;
  color: #3d3d3d;
  font-weight: 400;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
  margin-bottom: 0px;
}
.enter_mail { position: absolute; top: 0px; padding: 3px 15px; width: 100%; z-index: 99; }
.enter_mail input[type="text"] { width: 100px !important; margin: 0px 6px 0px 6px !important; }
.enter_mail input[type="text"], .enter_mail button { vertical-align: top !important; }
.enter_mail label {
  font-size: 10px;
  color: #3d3d3d;
  font-weight: 400;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
  margin-bottom: 0px;
}
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox+label {
  /*display: inline-flex;*/
  display: inline-block;
  align-items: center;
  user-select: none;
}
.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  background-color: #fdfdfd;
}
.custom-checkbox:checked+label::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
  border-color: #80bdff;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
  background-color: #e9ecef;
}
  /* для элемента input c type="radio" */
  .custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  /* для элемента label связанного с .custom-radio */
  .custom-radio+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }
  /* создание в label псевдоэлемента  before со следующими стилями */
  .custom-radio+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-color: #fdfdfd;
  }
  /* стили при наведении курсора на радио */
  .custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
  }
  /* стили для активной радиокнопки (при нажатии на неё) */
  .custom-radio:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }
  /* стили для радиокнопки, находящейся в фокусе */
  .custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
  .custom-radio:focus:not(:checked)+label::before {
    border-color: #80bdff;
  }
  /* стили для радиокнопки, находящейся в состоянии checked */
  .custom-radio:checked+label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  }
  /* стили для радиокнопки, находящейся в состоянии disabled */
  .custom-radio:disabled+label::before {
    background-color: #e9ecef;
  }
.enter_form input[type="submit"]:hover { background-color: #bfbfbf; font-size: 12px; box-shadow: none; }
.edit_cntwec button:hover { background-color: #bfbfbf; }
.mform { width: 100%; }
.mform input[type="text"], .mform select, .mform textarea {
   margin: 3px 10px;
   width: calc(100% - 20px) !important;
}
.enter_form input[type="text"]:hover, .enter_form input[type="password"]:hover, 
.enter_form select:hover, .exec_list:hover {
  box-shadow: none !important;
  border: 1px solid #adadad;
  background: rgba(255,255,255,0.6); 
   /*box-shadow: 0 0 10px rgba(0,0,0,0.6);*/
}
._he_M { height: 52px; }
#_tr_enter {
  height: 0px;
  overflow: hidden;
}
._execGIP {
  /*margin-top: 7px;*/
  text-align: left;
  font-size: 11px;
}
.block_EXC {
  position: absolute;
  bottom: 5px;
  left: 12px;
  /*height: calc(100% - 33px);*/
  width: 90%;
  /*background: #3e3e3e;*/
  text-align: left;
  color: #3598c9;
  opacity: 0.7;
}
.add_sect {
  background-color: #2578b9;
  opacity: 0.2;
  color: #ffffff;
  font-size: 10px;
  border-radius: 3px;
  display: inline;
  padding: 1px 3px;
  cursor: pointer;
  margin-right: 3px;
  vertical-align: text-bottom;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
html {
  --lh: 1.4rem;
}
.data_cell {
  width: 100%;
  position: relative;
  padding: 0px 15px 5px 10px;
}
.cell_data {
  font-size: 12px;
  line-height: var(--lh);
  --max-lines: 3;
  max-height: calc(var(--lh) * var(--max-lines) + 5px);
  /*white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden; /* Обрезаем содержимое */
  padding: 5px; /* Поля */
  color: #3598c9;
}
.sreq { font-size: 12px; color: #3598c9; padding-left: 5px; }
/*
.cell_data::before {
  content: "...";
  position: absolute;
  bottom: 10px; 
  right: 0;
}
.cell_data::after {
  content: ""; 
  position: absolute;
  right: 0; // примечание: не используем bottom 
  width: 1rem;
  height: 1rem;
  background: #eaeaea;
}
*/
.opct { opacity: 0.4 !important; }
.opct40 { opacity: 0.5 !important; }
.opct4 { opacity: 0.4 !important; }
.opct7 { opacity: 0.7 !important; }
[contenteditable] { padding: 0 3px; }
._tr_:hover [contenteditable] { border: 1px dotted #adadad; }
._tr_:hover .opct { opacity: 0.7 !important; }
._tr_:hover .add_tse, ._tr_:hover .opct40, ._tr_:hover .opct4, ._tr_:hover .bsa { opacity: 1 !important; }
._tr_:hover .sect_NEW, ._tr_:hover .nw_NEW, ._tr_:hover ._dvd, ._tr_:hover .opct7 { opacity: 1 !important; }
._tr_:hover ._tse_, ._tr_:hover .cell_data, ._tr_:hover .sreq, ._tr_:hover .cell_data_in { color: #2578b9; opacity: 1; }
._tr_:hover .sect_move, ._tr_:hover .wsect_move { display: block; }
.add_exec {
  font-size: 9px;
  color: #3d3d3d;
  opacity: 0.6;
}
._cc_ {
  color: #2578b9;
  font-size: 12px;
}
._check_save { 
  position: absolute;
  right: 2px;
  top: 7px;
  z-index: 1;
  width: 24px;
  font-size: 12px;
  display: flex;
}

.col_bar:hover ._img_ { 
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */ 
  opacity: 0.65;
}
.col_bar:hover ._agc_ { 
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */ 
  opacity: 1;
}
._grey { opacity: 0.3 !important; }
._grey_shed { opacity: 0.5 !important; }
.col_bar:hover ._grey {
  opacity: 0.15 !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ 
}
.inp-form {
	background: rgba(255,255,255,0.4);
	color: #436E1C;
	font-size: 12px;
	border: 1px solid rgba(205,205,205,0.8) !important;
	height: 20px;
	padding: 1px 4px;
	margin: 4px 5% 0px 5%;
	width: 90% !important;
	border-radius: 2px !important;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}        
.inp-form::placeholder { color: #adadad; }
#msg_reg {
  height: 0px; 
  font-size: 12px; 
  font-weight: 600; 
  opacity: 0.6;
  margin: 15px 5% 0px 5%;
  -webkit-transition: height 0.1s ease-in-out;
  -moz-transition: height 0.1s ease-in-out;
  -o-transition: height 0.1s ease-in-out;
  -ms-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
} 
.btn-grsc {
  border-radius: 3px !important;
  border: 1px solid #3598c9 !important;
  font-size: 12px !important;
  background-color: #3598c9 !important;
  height: 24px !important;
  width: calc(100% - 30px) !important;
  outline: none !important;
  opacity: 0.65 !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  color: black !important; 
}
._grsc, ._grsc+label::before, ._grsc:checked+label::before, _grsc:not(:disabled):not(:checked)+label:hover::before, 
._grsc:not(:disabled):active+label::before, ._grsc:focus+label::before, ._grsc:focus:not(:checked)+label::before, ._grsc:disabled+label::before {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
.btn-reg {
  padding: 7px 0px;
  text-align: center;
  height: auto !important;
}
.btn-grsc:hover {
  cursor: pointer;
	opacity: 1;
  /*font-family: Roboto-Regular;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
  box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
#remember {
  z-index: 9; 
  width: 0px; 
  position: absolute; 
  height: 100%;
  padding: 0px 0px 10px 0px; 
  /*background-color: #ededed;*/ 
  border-radius: 1px;
  text-align: center;
  background: #FDFDFD;
  right: 0px;
  top: 0px;
  overflow: hidden;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
#registr {
  z-index: 10; 
  width: 0px; 
  position: absolute; 
  height: auto;
  min-height: 120px;
  padding: 0px 0px 10px 0px; 
  /*background-color: #ededed;*/ 
  border-radius: 1px;
  text-align: center;
  background: #FDFDFD;
  left: 0px;
  top: 0px;
  /*opacity: 0;*/
  overflow: hidden;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
#reg_exec, #reg_prov {
  width: 100%; 
  position: absolute; 
  height: 0px;
  padding: 0px; 
  /*background-color: #ededed;*/ 
  border-radius: 1px;
  text-align: center;
  background: #FDFDFD;
  left: 0px;
  top: 0px;
  overflow: hidden;
  max-height: 0;  
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
._back_trgt {
  text-align: right;
  padding: 0 5%;
  cursor: pointer;
  opacity: 0.6;
}
.col_bar:hover ._sign { 
  color: #2d2d2d;
}
/*
.col_bar:hover .title_sect, .col_bar:hover .title_block { 
  color: #2d2d2d;
}
*/
.prcnt {
  position: absolute;
  bottom: 5px;
  right: 7px;
  font-size: 12px;
  font-style: italic;
  color: #2578b9;
  opacity: 0.8;
  font-weight: 600; 
}
._sect {
  position: absolute;
  bottom: 5px;
  right: 7px;
  font-size: 12px;
  font-style: italic;
  color: #2578b9;
  opacity: 0.8;
  font-weight: 600; 
}
._tr_:hover .prcnt, ._tr_:hover .add_sect, ._tr_:hover .block_bt, ._tr_:hover .block_dt, 
._tr_:hover .block_EXC, ._tr_:hover .add_exec, ._tr_:hover ._tmail, 
._tr_:hover ._jmphide, ._tr_:hover .entry, ._tr_:hover .fpl i, ._tr_:hover ._t_MM, ._tr_:hover .esect_prov { opacity: 1 !important; }
._tr_:hover .tbtm img { opacity: 1 !important; }
._tr_:hover ._title_, ._tr_:hover ._ts_, ._tr_:hover .title_PWF, ._tr_:hover .title_list, ._tr_:hover .title_sect, ._tr_:hover .title_block { 
  color: #2578b9;
}
._tr_:hover .clr_green { color: #008000; }
._tr_:hover .clr_red { color: #800000; }
._tr_:hover .clr_orange { color: #AFA000; }
._tr_:hover .bell_sched,._tr_:hover .all_kp { opacity: 1; }
.col_bar:hover .price_sect { color: red; }
.col_bar:hover ._check { opacity: 1; }
._img_ { 
  width: 50%; 
  padding-top: 7px;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.4;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ 
}
.mID {
  width: 100%; 
  padding: 1px 0px; 
  height: 70px; 
  position: relative; 
  overflow: hidden;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mtxt { 
  width: 100%; 
  padding-left: 30px; 
}
.scroll_txt {
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 7px;
  background: rgba(200,200,200,0.6);
  background-position: center center;
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 99;
}
.img_min_scroll { background-image: url("../img/max_txt.png"); background-repeat: no-repeat; }
.img_max_scroll { background-image: url("../img/max_txt.png"); background-repeat: no-repeat; }
.inp_mail_main:hover .scroll_txt, .out_mail_main:hover .scroll_txt { opacity: 1; }
.btm-mail { 
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 35px;
  /*background: linear-gradient(0deg, rgba(255,255,255,0.4), rgba(255,255,255,0));  rgb(240,233,254) rgb(240,243,243)*/
}
.m-in { background: linear-gradient(0deg, rgba(240,233,254,0.7), rgba(240,233,254,0)); }
.m-out { background: linear-gradient(0deg, rgba(187,222,196,0.7), rgba(187,222,196,0)); } /*rgb(240,243,243); */
.btn_div { 
  position: absolute;
  top: 0px;
  right: -6px;
  height: 20px;
  width: 20px;
  background: #cdcdcd;
  color: white;
  border-radius: 10px;
  font-size: 14px;
}
._agc_ { 
  width: 50%; 
  height: 50%;
  /*padding-top: 7px;*/
  margin: 10% auto;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /*opacity: 0.4;*/
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ 
}
._agc_ a { outline: 0 !important; }
._agc_ img { width: 75%; }
._agc_ span { filter: none !important; }
._abs {
  position: absolute;
  left: 0px;
  top: 0px;
}
.send_ { 
  opacity: 0.7;
  margin-left: 25% !important;
}
._req {
  color: #3598c9;
  opacity: 60%;
  cursor: pointer;
}
._req:hover { opacity: 100%; }
.comment_new {
  width: calc(100% - 10px);
  height: 65%;
  margin: 10px 5px 18px 5px;
}
.edit_summ_new {
  margin: 0px;
  padding-left: 5px;
  width: calc(100% - 100px);
  color: #1d1d1d;
  font-size: 13px;
  border: none;
  float: left;
  background: #EDEDED;
  outline: none;
}
.edit_comment_new {
  padding-left: 5px;
  width: 98%;
  min-width: 100px;
  height: 80%;
  color: #1d1d1d !important;
  font-size: 13px;
  border: none;
  float: left;
  background: #EDEDED;
  outline: none;
}
._nc {
  background-image: url('../img/new_cntr.png');
}
._btr_ {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: red !important;
  color: #fdfdfd !important;
}
.brdr_txt_red { 
  border: 1px solid rgba(255,0,0,0.15) !important;
  color: rgba(255,0,0,0.57) !important;
}
._btn_ {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #3598c9 !important;
  color: #fdfdfd !important;
  width: 80%;
}
._cbn { height: 100%; padding: 2px 1px !important; overflow: visible !important; }
._btn_:hover { background: #2578b9 !important; color: #fdfdfd !important; }
.btr_t {
  position: absolute;
  bottom: 7px;
  right: 2px;
  font-size: 9px;
  color: #9a9a9a;
  cursor: pointer;
}
._tbr { bottom: auto; top: 7px !important; }
._sign {
  font-family: Arial, Times, serif;
  font-size: 13px;
  font-weight: 600;
  /*text-align: left;*/
  width: 60%;
  margin: 5px auto;
  line-height: 1.1em;
  color: #6d6d6d;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
._exec {
  position: absolute;
  bottom: 10px;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  width: 60%;
  /*margin: 5px auto;*/
  line-height: 1.1em;
  opacity: 0.65;
}                                                           
.row_sect:hover img { opacity: 1; }
.row_sect:hover ._exec { opacity: 1; }
._info_prj {
  font-family: Arial, Times, serif;
  /*opacity: 0; */
  visibility: hidden;
  /*background: linear-gradient(to right, rgba(235,240,242,1) 0%, rgba(234,234,234,1) 100%);*/
  background: linear-gradient(to right, rgba(240,245,247,1) 0%, rgba(240,240,240,1) 100%);
  position: absolute;
  left: 7px;
  top: 159px;
  z-index: -1;
  width: 400px;
  /*height: 300px;*/
  height: 0px;
     -webkit-transition: height ease-out 0.3s;
     -moz-transition: height ease-out 0.3s;
     -o-transition: height ease-out 0.3s;
     transition: height 0.3s;
  border: 1px solid #ededed;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  font-size: 13px;
  /*pointer-events: none;*/
}
.small_inf { width: 300px; height: 200px; }
._rel { width: 460px !important; }
._erel { width: 560px !important; padding-bottom: 20px; height: auto !important; }
._rprj { right: 7px !important; left: auto; }
._rprjF { right: -3px !important; left: auto; }
._rprjW { right: -70px !important; left: auto; }
._lprjTZ { left: -93px !important; }
._cnt {
  position: relative;
  top: 20px;
  left: 0px;
  width: 100%;
  /*height: 276px;*/
  height: calc(100% - 24px);
  padding: 2px 5px 5px 5px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ANEW_cnt {
  top: 16px;
  height: calc(100% - 15px);
}
._info_add_cnt {
  display: none;
  height: 276px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  background: rgba(230,235,237,1);
  border-top: 1px solid #d3d3d3;
  /*z-index: 9; */
  z-index: 99999;
}
.add_info {
  display: none;
  height: 276px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  background: rgba(230,235,237,1);
  border-top: 1px solid #d3d3d3;
  /*z-index: 9; */
  z-index: 99999;
}
.add_info_cnt {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 235px;
  padding: 2px 5px 5px 5px;
  overflow-x: hidden;
  overflow-y: auto;
}
._t_M {
  top: 9px !important;
  left: 7% !important;
}
._t_B {
  top: 24px !important;
  left: 7% !important;
  color: #2578b9 !important;
  /*color: #2d6790;*/
}
._t_B_f {
  top: 38px !important;
  left: 7% !important;
  font-size: 11px !important;
  color: red !important;
  font-weight: 400 !important;
}
._price { font-size: 12px; color: #3d3d3d; font-weight: 400; width: 100%; position: relative; }
._pnlts { background: red; color: white; font-size: 12px; width: 100%; position: absolute; top: 0; left: 0; border-radius: 3px; padding: 0 5px; }
.line-thr { text-decoration: line-through; color: #b1b2b3 !important; }
.csme {
  border-radius: 6px; 
  width: 14px;
  text-align: center; 
  background-color: rgba(37,120,185,0.9); 
  position: absolute; 
  top: -1px; 
  left: -4px;
  font-size: 9px;
  color: white;
}
.cnr { background-color: rgba(255,0,0,0.9); }
.ama {
  border-radius: 6px; 
  width: auto !important;
  text-align: center; 
  font-size: 8px;
  line-height: 11px;
  left: -1px !important;
  padding: 0px 2px;
}
._t_SM {
  top: 9px !important;
  left: 7px !important;
  width: calc(100% - 30px);
}
._t_EQ {
  top: 6px !important;
  left: 3px !important;
  width: calc(100% - 10px);
}
._title_ {
  position: absolute;
  top: 13px;
  left: 22px;
  /*background-color: #FFFFFF;#EC8CDC; 
  border: 1px solid #cdcdcd;
  padding: 1px 4px 1px 4px;*/
  font-size: 13px;
  font-weight: 600;
  color: #3598c9;
}
._t_MM {
  position: absolute;
  top: 8px !important;
  right: 5px !important;
  font-size: 11px;
  font-weight: 400;  
  text-align: right;
  opacity: 0.7;
  z-index: 99;
}
._t_MM b {
  color: #2578b9;
}
.new_obj {
  position: absolute;
  left: 0px;
  right: 0px;
  padding: 7px 10px;
  font-size: 13px;
  text-align: left;
}
.top_sect {
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  width: calc(100% - 20px);
  left: 10px;
  top: 15px;
  line-height: 15px;
}
.note_in {
  font-size: 11px;
  color: #9a9a9a;
  text-align: left;
  margin: 3px 0px 0px 5px;
}
.ntz {
  position: absolute;
  top: 15%;
  left: 25%;
}  
@media screen and (max-width: 1199px) {
  .ntz { top: 20%; }
}   
@media screen and (max-width: 991px) {
  .ntz { top: 30%; }
  ._EPNAME { font-size: 12px; }
}
.load_tz {
  position: absolute;
  bottom: 12%;
  left: calc(50% - 41px);
  width: 82px;
  text-align: center;
  background-color: #3598c9; 
  border-radius: 2px;
}
.load_tz a {
  font-weight: 600;
  color: white;
  font-size: 12px;
  text-decoration: none;
}
.note_new {
  padding-left: 25px;
  font-size: 13px;
}
.switch_file {
  position: absolute;
  top: 0px;
  left: 100px;
  width: 270px;
  height: 20px;
}
._cp_link { font-size: 11px; padding: 0px 5px; cursor: pointer; color: #3598c9; }
.link_edit {
  position: absolute;
  top: 22px;
  left: 50%;
  min-width: 260px;
  width: auto;
  display: none;
  color: #000;
  font-size: 11px;
  line-height: 12px;
  background: white;
  padding: 1px;
  height: 20px;
  overflow: hidden;
  border: 1px solid transparent;
  z-index: 100000;
}
.elink {
  font-size: 11px;
  line-height: 12px;
  padding: 0;
  margin: 0;
  width: 100%
}
/*._t_M:hover > ._cp_link { display: inline-block; }*/
._tsect_ {
  position: absolute;
  top: 10px;
  left: 10px;
  /*background-color: #FFFFFF;
  border: 1px solid #cdcdcd;
  padding: 1px 4px 1px 4px;*/
  font-size: 12px;
  font-weight: 500;
  color: #3598c9;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  max-height: 34px;
  max-width: calc(95% - 20px);
}
.ieqs {
  font-size: 11px;
  padding-right: 2px;
}
._tse_ {
  font-size: 12px;
  font-weight: 500;
  color: #3598c9;
  height: 16px;
  max-height: 34px;
  padding: 0px 5px;
  margin: 5px 2px;
  position: relative;
  opacity: 0.8;
  line-height: 14px;
}
.data_tse { color: #7d7d7d; opacity: 1 !important; }
.add_tse { 
  color: green; 
  font-style: italic; 
  font-size: 10px;
  position: absolute;
  right: 3px;
  bottom: -9px;
  opacity: 0.5; 
}
.b7 { 
  font-size: 11px;
  bottom: 8px;
}
.block_bt {
  position: absolute;
  bottom: 8px;
  left: 9%;
  height: calc(100% - 33px);
  width: 90%;
  /*background: #3e3e3e;*/
  overflow: hidden;
  text-align: left;
  color: #3598c9;
  opacity: 0.6;
  z-index: 1;
}
.block_dt {
  position: absolute;
  bottom: 32px;
  left: 9%;
  font-size: 11px; 
  color: #7d7d7d;
  opacity: 0.4;
}
.block_an {
  position: absolute;
  bottom: 8px;
  right: 0px;
  font-size: 11px; 
  z-index: auto;
  width: 45px;
  text-align: right;
  z-index: 1;
}
.fnl { font-size: 11px; color: #7d7d7d; bottom: 5px; }
.fpl { font-size: 12px; overflow: visible; color: #2578b9; height: 33%; bottom: 5px; font-weight: 600; display: inline-flex; }
.fpl i { color: #3598c9; opacity: 0.6; }
.rl { bottom: 2px; left: auto; right: 5%; text-align: right; opacity: 0.7; overflow: visible; }
.rlm { color: #2578b9; bottom: 7px; height: auto; font-size: 12px; opacity: 0.8; }
.rlb { color: #2578b9; bottom: 7px; height: auto; width: auto; overflow: visible; } 
.dt_sign {
  font-size: 10px;
  color: #3598c9;
  font-style: italic;
  font-weight: 600;
  display: table-cell;
  padding: 0px 5px;
}
.dt_complt {
  font-size: 10px;
  font-weight: 600;
  display: table-cell;
  padding: 0px 5px;
}
._ts_ {
  padding-left: 5px;
  padding-top: 5px; 
  font-size: 13px;
  font-weight: 600;
  color: #3598c9;
  line-height: 14px;
}
.title_PWF {
  font-size: 12px;
  font-weight: 600;
  color: #3598c9;
  text-align: center;
  padding-top: 3px;
} 
._tz_ {
  font-size: 14px;
  font-weight: 600;
}
.txz {
  position: absolute;
  right: 10%;
  top: 10%;
}
._rel_ {
  line-height: 1em;
}
._rel_kp {
  line-height: 1.3em;
}
.mail_tz {
  position: absolute;
  top: 2px;
  right: 1px;
}
.ecntr_edit {
  font-size: 11px;
  font-style: italic;
  border: none;
  background: rgba(255,255,255,0);
  resize: none;
  padding: 2px;
  /*outline: none*/
  outline-color: #9a9a9a;
}
.cntr_sum {
  color: #3598c9;
  font-size: 13px;
  font-style: normal;
} 
.exp_psd_sm {
  position: absolute;
  top: 2px;
  right: 1px;
}
._tmail {
  position: absolute;
  top: 4px;
  right: 3px;
  opacity: 0.3;
}
._tml33 { right: 12px; }
._jmphide {
  position: absolute;
  top: 5px;
  right: 6px;
  opacity: 0.3;
}
div[disabled] { color: #b1b1b1; }
.notice_block { color: #909090 !important; }
.esect_prov { 
  position: absolute; 
  /*right: 25px;*/
  left: 51%; 
  top: 23px;
  font-size: 12px; 
  overflow: hidden; 
  color: #2578b9; 
  height: calc(100% - 33px); 
  /*bottom: 5px;*/ 
  font-weight: 500; 
  opacity: 0.6;
  /*width: 50px;*/
  width: 44%;
  text-align: left;
  background: linear-gradient(to right, rgba(225,230,232,1) 0%, rgba(224,224,224,1) 100%);
}
.dark { color: black !important; }
.esect_prov:hover { overflow: visible; height: auto !important; }
.provspan {
  width: 100%;
  font-size: 8px;
  line-height: 9px;
}
@media screen and (max-width: 1200px) {
  .esect_prov { top: 27px; right: 5px; }
}
@media screen and (max-width: 991px) {
  .esect_prov { display: none; }
}
.topsched { position: absolute; top: 0px; bottom: auto; right: 3px; }
.bttm { position: absolute; top: auto; bottom: 0px; right: 3px; }
.entr { position: absolute; top: auto; bottom: 16px; left: 12px; }
.lft { right: auto; left: 7px; }
.entry { font-size: 10px; font-style: italic; opacity: 0.4; }
._tmail img { width: 24px; opacity: 1; }
.expert_adm {
  background-color: rgba(240,50,10,0.6); 
  color: white; 
  border-radius: 3px; 
  font-size: 10px;
  display: inline-block;
  padding: 0px 2px;
}
.eagreen { background-color: rgba(10,240,10,0.6) !important; color: #6d6d6d; }
.vexp, .delay, ._load {
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg); 
  color: #FDFDFD;
  background: #3598c9;
  border-radius: 2px;
  padding: 0px 5px;
  font-size: 11px;
  opacity: 1; /* по умолчению 1 */
  z-index: 1;
}
._sm { left: -38px; top: 99px; }
._psd { left: -40px; }
._psdsm { left: -55px; }
._dtsect { left: -38px !important; }
.delay {
  background: red;
  left: -24px;
}
._load {
  background: red;
  left: -28px;
}
.prov_head {
  font-size: 13px;
  min-width: 360px;
}
.prov_head div {  display: block; }
.row_ph { position: relative; width: 100%; display: block !important; }
.add_prov {
  display: block !important;
  overflow: hidden;
  width: 0px;
  /*visibility: hidden;*/
  position: absolute;
  top: -15px;
  right: -20px;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 9;
}
.file_upload_btn {
    position: relative;
    overflow: hidden;
    height: 16px;
    display: inline !important;  
}
.file_upload_btn input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    /*-ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer !important;
}
.btn-xxs {
  margin-left: 5px;
  height: 16px;
  border: 1px solid #9a9a9a;
  border-radius: 3px;
  font-size: 10px;
  padding: 0px 5px;
  color: #3d3d3d;
  background-color: #fdfdfd;
  vertical-align: text-bottom;
}
.row_ph:hover .btn-xxs { background-color: #ededed; }
.row_ph:hover .btn_info { background-color: #3588d9; }
.btn-xxs:hover { background-color: #ededed; }
.btn_info {
  color: #fefefe;
  background-color: #3598c9;
}
.norm_exp {
  color: #FDFDFD;
  background: #3598c9;
  border-radius: 2px;
  padding: 0px 5px;
  font-size: 12px;
}
.title_list {
  position: absolute;
  top: 33px;
  left: 62px;
  background-color: #FFFFFF;
  border: 1px solid #cdcdcd;
  padding: 1px 4px 1px 4px;
  font-size: 13px;
  font-weight: 600;
  color: #3598c9;
}
.title_block {
  position: absolute;
  top: 20px;
  left: 10px;
  /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);*/
  background-color: #FFFFFF;
  border: 1px solid #9d9d9d;
  border-radius: 7px;
  /*padding: 1px 8px 1px 8px;*/
  font-size: 14px;
  font-weight: 600;
  color: #3598c9; /* 2578b9 */
  cursor: default; 
}  
.title_sect {
  position: absolute;
  top: 20px;
  left: 10px;
  /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);*/
  background-color: #FFFFFF;
  border: 1px solid #9d9d9d;
  border-radius: 7px;
  /*padding: 1px 5px 1px 5px;*/
  font-size: 14px;
  font-weight: 600;
  color: #3598c9; /* 2578b9 */
  cursor: default; 
}
.price_sect {
  position: absolute;
  bottom: 50%;
  right: 10px;
  background-color: #F0F0F0;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  padding: 1px 5px 1px 15px;
  font-size: 14px;
  /*color: red;*/
  color: #3d3d3d;
  font-weight: 600;
}
.price_sect_new {
  position: absolute;
  bottom: 40%;
  right: 5px;
  padding: 1px 5px 1px 15px;
  font-size: 11px;
  text-align: right;
  opacity: 1; /* по умолчению 1 */
}
._close {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  padding: 1px 18px;
  text-align: right;
}
._close i { cursor: pointer; font-size: 16px; }
.file_desc {
  position: absolute;
  top: 20px;
  left: 80px;
  font-size: 10px;
  color: #adadad;
  width: 180px;
}
.file_new {
  position: absolute;
  top: 2px;
  left: 4px;
}
.file_tz_NEW {
  display: inline-block !important;
  padding: 2px 4px 10px 4px;
  border-radius: 2px;
  position: relative;
  /*width: 100%;*/
} 
.file_tz_NEW img { 
  height: 32px; 
}
.blockf_ITOG { position: absolute; bottom: 3px; right: 40px; font-size: 12px; color: #7f7f7f; font-weight: 600; }
.estim_cost {
  position: absolute;
  bottom: 9px;
  right: 4%;
  font-size: 9px;
  height: 12px;
  width: 80px;
  text-align: right;
  color: #9d9d9d;
  z-index: 1;
}
.sumkp {
  position: absolute; 
  top: 18px; 
  right: 5px;
  text-align: right; 
  width: 80px; 
  font-size: 10px; 
  border: 1px solid transparent; 
  z-index: 99;
}
.sumkp:hover { background: #fff; }
.alert_skp {
  position: absolute; 
  top: 1px; 
  right: 45px;
  font-size: 10px;
  color: red; 
  border: 1px solid transparent; 
  z-index: 9;
}
.pm_citog { 
  position: absolute;
  bottom: 10px;
  left: 15px;
  font-size: 10px;
  height: 12px;
  width: 30px;
  /*background: black;*/
  color: #9d9d9d;
  z-index: 9;
}
.del_file_NEW { 
  position: absolute; 
  top: -9px; 
  left: 54px;
  opacity: 0.7;
  color: #2578b9 !important;  
}
.file_desc_NEW {
  position: absolute;
  top: 7px;
  left: 42px;
  font-size: 10px;
  color: #adadad;
  line-height: 11px;
  width: calc(100% - 42px);
  white-space: nowrap;
  overflow: hidden;
}
.file_tz {
  display: inline-grid !important;
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
} 
.file_tz img { 
  height: 48px; 
}
.aimg { 
  height: 32px !important;
  width: 32px !important; 
}
.del_file { 
  position: absolute; 
  top: 3px; 
  left: 52px; 
  opacity: 0.7;
  color: #2578b9 !important; 
}
.work_file {
  display: inline-grid !important;
  width: 48px;
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
  /*height: 100%;*/
  /*background-color: #d0d0d0;*/
}
.work_file img { 
  height: 48px;
  /*
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; 
  */  
}
.final_file {
  display: inline-grid !important;
  width: 35px;
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
  height: 100%;
  /*background-color: #d0d0d0;*/
}
.desc_sect {
  display: inline-grid !important;
  width: 100%;
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
}
.file_tz a {
  color: #1d1d1d; 
  display: inline;
  font-size: 13px;
}
.sect_msg {
  width: 30px;
  height: 30px;
  position: relative;
  display: inline;
  z-index: 1;
  cursor: pointer;
  /*
  right: 10px;
  bottom: 0px;
  */
} 
._write {
  position: absolute;
  bottom: -11px;
  left: -6px;
  font-size: 9px;
  color: #2578b9;
}
.sect_msg img { width: 30px; cursor: pointer; opacity: 0.7; }

.adm_msg {
  width: 100%; 
  font-size: 12px; 
  margin-bottom: 5px; 
  position: relative;
  /*-webkit-clip-path: polygon(6% 16%, 0 0, 15% 0%, 91% 0, 99% 2%, 100% 9%, 100% 91%, 98% 99%, 92% 100%, 15% 100%, 8% 99%, 6% 91%);
  clip-path: polygon(6% 16%, 0 0, 15% 0%, 91% 0, 99% 2%, 100% 9%, 100% 91%, 98% 99%, 92% 100%, 15% 100%, 8% 99%, 6% 91%);
  clip-path: polygon(100% 0, 100% 100%, 10% 100%, 7% 95%, 6% 90%, 6% 17%, 0 0);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 10% 100%, 7% 95%, 6% 90%, 6% 17%, 0 0);*/
}
.adm_msg_in {
  width: calc(100% - 20px);
  margin-left: 20px; 
  font-size: 12px; 
  border-radius: 7px;
  background-color: #FFFFFF;
}
.ami_80 { width: calc(100% - 80px); }
.note {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 20px;
  height: 20px;
  background-image: url('../img/triangle_adm.png'); /* Путь к фоновому рисунку */
  background-repeat: no-repeat;
}
._nr {
  background-image: url('../img/triangle_adm_nr.png'); /* Путь к фоновому рисунку */
}
.msg_chat_in {
  margin: 2px 20px 2px 60px; 
  padding: 2px 7px 2px 7px; 
  text-align: right; 
  background-color: #309f65; 
  color: white;
  width: calc(100% - 80px);
  border-radius: 5px;
}
.msg_chat_out {
  background-color: #EDEDED; 
  margin: 2px 60px 2px 20px; 
  padding: 2px 7px 2px 7px;
  width: calc(100% - 80px);
  border-radius: 5px;
}
.note_u_left {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 20px;
  height: 20px;
  background-image: url('../img/note_u_left.png'); /* Путь к фоновому рисунку */
  background-repeat: no-repeat;
}
.note_su_left {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 20px;
  height: 20px;
  background-image: url('../img/note_su_left.png'); /* Путь к фоновому рисунку */
  background-repeat: no-repeat;
}
.note_u_right {
  position: absolute;
  top: 0px;
  right: 4px;
  width: 20px;
  height: 20px;
  background-image: url('../img/note_u_right.png'); /* Путь к фоновому рисунку */
  background-repeat: no-repeat;
}
.out_chat {
  font-size: 10px;
  background-color: #FFFFFF; 
  margin: 2px 60px 2px 20px; 
  padding: 2px 7px 2px 7px; 
  width: calc(100% - 80px) !important;
  border-radius: 5px;
  /*clip-path: polygon(98% 0, 100% 10%, 100% 90%, 98% 100%, 9% 100%, 7% 90%, 7% 10%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 10% 100%, 7% 95%, 6% 90%, 6% 17%, 0 0);*/
}
.in_chat {
  font-size: 10px;
  margin: 2px 20px 2px 60px; 
  padding: 2px 7px 2px 7px;
  text-align: right; 
  background-color: #309f65; 
  color: white;
  width: calc(100% - 80px) !important;
  border-radius: 5px; 
  /*clip-path: polygon(100% 0, 93% 10%, 93% 91%, 91% 100%, 2% 100%, 0 90%, 0 10%, 2% 0);
  clip-path: polygon(100% 0, 94% 8%, 94% 89%, 93% 97%, 91% 100%, 0 100%, 0 0);*/
}

/*
.work_file a, .final_file a { display: inline; }
file_tz img, .work_file img, .final_file img { display: inline; }
*/
.stage_P, .stage_R {
  position: absolute;
  left: -5px;
  top: -3px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 0px 5px;
}
.stage_P { color: #669933/*#bada62*/; rgba(235,235,235,0.6); /*background: rgba(0,0,0,0.25);*/ }
.stage_R { color: #2b90e5; background: rgba(235,235,235,0.6); }

.row_sect { width: 100%; padding: 3px 0px; border-bottom: 1px solid #cfcfcf; }
.row_sect:hover { background-color: #e0e0e0; }

.row_td_sec { width: 185px; display: inline-grid; vertical-align: middle; border-right: 1px solid #cdcdcd; }
.row_td_wf { width: 107px; display: inline-grid; vertical-align: top; border-right: 1px solid #cdcdcd; }
.row_td_ff { width: 73px; display: inline-grid; vertical-align: top; border-right: 1px solid #cdcdcd; }
.row_td_kp { width: 51px; display: inline-grid; vertical-align: top; }

.row_td_phf { width: 43%; display: inline-grid; vertical-align: top; }
.row_td_pwf { width: 30%; display: inline-grid; vertical-align: top; border-right: 1px solid #cdcdcd; text-align: left; }
.row_td_pff { width: 23%; display: inline-grid; vertical-align: top; border-right: 1px solid #cdcdcd; text-align: left; }
.row_td_pwf img, .row_td_pff img { opacity: 0.65; }

.file_NO {
  position: absolute !important;
  top: -7px !important;
}
.fix_top_WFK {
  color: #3d3d3d;
  font-size: 13px;
  font-weight: 600; 
  position: absolute; 
  top: 20px; 
  left: 3px; 
  width: calc(100% - 20px); 
  height: 18px; /*background: #3d3d3d;*/ 
  background: linear-gradient(to right, rgba(240,245,247,1) 0%, rgba(240,240,240,1) 100%);
  z-index: 8; 
  padding-bottom:1px;
}


.file_row {
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #cfcfcf;
  padding-top: 10px;
}
._new { padding-top: 3px; padding-bottom: 3px; }
.gpph_row {
  width: 100%;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid #cfcfcf;
}
.gpph {
  min-height: 48px;
  width: 100%;
  position: relative;
  padding: 5px 0px;
  border-bottom: 1px solid #cfcfcf;
}
._size {
  width: 350px;
  display: inline-flex;
}
._size span {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden; /* Обрезаем содержимое */
  padding: 5px; /* Поля */
  text-overflow: ellipsis; /* Многоточие */
}
.elps {
  white-space: nowrap; /* Отменяем перенос текста */
  /*overflow: hidden;
  padding: 5px;*/
  text-overflow: ellipsis; /* Многоточие */
}
.mconf {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden; /* Обрезаем содержимое */
  width: 65%;
  text-overflow: ellipsis; /* Многоточие */  
}
.data_file_NEW { width: 48%; display: inline-block; position: relative; vertical-align: top; padding: 10px 0px 5px 10px; min-height: 90px }
.f_BPR {
  position: absolute;
  bottom: 0px;
  /*top: 50px;*/
  right: 0px; 
  z-index: 1;
}
.file_upload_BPR {
    overflow: hidden;
    font-size: 14px;
    height: 32px;
    width: 32px;   
    line-height: 20px; 
    margin: 0px;
}
.file_upload_BPR input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    /*-ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer !important;
}
.file_upload_BPR img { 
  opacity: 0.7;
  /*
  opacity: 0.99; 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  */ 
}
.file_upload_BPR:hover img, .file_upload_BPR:hover .lbpr { 
  /*opacity: 0.6;*/
  opacity: 1;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; 
}
.lbpr {
  font-size: 9px;
  position: absolute;
  top: 23px;
  left: -4px;
  color: #2578b9;
  opacity: 0.7;
}
._grs { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; 
}
.data_file { width: 80%; display: inline-grid; }
._upload { width: calc(20% - 20px); display: inline-grid; position: absolute; }
.data_file_min { width: 69px; display: inline-flex; vertical-align: top; }
._upload_min { float: right; }                                             
.file_upload_new{
    position: relative;
    overflow: hidden;
    font-size: 14px;
    height: 48px;
    width: 48px;   
    line-height: 20px; 
    float: right;
    margin: 0px 5px;
}
.file_upload_new input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    /*-ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer !important;
}
.file_upload_new img { 
  opacity: 0.99; 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; 
}
.file_upload_new:hover img { 
  opacity: 0.6;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; 
}
.file_upload_new input[type=file]:hover+img { box-shadow: 0px 0px 3px rgba(0,0,0,0.6); }
._chevron { font-size: 16px; cursor: pointer; color: #9f9f9f; vertical-align: middle; }
._chevron:hover { color: #3d3d3d; }
._tz { background-color: rgb(210,210,210); }
.inp_mail {
  width: calc(100% - 40px - 3%);
  margin: 3px 5px;
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 3% 100%, 3% 11%, 0 21%);
  background-color: rgb(240,233,255);
  padding: 5px 5px 5px 15px;
  font-size: 11px;
  border-radius: 5px;
  float: left;
  position: relative;
}
.out_mail {
  width: calc(100% - 40px - 3%);
  margin: 3px 5px;
  clip-path: polygon(97% 0, 100% 23%, 97% 12%, 97% 100%, 0 100%, 0 0);
  background-color: rgb(187,222,196); /*rgb(240,243,243);*/
  padding: 5px 15px 5px 5px;
  font-size: 11px;
  border-radius: 5px;
  float: right;
  position: relative;
}
.inp_mail_mobi {
  width: calc(100% - 40px - 3%);
  margin: 3px 5px;
  background-color: rgb(240,233,255);
  padding: 5px 5px 5px 15px;
  font-size: 11px;
  border-radius: 5px;
  float: left;
  position: relative;
}
.out_mail_mobi {
  width: calc(100% - 40px - 3%);
  margin: 3px 5px;
  background-color: rgb(187,222,196); /*rgb(240,243,243);*/
  padding: 5px 15px 5px 5px;
  font-size: 11px;
  border-radius: 5px;
  float: right;
  position: relative;
}
.inp_mail_main {
  width: calc(100% - 10%);
  margin: 3px 5px;
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 3% 100%, 3% 11%, 0 21%);
  background-color: rgb(240,233,255);
  padding: 5px 5px 5px 3%;
  font-size: 11px;
  border-radius: 5px;
  float: left;
  position: relative;
}
.out_mail_main {
  width: calc(100% - 10%);
  margin: 3px 5px;
  clip-path: polygon(97% 0, 100% 23%, 97% 12%, 97% 100%, 0 100%, 0 0);
  background-color: rgb(187,222,196); /*rgb(240,243,243);*/
  padding: 5px 3% 5px 5px;
  font-size: 11px;
  border-radius: 5px;
  float: right;
  position: relative;
}
.msg_chat_UA {
  width: 100%;
  height: 150px !important;
  overflow-y: scroll;
  font-size: 12px; 
  font-weight: 400;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  padding: 10px;
  background-color: #fdfdfd;
  word-break: break-word;
}
._send_ {
  padding: 4px 7px; 
  font-size: 30px; 
  color: #5d5d5d; 
  cursor: pointer;
}
._send_:hover { color: #1d1d1d; }
._check {
  width: 32px;
  position: absolute;
  top: 20px;
  right: 8%;
  opacity: 0.7;
}
.bts { font-weight: 600; font-size: 13px; padding-left: 12px !important; padding-right: 12px !important; margin-right: 3px; }
._btn_user { color: #3d3d3d; display: table-cell; width: 200px; position: relative; }
._btn_user input[type=text] { 
  border-radius: 3px;
  padding-left: 20px;
  margin-right: 10px;
  width: 100%;
  height: 26px; 
  border: 1px solid #adadad;
  color: #7d7d7d;
  font-size: 13px;
  outline: none;
}     
._btn_user select { 
  border-radius: 3px;
  padding-left: 20px;
  margin-right: 10px;
  width: 100%;
  height: 26px; 
  border: 1px solid #adadad;
  color: #7d7d7d;
  font-size: 13px;
  outline: none;
  background-color: rgb(224,243,254);
}   
._btn_user input[type=text]::placeholder {
  color: #adadad;
}  
.bell_sched {
  width: 32px;
  position: absolute;
  top: 8px;
  right: 4%;
  opacity: 0.70;
  line-height: 0.7;
}     
.all_kp {
  width: 32px;
  position: absolute;
  top: calc(50% - 20px);
  left: 7%;
  opacity: 0.70;
  line-height: 0.7;
}
.all_kp img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; 
}     
#win_msg {
  height: 456px;
  width: 360px;
  top: 0;
  right: 0;
  /*display: none;*/
  opacity: 0;
  position: absolute;
  /*background-color: #FDFDFD;*/
  background-color: #F0F0F0;
  /*border-radius: 5px;*/
  z-index: -1;
  box-shadow: 0 0 7px rgba(0,0,0,0.5);
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#win_msg_info {
  width: 100%;
  height: 434px;
  position: absolute;
  top: 22px;
  font-size: 12px;
  padding: 0px 10px;
  overflow-y: auto;
} 
.msg_gip_UA {
  width: 100%;
  height: 354px;
  position: absolute;
  top: 0px;
  overflow-y: auto;
}
.sched_UA {
  padding: 3px 4px;
  border-radius: 5px;
  background-color: #e1e2e3;
  margin: 4px ;
  width: calc(100% - 8px);
  word-break: break-word;
  padding-left: 8px; 
  position: relative; 
}
.w80 {
  width: calc(80% - 16px);
  margin-left: 20%;

  /*background-color: #3598c9;*/
  background-color: #309f65;
  color: #FDFDFD;
  padding-right: 25px;
  /*clip-path: polygon(100% 0, 94% 8%, 94% 89%, 93% 97%, 91% 100%, 0 100%, 0 0);*/
}
.in_sched { 
  /*clip-path: polygon(100% 0, 100% 100%, 10% 100%, 7% 95%, 6% 90%, 6% 17%, 0 0);*/
  width: calc(80% - 8px);
  margin-right: 20%;
  margin-left: 16px; 
}
.scheduler_txt_UA {
	background: #FDFDFD;
	color: #7d7d7d;
	font-size: 12px;
	border: none;
	height: 84px;
	padding: 2px 7px;
	width: 100%;
	border-radius: 7px;
	/*font-family: Roboto-Regular;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	/*resize: none;*/
	overflow: hidden;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.send_schedule_UA {
  background-color: #2578b9;
	border: none;
	color: white;
	font-size: 13px;
	padding: 1px 5px;
	height: 26px;
	width: 160px;
	opacity: 0.9;
	transition: all 0.1s linear;
	border-radius: 3px;
	margin-right: 10px;
}
.send_schedule_UA:hover { background-color: #bfbfbf; }
.b_file {
  margin-left: 25px;
  word-break: break-word;
  width: calc(100% - 15px) !important;
}
._file_name { font-size: 12px; }
._help {
  position: fixed;
  right: 2%;
  bottom: 25px;
  z-index: 1;
}
.msg_to_adm {
  display: none;
  clip-path: polygon(100% 0, 100% 100%, 90% 94%, 0 94%, 0 0);
  height: 220px;
  width: 300px;
  position: absolute;
  right: 40px;
  bottom: 40px;
  background: #7d7d7d;
}
.msg_small {
  clip-path: polygon(100% 0, 100% 100%, 90% 94%, 0 94%, 0 0);
  height: 218px;
  width: 298px;
  position: absolute;
  left: 1px;
  top: 1px;
  background: #FDFDFD;
  z-index: 10;
}
.msg_small div {
	background: #FDFDFD;
	/*color: #436E1C;*/
	color: #999999;
	font-size: 13px;
	border: none;
	height: 134px;
	padding: 7px 7px;
	width: 100%;
	overflow: auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.msg_small textarea { 
	background: #FDFDFD;
	color: #436E1C;
	font-size: 13px;
	/*border: 1px solid #bdbdbd;*/
	border: none;
	height: 55px;
	padding: 3px 5px;
	width: 80%;
	margin-top: 10px;
	resize: none;
	overflow: hidden;
	outline: 0 !important;
	-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.state_class {
  position: absolute;
  top: 35px;
  right: 45px;
  background-color: rgba(230,230,230,0.8); 
  box-shadow: 0 0 15px rgba(0,0,0,0.25); 
  cursor: pointer; 
  font-size: 13px;
  z-index: 9; /* 999 */
}
.fltr_class {
  position: absolute;
  bottom: -41px;
  right: 15px;
  background-color: rgba(230,230,230,0.8); 
  box-shadow: 0 0 15px rgba(0,0,0,0.25); 
  cursor: pointer; 
  font-size: 13px;
  z-index: 9; /* 999 */
}
.mobi {
  bottom: auto;
  top: 35px;
}
.tooltips {
  display: block;
  position: absolute;
  top: -10px;
  left: 60%;
  clip-path: polygon(100% 0, 100% 88%, 59% 88%, 50% 100%, 41% 88%, 0 88%, 0 0);
  background-color: #2578b9;
  border-radius: 3px;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  font-weight: 500;
  color: #FDFDFD;
  z-index: 9;
}
.tz_fname {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden;
  /*padding: 5px;  */
  text-overflow: ellipsis;
  width: 96px;
}
.wf_fname {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden;
  /*padding: 5px;  */
  text-overflow: ellipsis;
  width: 80px;
  font-size: 11px;
}
.file_eic { width: 50%; display: inline-flex; padding: 5px 0px; }
._question { color: #3598c9; cursor: pointer; padding: 2px 5px; }
._question:hover { text-decoration: underline; }
.clr_green { color: #00A000; }
.clr_red { color: #A00000; }
.clr_orange { color: #FFA500; }
._rating {
  height: 70px;
  border-radius: 6px;
  border: 1px solid #c3c3c3;
  padding: 4px 15px;
  width: 380px;
  position: relative;
}
.w100 { width: 100%; height: 90px; }
@media screen and (max-width: 547px) {
  .w100 { height: 110px; }
}
._pv { top: 13px; left: 12px; max-width: 160px; }
@media screen and (max-width: 1200px) {
  ._pv { font-size: 10px !important; }
  .title_PWF { font-size: 10px; }
  ._sign { font-size: 10px; }
}
._ratingADM {
  border-radius: 6px;
  border: 1px solid #c3c3c3;
  padding: 7px 15px;
  width: 100%;
  display: flow-root;
}
.btn_top { width: 100%; padding: 3px 0px; color: #7a7a7a !important; }
.dt_fltr {
  background-color: #bbbbbb;
  color: white;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 2px;
  cursor: pointer;
}
.clra { background-color: #3598c9 !important; }
._rating div, ._ratingADM div {
  font-size: 12px;
  font-weight: 400;
  color: #9d9d9d;
}
._rate_s {
  color: #2578b9;
  font-weight: 600; 
}
._site_h {
  color: #333;
  font-weight: 600;
  margin: 0;
}
.edit_site {
  margin-left: 0px;
  padding-left: 0px;
  font-size: 13px;
  border: none;
  outline: none;
  width: 45%;
  border: 1px solid #ffffff;
  color: #333;
}
.edit_site:hover { border: 1px solid #ededed; }
._site_h:hover>.e_in { display: inline; }
._photo {
  height: 80px;
  width: 100px;
  display: inline-block; 
}
.add_photo {
  display: inline-block;
  width: calc(100% - 105px);
  vertical-align: top;
}
.psprt { background: none !important; color: #3598c9 !important; }
.psprt:hover { color: #7a7a7a !important; }
.file_upload_photo {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    height: 80px;
    width: 100px;
    line-height: 20px;
    float: left;
    margin: 0px 10px 0px 0px;
    display: table-cell;
    vertical-align: middle;
    z-index : 99;
}
.min_img {
    height: 48px !important;
    width: 60px !important;
    background-size: cover !important;
    float: none !important;
}
.upld_img {
  position: absolute;
  top: 0%;
  left: 0%;
  opacity: 0;
  font-size: 38px;
  color: #3d3d3d;
  width: 100px;
	-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.div_img {
  background-position: center center;
  background-size: cover;
  width: 100px;
  height: 80px;
  transition: all 0.1s linear;
  cursor: pointer !important;
  z-index : 99;
}
.upld_img img {
  width: 100% !important;             
}
.file_upload_photo img{      
  width: 100px;
	transition: all 0.1s linear;
	cursor: pointer !important;
	z-index : 99;
}
.file_upload_photo:hover img {
  cursor: pointer;
	opacity: 0.9;
  /*box-shadow: 0 0 5px rgba(0,0,0,0.8);*/
}
.file_upload_photo:hover .upld_img { opacity: 1; }
.file_upload_sched:hover img, .file_upload_chat:hover img { 
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; 
}
.file_upload_photo input[type=file], .file_upload_sched input[type=file], .file_upload_chat input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer !important;
}
.file_upload_sched, .file_upload_chat {
    position: relative;
    overflow: hidden;
    height: 30px;
    width: 30px;   
    float: right;
    margin: 0px 5px;
    cursor: pointer;
}
.whfupl {
  width: 16px !important;
  height: 16px !important;
  margin: 0px 0px 0px 2px !important;
}
.add_whfupl {
  width: 100% !important;
  height: 20px !important;
  padding: 5px 10px !important;
  margin: 0 !important; 
  background-color: rgba(235,235,235,0.99);
  cursor: pointer;
  position: relative;
}
.add_whfupl:hover {
  background-color: rgba(195,195,195,0.99);
  color: white;
}
.add_kp123 {
  position: absolute;
  top: 0px;
  left: -50px;
  width: 50px;
  height: 60px;
  background: #fefefe;
  display: none;
	-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 0 !important;
}
.add_kp_company {
  position: absolute;
  top: 0px;
  left: 30px;
  width: 80px;
  height: auto;
  background: #fefefe;
  display: none;
  color: black;
  z-index: 1;
	-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 0 !important;
  padding: 1px 3px;
}
.file_upload_chat {     
  margin-right: 5px;
  margin-top: 3px;  
}
.file_upload_sched img, .file_upload_chat img {
	cursor: pointer !important;
	z-index : 999999;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; 
}
#_file_name, #_file_chat {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden;
  float: right;
  font-size: 12px; 
  text-overflow: ellipsis;
  width: calc(100% - 160px);
  padding-left: 10px;
  display: contents;
}
#_file_chat { width : calc(40% - 50px); }
.chat_UA {
  min-height: 40px; 
  /*width: calc(100% - 40px);*/
  width: 100%;
}
.chat_UA textarea {
  border-radius: 5px; 
  border: 1px solid #adadad; 
  font-size: 13px; 
  height: 55px; 
  width: 100%;
  outline: none;
}
._short_sched {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
  display: inline-block;
  padding-left: 10px;
  font-size: 12px;
  color: #3d3d3d;
}
._data_msg {
  width: 100%; 
  /*margin-top: 20px;*/ 
  padding: 5px 7px; 
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  /*height: calc(100% - 20px);*/ 
}
.msg_data {
  margin-top: 20px;
  overflow-y: scroll;
  padding: 5px 7px; 
  width: 100%;
  height: 550px; 
}
.row_md {
  width: 100%;
  border-top: 1px solid #9d9d9d;
  position: relative;
  padding: 5px 0;
  display: flex;
  color: #7d7d7d;
}
.row_chld { 
  width: 100%;
  position: relative;
  padding: 5px 0;
  display: flex;
  color: #7d7d7d; 
  border-top: 1px solid rgba(200,200,200,0.6);
}
._row_msg { width: 100%; color: #7d7d7d; }    
.msg_div_mail { display: none; font-size: 11px; height: 100px; width: 100%; padding: 5px; overflow-y: scroll; }
.cht { height: 60px; }
.col-p { padding-left: 5px; padding-right: 0px; }
/*
.col-p:hover i { display: inline-block; }
.col-p:hover input { border: 1px solid #ededed; }
*/
.drating:hover i { display: inline-block; }
.drating:hover input { border: 1px solid #ededed; }
.edit_detl {
  margin-left: 0px;
  padding-left: 5px;
  font-size: 12px;
  border: none;
  outline: none;
  width: 88%;
  border: 1px solid #ffffff;
}
.edl_65 { width: 65%; }
.e_in { display: none; cursor: pointer; margin-left: 5px; }
.w70 { width: 70%; }
._tm { color: #2578b9; }
._tl { color: #3598c9; }
._tg { color: green; }
._tr { color: red; }
._to { color: orange; }
._tgry { color: #3d3d3d; font-weight: 600; }
._vis { display: none; }
._atn {
  height: 100%;
  width: 100%;
  color: #3598c9;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #EBEFF0; 
}
#bar_atn {
  position: absolute;
  height: auto;
  width: 100px;
  right: 10px;
  top: 25px;
  z-index: 9;
  background: #FFFFFF;
  padding: 7px;
  border: 1px solid #b0b0b0;
  text-align: center;
  display: none;
}
.btn-atn {
    background: #EBEFF0;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    width: 100%;
    color: #333;
}
.btn-atn:hover {
  background: linear-gradient(to right, rgba(225,230,232,1) 0%, rgba(224,224,224,1) 100%);
}
._atn:hover {
  border: 1px solid rgba(225,230,232,1);
}
._atn:hover > .btn-atn {
  border: 1px solid rgba(225,230,232,1);
}
._btm {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.tbtm {
  top: calc(50% - 20px);
  left: 33px;
  width: 20px;
}
.tbtm img { 
  width: 20px !important; 
  margin-bottom: 5px; 
  opacity: 0.6 !important;
	-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.head_btn_new {
  font-size: 14px;
  color: #FDFDFD; 
  width: 80%;
  background-color: #3598c9;
  border: none;
  border-radius: 4px;
  height: 35px;
  margin-top: 5px;
}
.btn_active {
  background-color: #2578b9 !important;
}
.head_btn_new:hover {
  color: #FDFDFD; 
  background-color: #2578b9;
}
.pnotice {
  height: 100px;
  width: 100%;
  padding: 15px 10px;
  color: #9a9a9a;
  font-size: 10px;
  border-bottom: 1px solid #9d9d9d;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.notice {
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fefefe;
  z-index: -1;
  padding: 25px 10px 5px 10px;
  color: #9a9a9a;
  font-size: 11px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.drating { 
  display: inline-block;
  width: 32%;
  white-space: nowrap;
}
.w25 { width: 25%; }
.drp { width: 73%; }
.drw { width: 65%; }
.executor_add {
  position: absolute;
  bottom: -7px;
  right: -5px;
  font-size: 14px !important;
  line-height: 14px;
  background: #ffffff;
}
.new_prj {
  background-image: url('../img/new_prj.png');
  background-size: cover;
  width: 60px;               
  height: 48px;
  position: absolute;
  left: -10px;
  top: 7px;
}
.cell_data_in {
  font-size: 12px;
  line-height: var(--lh);
  /*--max-lines: 4;*/
  height: 100%;
  /*max-height: calc(var(--lh) * var(--max-lines) + 5px);*/
  /*white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden; /* Обрезаем содержимое */
  color: #2578b9;
  position: absolute;
  padding: 3px 2px;
  top: 0px; 
  left: 0px;
  width: 100%;
  z-index: 9999;
  opacity: 0.7;
  word-break: break-word;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}   
.cell_data_in:hover {
  background-color: #fafafa !important;
  height: auto !important;
  min-height: 40px;
  overflow: visible !important;
  z-index: 9999999;
  opacity: 1;
  color: #7d7d7d;
  word-break: normal;
}
.nsect { overflow: hidden; resize: none; display: inline-block; width: 100%; border: 1px solid rgba(255,255,255,0); }
.nsect:before {
  margin-left: 2px;
  color: #999999;
  content: "Стадия П: ";
  font-size: 11px;
}
.wsect { overflow: hidden; resize: none; display: inline-block; width: 100%; color: #A7A7A7; border: 1px solid rgba(255,255,255,0); }
.wsect:before {
  margin-left: 2px;
  color: #B9B9B9;
  content: "Стадия Р: ";
  font-size: 11px;
}
.dsect { width: 100%; border: 1px solid rgba(255,255,255,0); }
.dsect:before {
  margin-left: 2px;
  color: #999999;
  content: "Стадия П: ";
  font-size: 11px;
}
.dwsect { width: 100%; color: #A7A7A7; border: 1px solid rgba(255,255,255,0); }
.dwsect:before {
  margin-left: 2px;
  color: #B9B9B9;
  content: "Стадия Р: ";
  font-size: 11px;
}
.top_quest_mp {
  height: 80px;
  top: 0px;
  position: absolute;
  width: 100%;
  z-index: 99;
  /*background-color: #e0e0e0;*/
  border-bottom: 1px solid #3d3d3d;
  padding: 2px 5px;
  font-size: 12px;
}
.quest_mp {
  position: absolute;
  height: calc(100% - 80px);
  overflow-x: hidden;
  bottom: 0px;
  padding: 2px 0px;
}
.bar_mp {
  margin: 5px; 
  height: 80px;
  width: calc(100% - 10px);
  background: rgba(189,223,197,1);
  color: #000000;
  font-size: 10px !important;
  border-radius: 3px;
  border: 1px #3d3d3d dotted;
  position: relative;
}
.bar_mp:hover {
  background: rgba(210,210,210,1);
  border: 1px #0a0a0a solid;
}
.send_mp {
  position: absolute; 
  top: 1px; 
  right: 1px; 
  cursor: pointer; 
  color: #3598c9;
  background-color: #f7f7f7;
  padding: 0 2px;
  border-radius: 2px;
}
.check_mp {
  position: absolute; 
  top: 1px; 
  left: 1px; 
  cursor: pointer; 
  color: #3598c9;
  background-color: #f7f7f7;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 10px !important;
  height: 14px;
  width: 14px;
}
.send_mp:hover, .check_mp:hover { color: #2578b9; }
.mp_topic {
  position: absolute; 
  top: 20px; 
  left: 5px;
  width: calc(100% - 10px); 
  cursor: pointer; 
  color: #3d3d3d;
  text-align: center;
}
.tzpt {
  top: 10px; 
}
.mp_bottom {
  position: absolute; 
  bottom: 1px; 
  left: 1px;
  width: calc(100% - 10px); 
  cursor: pointer; 
  color: #3d3d3d;
  text-align: center;
}
.switch_qp {
  float: right; 
  cursor: pointer;
  border-radius: 2px;
  padding: 0 2px;
  border: 1px transparent solid;
  color: #2578b9;
}
.switch_qp:hover { background-color: #f7f7f7; border: 1px #cacaca dotted; }
.listq {
  height: 30px !important;
  overflow: visible !important;
  position: relative;
}
.a_sched {
  width: 783px; 
  margin: 5px 0; 
  font-size: 10px; 
  border-bottom: 1px solid #adadad;
  padding: 3px 0px 3px 10px;
  height: 50px; 
  background-color: #f7f7f7;
  overflow: hidden; 
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.asched_del { position: absolute; top: -2px; right: 1px; display: none; }
.asched_img { 
  display: inline-block; 
  position: relative; 
  width: 50px; 
  margin: 0 5px; 
  vertical-align: top;
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden;
  text-overflow: ellipsis;  
}
.a_sched:hover .asched_img { height: auto; width: 110px; overflow: visible; }
.a_sched:hover .asched_del { display: block; }
.a_sched:hover { height: auto; background-color: #EDEDED; }
.tr_row {
  width: 100%;
  font-size: 11px;
  color: #7d7d7d;
  height: 185px;
  padding: 2px 3px;
  margin: 0px;
}
._act_ { height: auto; min-height: 40px; margin: 2px 0px; }
.aw1 { width: 180px; min-height: 40px; padding: 2px !important; }
.aw2 { width: 294px; min-height: 40px; padding: 2px !important; }
.aw3 { width: 294px; min-height: 40px; padding: 2px !important; }
.acw1 { width: 230px; min-height: 40px; padding: 2px !important; }
.acw2 { width: 140px; min-height: 40px; padding: 2px !important; }
.acw3 { width: 280px; min-height: 40px; padding: 2px !important; }
.tr_row:hover { color: 3d3d3d; background-color: #aeb7ad; }
.blck {
  display: inline-block;
  background-color: #efefef;
  margin: 2px 1px;
  height: calc(100% - 4px);
  vertical-align: top;
  border-radius: 2px;
  padding: 2px 3px 2px 3px;
  overflow: hidden; 
  position: relative;
}
/*._act_ .blck { display: table-cell; }*/
.bw1 { width: 228px; }
.bw2 { width: 230px; }
.bw3 { width: 310px; }
._legend {
  position: absolute;
  top: 23px;
  right: 15px;
  width: 780px;
  height: 50px;
  z-index: 10;
  background: #FFFFFF;
  border: 1px solid;
  padding: 7px 10px;
  display: none;
}
.wff_blck {
  display: inline-block;
  height: 32px;
  line-height: 11px;
  position: relative;
  width: 136px;
}
.file_UD {
  position: absolute;
  top: 2px;
  left: 4px;
}
.wff_blck img { height: 32px; float: left; }
.wff_blck span { line-height: 11px; }
.wff_blck .file_UD { background: rgba(245,245,245,.6); left: 2px; }
.prfx_o, .short_o, .name_o, .director_o, .buhgalter_o, .requisit_o, .phone_o, .email_o, .login_o, .pass_o, .fromu_o, sign_o, sign_s { color: #3d3d3d; }
.requisit_o { 
  background-color: #EDEDED; 
  /*height: 72px;*/ 
  padding: 0 3px; 
  overflow: hidden;
  border: 1px dotted #adadad;
}
.blck:hover { overflow: visible; }
.blck:hover .requisit_o { height: auto; overflow: overlay; background-color: #FFFFFF; }
.prfx_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Префикс проекта: ";
  font-size: 11px;
}
.short_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Короткое имя: ";
  font-size: 11px;
}
.name_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Полное имя: ";
  font-size: 11px;
}
.director_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Директор: ";
  font-size: 11px;
}
.buhgalter_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Бухгалтер: ";
  font-size: 11px;
}
.requisit_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Реквизиты: ";
  font-size: 11px;
}
.phone_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Тел.: ";
  font-size: 11px;
}
.email_o::before {
  margin-left: 2px;
  color: #999999;
  content: "E-mail: ";
  font-size: 11px;
}
.login_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Логин: ";
  font-size: 11px;
}
.pass_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Пароль: ";
  font-size: 11px;
}
.fromu_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Отправитель: ";
  font-size: 11px;
}
.sign_o::before {
  margin-left: 2px;
  color: #999999;
  content: "Email подпись: ";
  font-size: 11px;
}
.sign_s::before {
  margin-left: 2px;
  color: #999999;
  content: "СМС подпись: ";
  font-size: 11px;
}
.org_upld { overflow: visible; position: absolute; right: 0px; bottom: 0px; width: 30px; margin: 0px; height: 30px; }
.logo { width: 49%; height: 95px; display: inline-block; text-align: center; position: relative; }
.head { width: 49%; height: 85px; display: inline-block; text-align: center; position: relative; }
.shtamp { width: 49%; height: 95px; display: inline-block; text-align: center; position: relative; }
.sign { width: 49%; height: 70px; display: inline-block; text-align: center; position: relative; }
.buhg { width: 49%; height: 70px; display: inline-block; text-align: center; position: relative; }
.sect_move {
  position: absolute;
  top: 7px;
  left: -25px;
  width: 30px;
  height: 40px;
  background: #EDEDED;
  display: none;
  border-radius: 7px;
  color: #9a9a9a;
}
.sect_move:hover { color: #3a3a3a; }
.div_an {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: transparent;
  /*background-image: url('../img/_an2.png');*/
  cursor: pointer;
}
.div_an i { font-size: 10px; }
.wsect_move {
  position: absolute;
  top: 7px;
  left: -20px;
  width: 20px;
  height: 50px;
  background: #EDEDED;
  display: none;
  border-radius: 7px;
  color: #9a9a9a;
}
.hprjmove { height: 60px; }
.froz { opacity: 0.6; }
.wsect_move:hover { color: #3a3a3a; }
._back_s:hover { background-color: #b9c2b8; }
.main_sect { background: #adadad; }
.child_sect { background: #cfcfcf; margin-left: 20px; margin-right: -20px; }
._bimg_ { 
  width: 25%;
  padding-top: 7px; 
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.4;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ 
}
._eb { background-image: url('../img/blnc_back.png'); }
._bb { border: 1px solid #797979; margin: 0; border-radius: 7px; }
._ebs { width: 90%; }
.cell_row {
  height: calc(100% - 2px);
  width: 100%;
  overflow: visible !important;
  padding: 1px 2px;
}
.cell_row div {
  padding: 2px 0px;
}
.cell_row:hover div {
  background-color: rgba(240,240,240,1);
}
.ecc_objw {
  font-size: 12px; 
  text-align: left;
  padding: 3px 4px;
  color: #7d7d7d;
  opacity: 0.75;
  line-height: 13px;
  min-height: 60px;
  height: 60px;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid transparent;
  background: #EDEDED; 
}
.ecc_objw:hover { height: auto; overflow: visible; z-index: 999; border: 1px solid #9a9a9a; background: #fdfdfd; }
.ecc_objw:hover span { color: #7d7d7d !important; }
._tr_:hover .ecc_objw { color: #3d3d3d; opacity: 1; }
.top_prj {
  position: absolute;
  top: -4px;
  left: 0px;
  padding: 0px 5px;
  background: gray;
  border-radius: 5px;
  font-size: 11px;
  color: white !important;
  font-weight: 600;
  line-height: 12px;
}
._nsect {
  position: absolute;
  left: 0px;
  top: 7px;
  width: 100%;
  padding: 2px 5px;
  font-size: 11px;
  color: #9a9a9a;
  line-height: 12px;
  min-height: 50px;
  height: 50px;
  overflow: hidden;
  background: #EDEDED;
  border: 1px solid transparent; 
}
._nsect:hover { height: auto; overflow: visible; z-index: 999; border: 1px solid #9a9a9a; background: #fdfdfd; }
.btm_top { 
  font-size: 11px;
  position: absolute; 
  top: 4px; 
  right: 3px;
  color: #9b9b9b;
}
.menu_add {
  position: absolute;
  bottom: 8px; 
  right: -104px;
  font-size: 10px;
  z-index: 9999999;
  background: white;
  padding: 3px 5px;
  border: 1px solid black;
  display: none;
  width: 110px;
  color: #9b9b9b;
}
.menu_block {
  position: absolute;
  top: 14px; 
  right: -4px;
  font-size: 10px;
  z-index: 9999999;
  background: white;
  padding: 3px 5px;
  border: 1px solid black;
  display: none;
  width: 110px;
  color: #9b9b9b;
}
.menu_add div a { font-size: 10px; color: #9b9b9b; text-decoration: none; }
.menu_add div { width: 100%; padding: 1px 2px; color: #9b9b9b; }
.menu_add div:hover { background: #dedede; }
.file_upload_min input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer !important;
}
.file_upload_min img {
    height: 14px;
    width: 14px;
}
.file_upload_min {
    position: relative;
    overflow: hidden;
    height: 16px;
    width: 16px !important;   
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.sum_top {
  position: absolute;
  font-size: 11px;
}
.ts1 { top: -2px; left: 5px; }
.ts2 { top: 11px; left: 5px; }
.ts3 { top: -2px; right: 5px; }
.ts4 { top: 11px; right: 5px; }
.rowEPS { width: 438; margin: 1px 0px; font-size: 10px; line-height: 10px; border: 1px dotted transparent; }
.rowEPS:hover { border: 1px dotted #9a9a9a; background-color: #EDEDED; border-radius: 3px; }
.rowone_EPS, .rowtop_EPS { width: 100%; border: 1px dotted transparent; }
/*.rowone_EPS { display: none; } */
.rowone_EPS:hover { border: 1px dotted #9a9a9a; background-color: #FDFDFD; border-radius: 3px; }
/*.rowEPS:hover .rowone_EPS { display: block; }*/
/*.rowEPS:hover .rowtop_EPS { display: none; }*/
.r1_EPS { 
  width: 27%; /*width: 118px;*/
  display: inline-block;
  margin: 0px;
  padding: 2px;
  vertical-align: top;
  font-weight: 600;
}
.r2all_EPS { 
  width: 72%; /*width: 318px;*/
  display: inline-block;
  position: relative;
}
.in_pdata {
  position: absolute;
  top: 15px;
  left: 0px;
  display: none;
  width: 100%;
  height: auto;
  border: 1px dotted #9a9a9a;
  background-color: #ededed;
  font-weight: 600;
  border-radius: 3px;
  z-index: 100;
}
.r2all_EPS:hover .in_pdata { display: block; }
.r2_EPS { 
  width: 19%;/*width: 60px;*/
  display: inline-block;
  margin: 0px;
  padding: 2px;
  vertical-align: top;
  font-weight: 600;
}
.r3_EPS { 
  width: 15%; /*width: 50px;*/
  display: inline-block;
  margin: 0px;
  padding: 2px;
  position: relative;
  text-align: right;
  vertical-align: top;
  font-weight: 600;
}
.r4_EPS { 
  width: 15%; /*width: 50px;*/
  display: inline-block;
  margin: 0px;
  padding: 2px;
  vertical-align: top;
  text-align: right;
}
.r5_EPS { 
  width: 43%; /*width: 138px;*/
  display: inline-block;
  margin: 0px;
  padding: 2px;
  vertical-align: top;
  text-align: right;
}
.pos_sect {
  position: absolute;
  top: 16px;
  left: 20px;
  width: 60px;
  padding: 5px;
  border: 1px dotted #9a9a9a;
  display: none;
  background-color: #FDFDFD;
  font-weight: 600;
  z-index: 99;
  border-radius: 3px;
  text-align: left;
  word-break: break-all;
}
.r3_EPS:hover .pos_sect { display: block; }
.insize {
  height: 18px; 
  position: absolute; 
  left: 66px; 
  top: 0px; 
  text-align: left; 
  padding: 2px 10px; 
  font-size: 10px;
  width: max-content;
  color: #7d7d7d;
} 
._size_f {
  position: absolute;
  top: -6px;
  left: 5px;
  font-size: 10px;
  color: #8d8d8d;
}
._ssf { color: #adadad; }
.act-sched {
  position: absolute;
  width: 90%;
  text-align: right;
  top: 101px;
  right: 18px;
  z-index: 99;
}
.list_sectE {
  position: absolute;
  top: 195px;
  left: 35vw;
  width: 30vw;
  height: 0;
  background: rgba(240,245,247,1);
  z-index: 10000000;
  border: 1px solid #adadad;
  opacity: 0;
  /*border-radius: 5px;*/
  -webkit-transition: height ease-out 0.3s;
  -moz-transition: height ease-out 0.3s;
  -o-transition: height ease-out 0.3s;
  transition: height 0.3s;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}   
.list_add_sect {
  position: fixed;
  width: 400px;
  height: 0;
  background: rgba(240,245,247,1);
  z-index: 10000000;
  border: 1px solid #adadad;
  opacity: 0;
  /*border-radius: 5px;*/
  -webkit-transition: height ease-out 0.3s;
  -moz-transition: height ease-out 0.3s;
  -o-transition: height ease-out 0.3s;
  transition: height 0.3s;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}     
@media screen and (min-width: 1500px) {
  .list_sectE {
    left: 20vw;
    width: 30vw;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1499px) {
  .list_sectE {
    left: 20vw;
    width: 35vw;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
  .list_sectE {
    left: 30vw;
    width: 40vw;
  }
}
@media screen and (min-width: 1150px) and (max-width: 1299px) {
  .list_sectE {
    left: 27vw;
    width: 46vw;
  }
}
@media screen and (min-width: 997px) and (max-width: 1149px) {
  .list_sectE {
    left: 25vw;
    width: 50vw;
  }
}
@media screen and (min-width: 773px) and (max-width: 996px) {
  .list_sectE {
    left: 27vw;
    width: 46vw;
  }
}
@media screen and (min-width: 200px) and (max-width: 772px) {
  .list_sectE {
    left: 15vw;
    width: 70vw;/*calc(86vw - 100px);*/
    /*width: 250%;*/
  }
}
.cntr_bar_cust {
  background: #fff;
  height: 25vh;
  min-height: 150px;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ededed;
  border-radius: 7px;
  box-shadow: 1px 0 10px rgba(0,0,0,0.15);
  position: relative; 
}
.cntr_bar_cust:hover {
  border: 1px solid #adadad;
  box-shadow: 1px 0 10px rgba(0,0,0,0.35);
}
.cust_cntr_logo {
  position: absolute;
  left: 15px;
  height: 5vh;
}
@media screen and (max-width: 435px) {
  .cust_cntr_logo {
    height: 4vh;
  }
}
.main_cont {
  height: calc(55% - 20px);
  width: 90%;
  top: 30%;
  left: 5%;
  font-size: 13px;
  overflow: hidden;
  position: absolute;
}
.main_code {
  width: 90%;
  bottom: 5%;
  left: 5%;
  text-align: right;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
}
.fix_cntr {
  position: absolute;
  min-height: 100vh;
  height: auto;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fdfdfd;
  -webkit-transition: opacity ease-out 0.3s;
  -moz-transition: opacity ease-out 0.3s;
  -o-transition: opacity ease-out 0.3s;
  transition: opacity 0.3s;
}
.fix_mail {
  position: absolute;
  min-height: 100vh;
  height: auto;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(237,237,237,1), rgba(255,255,255,1));
  -webkit-transition: opacity ease-out 0.3s;
  -moz-transition: opacity ease-out 0.3s;
  -o-transition: opacity ease-out 0.3s;
  transition: opacity 0.3s;
}
.cntr_cust {
  display: none;
}

._nwork {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 100%;/*calc(100% - 20px);*/
  padding: 5px 7px;
  height: 44px;
  overflow: hidden;
  background: #FFF;
  z-index: 9; 
  -webkit-transition: height ease-out 0.3s;
  -moz-transition: height ease-out 0.3s;
  -o-transition: height ease-out 0.3s;
  transition: height 0.3s;
  font-family: Arial;
}
._nwork:hover { height: auto; box-shadow: 1px 0 10px rgba(0,0,0,0.35); }
._nwork:hover .btm-line { opacity: 0; }
.btm-line { 
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20px;
  opacity: 1;
  background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0));
  -webkit-transition: opacity ease-out 0.3s;
  -moz-transition: opacity ease-out 0.3s;
  -o-transition: opacity ease-out 0.3s;
  transition: opacity 0.3s;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  /*
  max-width: 200px;
  max-height: 200px;
  */
  max-width: 100px;
  max-height: 100px;
}
.desc-chart {
  display: block;
  margin: 10px auto;
}
.circle-bg {
  fill: none;
  stroke: #ededed;
  stroke-width: 2;
}
.percentage {
  fill: #adadad;
  font-weight: bold;
  font-size: 10px;
  text-anchor: middle;
}
.circle {
  fill: none;
  stroke-width: 2;
  /* stroke-linecap: round; */
  stroke: #7a7a7a;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.piece_exp {
  fill: none;
  stroke-width: 2;
  /* stroke-linecap: round; */
  stroke: #3d3d3d;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.span_exp { color: #3d3d3d !important; }
.span_work { color: #7a7a7a !important; }
.right-arrow {
  height: 50px;
  width: 20px;
  position: absolute;
  top: -7px;
  right: -20px;
  background: url("../img/right-arrow.png");
  /*-webkit-clip-path: polygon(0% 0%, 87% 0, 100% 50%, 87% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 87% 0, 100% 50%, 87% 100%, 0% 100%);*/   
}
.work_file_cust {
  width: 46px;
  position: relative;
  z-index: 9;
  top: -5px;
  line-height: 11px;
  vertical-align: top;
  margin: 0 5px;
  word-break: break-all;
  max-height: 65px;
  text-align: center;
  display: inline-block;
}
.work_file_cust a { text-decoration: none; }
.work_file_cust img {
  width: 36px;
  margin: 0 auto;
}
.fname {
  line-height: 13px; 
  padding-bottom: 5px; 
  padding-top: 2px; 
  font-size: 11px;
  /*width: calc(100% - 26px);*/
  max-width: 160px;
  height: 30px;
  overflow: hidden;
  word-break: break-all;
}
.cntnt, .tzcntnt {
  width: calc(100% - 30px);
  border-radius: 15px;
  border: 1px solid #999999;
  background: #ededed;
  padding: 5px 0;
  max-height: 52px;
  /*box-shadow: 1px 0 3px rgb(0 0 0 / 15%);*/
  height: 52px;
  opacity: 0.8;
  -webkit-transition: max-height ease-out 0.3s;
  -moz-transition: max-height ease-out 0.3s;
  -o-transition: max-height ease-out 0.3s;
  transition: max-height 0.3s;
}
._kp_mobi {
  position: absolute;
  top: 10px;
  right: 67px;
  z-index: 99;
  opacity: 0.6;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ 
}
._wdesc { 
  position: relative;
  top: 0px;
  left: 0px;
  width: calc(100% - 30px);
  padding: 0 5px;
  height: 40px;
  min-height: 40px;
  overflow: hidden;
  background: #ededed;
  color: rgba(0,0,0,.7);
  border-radius: 7px;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all 0.3s;
  font-size: 13px;
  font-family: Arial;
}   
._wobj { 
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%; /*calc(100% - 30px);*/
  padding: 0 5px;
  height: auto;
  overflow: hidden;
  background: #ededed;
  color: rgba(0,0,0,.7);
  border-radius: 7px;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all 0.3s;
  font-size: 13px;
  font-family: Arial;
}  
.cntname { 
  height: auto; 
  max-height: none; 
  width: calc(100% - 30px);
  border-radius: 15px;
  border: 1px solid #999999;
  background: #ededed;
  padding: 5px 0;
  opacity: 0.8;
  -webkit-transition: max-height ease-out 0.3s;
  -moz-transition: max-height ease-out 0.3s;
  -o-transition: max-height ease-out 0.3s;
  transition: max-height 0.3s;
}
.cntname:hover { opacity: 1; background: #f1f1f1; border: 1px solid #777777; } 
.more_txt {   
  position: absolute;
  bottom: 0px;
  right: 0px;
  /*background: #ededed;*/
  height: 20px;
  padding: 0 5px;
  /*background: linear-gradient(90deg, rgba(237,237,237,0), rgba(237,237,237,0.9), rgba(237,237,237,1), rgba(237,237,237,1), rgba(237,237,237,1), rgba(237,237,237,1), rgba(237,237,237,1));*/
  background: linear-gradient(180deg, rgba(237,237,237,0), rgba(237,237,237,0.4), rgba(237,237,237,0.6), rgba(237,237,237,0.7), rgba(237,237,237,0.8), rgba(237,237,237,0.9), rgba(237,237,237,1));
  width: 100%;
} 
.cntnt:hover, .tzcntnt:hover,  { opacity: 1; background: #f1f1f1; border: 1px solid #777777; }
.cntnt:hover ._rotate_chev, .cntnt:hover ._sched_mobi, .tzcntnt:hover ._rotate_chev, .cntnt:hover ._kp_mobi { opacity: 1; }
/* 
.cntnt:hover .more_txt { opacity: 0; }
.cntnt:hover { height: auto; max-height: 500px; }
.cntnt:hover ._wdesc { z-index: 99; height: auto; color: #000; }
*/
.fa-chevron-right {
  -webkit-transition: -webkit-transform ease-out 0.3s;
  -moz-transition: -moz-transform ease-out 0.3s;
  -o-transition: -o-transform ease-out 0.3s;
  transition: transform 0.3s;
  padding-left: 1px; 
  padding-top: 1px;
}
/*
.cntnt:hover .fa-chevron-right {
  padding-top: 2px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg); 
}
*/
._sched_mobi {
  position: absolute;
  top: 7px;
  right: 37px;
  z-index: 99;
  opacity: 0.6;
}
._rotate_chev {
  position: absolute;
  top: 2px;
  right: -1px;
  z-index: 99;
  opacity: 0.6;
}
.allfile {
  margin-top: 15px;
  width: 100%;
  border-top: 1px solid #adadad;
  padding-top: 10px;
}
._ftz, ._atz {
  margin-top: 0px; /*15*/
  width: 100%;
  border-top: 1px solid #adadad;
  padding-top: 0px; /*10*/
  height: 0px;
  overflow: hidden;
  border-image: linear-gradient(270deg, rgba(200,200,200,0), rgba(200,200,200,1));
  -webkit-transition: linear-gradient(270deg, rgba(200,200,200,0), rgba(200,200,200,1));
  -moz-transition: linear-gradient(270deg, rgba(200,200,200,0), rgba(200,200,200,1));
  -o-transition: linear-gradient(270deg, rgba(200,200,200,0), rgba(200,200,200,1));
  border-image-slice: 1;
}


.inp_mail_cust {
  width: calc(100% - 10%);
  margin: 3px 5px;
  /*clip-path: polygon(3% 0, 100% 0, 100% 100%, 3% 100%, 3% 11%, 0 21%);*/
  background-color: rgb(240,233,255);
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  border-radius: 7px;
  float: left;
  position: relative;
}
.out_mail_cust {
  width: calc(100% - 10%);
  margin: 3px 5px;
  /*clip-path: polygon(97% 0, 100% 23%, 97% 12%, 97% 100%, 0 100%, 0 0);*/
  background-color: rgb(187,222,196); /*rgb(240,243,243);*/
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  border-radius: 7px;
  float: right;
  position: relative;
}
.cmID {
  width: 100%; 
  padding: 1px 0px; 
  height: 70px; 
  position: relative; 
  overflow: hidden;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.c-mtxt { 
  width: 100%; 
  padding: 0 20px 0 10px; 
}
.btm-mail-cust { 
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 35px;
  /*background: linear-gradient(0deg, rgba(255,255,255,0.4), rgba(255,255,255,0));  rgb(240,233,254) rgb(240,243,243)*/
}
.c-in { background: linear-gradient(0deg, rgba(240,233,254,0.7), rgba(240,233,254,0)); }
.c-out { background: linear-gradient(0deg, rgba(187,222,196,0.7), rgba(187,222,196,0)); } /*rgb(240,243,243); */

.ru_name {
  opacity: 0;
  display: none;
  top: 33px;
  width: 100%;
  height: 20px;
  max-height: 20px;
  border-radius: 5px;
  border: 1px solid #adadad;
  background: #e9e9e9;
  position: absolute;
  font-size: 12px;
  z-index: 99;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -webkit-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
}
.file_tz:hover .ru_name { opacity: 0.99; max-height: 300px; height: auto; display: block; }
.hhc, .hcc {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  height: 14px;
}
.sms_cust {
  position: absolute; 
  bottom: 1px; 
  left: 5px;
  font-size: 10px;
  /*text-shadow: 0 0px 1px rgba(0,0,0,0.7);*/
  background-color: rgb(203,203,203); 
  cursor: pointer;
  padding: 0 5px;
  border-radius: 3px;
  color: black;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  z-index: 99;
}
.sms_cust:hover { background-color: rgb(52,52,52); color: white; }
.top-cust { 
  height: 100%; 
  font-size: 20px; 
  margin-left: 20px; 
  display: inline-block; 
  vertical-align: top; 
  width: 50%; 
  line-height: 1.1em; 
  padding: 3px;
}
@media screen and (max-width: 500px) {
  .top-cust {
    font-size: 15px;
    margin-top: 5px;
  }
}
.name_bar_cust {
  height: auto;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ededed;
  border-radius: 7px;
  box-shadow: 1px 0 5px rgba(0,0,0,0.10);
  position: relative; 
  font-size: 16px;
}
.name_bar_cust:hover {
  border: 1px solid #adadad;
  box-shadow: 1px 0 5px rgba(0,0,0,0.25);
}

.circ-chart {
  display: block;
  margin: 10px auto;
  /*
  max-width: 200px;
  max-height: 200px;
  */
  max-width: 40px;
  max-height: 40px;
}

._gip_phone {
  font-size: 12px;
  padding-top: 3px;
  line-height: 13px;
  text-align: right;
}
._gip_phone a {
  text-decoration: none;
  color: #3d3d3d;
}
.lenta {
  position: fixed;
  /*height: 400px;*/
  height: calc(100% - 235px);
  width: 16%;
  background: #FBFBFB;
  border: 1px solid #adadad;
  border-radius: 5px;
  top: 135px;
  /*left: 40px;*/
  left: calc(50% - 585px - 16% - 20px);
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
}
.warning {
  position: fixed;
  /*height: 400px;*/
  height: calc(100% - 235px);
  width: 16%;
  background: #FBFBFB;
  border: 1px solid #adadad;
  border-radius: 5px;
  top: 135px;
  /*left: 40px;*/
  left: calc(50% + 585px + 20px);
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 1860px) {
  .lenta, .warning {
    width: 14%;
  }
  .lenta {
    left: calc(50% - 585px - 14% - 20px);
  }
}
@media screen and (max-width: 1780px) {
  .lenta, .warning {
    width: 12%;
  }
  .lenta {
    left: calc(50% - 585px - 12% - 20px);
  }
}
@media screen and (max-width: 1654px) {
  .lenta, .warning {
    width: 10%;
  }
  .lenta {
    left: calc(50% - 585px - 10% - 20px);
  }
}
@media screen and (max-width: 1600px) {
  .lenta, .warning {
    display: none;
  }
}
.r_lenta { 
  width: 100%;
  padding: 2px 3px;
  margin: 3px 2px; 
  font-size: 10px;
}
.rlw1 { 
  width: 30px; 
  display: inline-block;
  text-align: center;
  position: relative;
}
.rlw1 img {
  width: 20px;
}
.rlw2 { 
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: top;
  line-height: 1.2em;
  height: 36px;
  position: relative; 
}
.ldata {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #FBFBFB;
  border: 1px solid #FBFBFB;
  padding: 0 1px;
  
}
.r_lenta:hover .ldata {
  height: auto !important;
  min-height: 36px;
  z-index: 99999;
  background: #FFFFFF;
  overflow: visible;
  border: 1px solid #adadad;
}
.hashtag {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 50px;
  overflow: hidden;
  color: #adadad;
  font-size: 11px;
  font-weight: 600;
  min-width: 20px;
  text-align: right;
  border: none !important;
  height: auto;
  min-height: 16px;
  max-height: 30px;
}
.hashtag_mobi {
  /*position: absolute;
  top: 7px;
  left: 162px;*/
  width: 100%;
  overflow: hidden;
  color: #adadad;
  font-size: 12px;
  font-weight: 600;
  min-width: 20px;
  text-align: left;
  border: none !important;
  float: right;
  margin-top: 5px;
  padding: 0px;
}
.mobi_mc {
  margin: 15px auto;
  width: 50px;
}
.cnt_tzp {
  position: relative;
  width: 100%;
  /*height: calc(100vh - 50px);*/
  height: auto;
  /*top: 30px;*/
  font-size: 13px; 
  font-weight: 400;
  /*overflow: hidden;*/
  /*overflow-y: scroll;*/
  /*overflow-x: hidden;*/
}
.tz_preset {
  width: 100%;
  padding: 10px 10px;
  height: auto;
  /*overflow-y: auto;
  overflow-x: hidden;*/
  border: 1px dotted #e1e1e1;
}
.psect { height: 15vh; }
.prgrph { height: auto; /*width: calc(100% - 20px);*/ padding: 0px !important;}
.row_preset {
  width: 100%;
  height: 100%;
  padding: 0px 0px 10px 0px;
}
.check_tzp {
  float: right;
  cursor: pointer;
  color: #AAAAAA;
}
.check_tzp:hover { color: #7d7d7d; }
.sect_row {
  border-bottom: 1px solid #e0e0e0; 
  margin: 3px 0 3px -15px;
  padding: 3px 3px 1px 3px;
  background: #fafafa;
  border-radius: 5px;
}
.sect_row:hover { background: #eaeaea; }
.bar_tzp {
  margin: 10px 10px; 
  height: 40px;
  width: calc(100% - 20px);
  background: rgba(255,250,250,1);
  color: #000000;
  border-radius: 3px;
  border: 1px #3d3d3d dotted;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tzpt { 
  width: calc(100% - 25px);
  font-size: 12px;
  margin-left: 20px;
}
._close_tzp { 
  position: absolute; 
  top: -14px; 
  right: -14px;
  cursor: pointer;
  font-size: 16px;
  color: #3d3d3d;
}
._del_prgrph { 
  position: absolute; 
  top: 1px; 
  right: 1px;
  cursor: pointer;
  font-size: 16px;
  color: #3d3d3d;
}
.tzp_bottom {
  position: absolute; 
  top: 5px; 
  left: 2px;
  width: 20px; 
  cursor: pointer; 
  color: #3d3d3d;
  text-align: center;
}
.tzp_dt {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 80px;
  color: #0d0d0d;
  text-align: right;
  font-size: 10px;
}
.tzp_tp {
  position: absolute;
  top: 26px;
  left: 25px;
  width: calc(100% - 30px);
  color: #0d0d0d;
  text-align: left;
  font-size: 10px;
}
.tzp { 
  width: 100%;
  margin: 0 !important; 
  border: 1px solid #e0e0e0;
  background-color: #fDfDfD;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  min-height: 40px;
  z-index: 9999;
  padding: 4px 3px 7px 3px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.tzpb {
  width: 60%;
  margin: 0 !important; 
  border: 1px solid #e0e0e0;
  background-color: #fDfDfD;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  min-height: 40px;
  z-index: 10000;
  /*padding: 4px 3px 7px 3px;*/
  line-height: 19px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.tzpfb {
  width: calc(100% - 20px);
  margin: 0 !important; 
  border: 1px solid #e0e0e0;
  background-color: #fDfDfD;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  min-height: 40px;
  z-index: 10000;
  /*padding: 4px 3px 7px 3px;*/
  padding: 0px 10px;
  line-height: 19px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.btn-set {
  width: calc(33% - 4px);
  height: 18px;
  color: #333;
  padding: 0;
  margin: 0 1px;
  background-color: #FFFAFA;
  line-height: 15px;
  border: 1px solid rgba(150,150,150,1);
}
._bw, ._bwi { 
  width: auto; 
  margin: 5px 10px; 
  padding: 0 5px; 
  min-width: 100px; 
  display: inline-block;
  position: relative;
  cursor: pointer; 
}
._bwi { 
  margin: 1px 5px; 
}
._bw:hover, ._bwi:hover { color: white; }
@media screen and (max-width: 340px) {
  .btn-set {
    width: calc(33% - 5px);
  }
}
.btn-set:hover {
  background-color: #2578b9;
}
.tz_prgrph {
  background: #fafafa;
  padding: 0px;  
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  margin: 2px 0;
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(0,0,0,0);
}
.tz_prgrph:hover { background: #eaeaea; }
.tz_trh {
  background: #eaeaea;
  background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 100%);
  padding: 0px;  
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  margin: 2px 0;
  width: 100%;
  min-height: 24px;
  border: 1px solid rgba(0,0,0,0);
}
.tzp_move {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 16px;
  height: 40px;
  background: #EDEDED;
  display: none;
  border-radius: 7px;
  color: #9a9a9a;
  z-index: 9;
}
.tz_prgrph:hover .tzp_move { display: block; }
.btn_tzp { background: #FAFAFA; border: 1px solid rgba(0,0,0,0.1); }
._click { background: #3598c9; border: 1px solid rgba(53,152,201,1); }
._brd { border: 1px solid rgba(0,0,0,1); }
._prst {
  /*
  min-height: 50px;
  height: 50px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  overflow: hidden;  
  z-index: 9999999;
  */
  height: auto;
  position: relative;
  background-color: #fdfdfd;
  width: 100%;
}
/*._prst:hover { height: auto; }*/
.txt_tz {
  margin: 0;
}
._mm_tz {
    position: absolute;
    right: 1px;
    top: 0px;
    z-index: 1;
    width: 20px;
    height: 20px;
    font-size: 12px;
    /* border: 1px solid #bdabab; */
    cursor: pointer;
}
._mm_tz img { width: 100%; }
.tzp_max { 
  position: relative;
  height: auto;
  overflow: auto;
}
.srch {
	background: rgba(255,255,255,0.4);
	color: #436E1C;
	font-size: 12px;
	border: 1px solid rgba(215,215,215,0.8);
	height: 20px;
	padding: 1px 4px;
	width: calc(100% - 40px);
	border-radius: 5px;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	box-shadow: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.m-exec {
  font-size: 14px; 
  line-height: 24px; 
  margin: 20px 0; 
  padding: 0;
  /*color: #797979;*/
  color: #2578b9;
}
.m-exec li { list-style-type: none; cursor: pointer; }
.active-me { /*color: #595959;*/ color: #2578b9; font-weight: 600; }
.m-exec li:hover { /*color: #595959;*/ color: #2578b9; font-weight: 600; }
.m-exec li:hover .li-item { opacity: 1; }
.li-item {
  display: inline-block; 
  height: 24px;
  width: 24px;
  opacity: 0.8;
}
.li-item i { color: #2578b9; font-size: 15px; }
.ahrefe {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
._tr_NEW {
  border-radius: 0px;
  border: 1px solid #EDEDED;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-left: 0px;
  margin-right: 0px;
  position: relative; 
}
._tr_NEW:hover { border: 1px solid #cdcdcd; background-color: #EDEDED; }
.sect_prjU {
  position: relative;
  display: none;
  background: #FFFFFF;
  padding: 3px 10px;
  margin: 0;
}
.col_bar_NEW {
  font-family: Arial, Times, serif;
  /*height: 200px;*/
  height: auto;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  width: 100%;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  /*overflow: hidden;*/
}
.user {
  height: 260px;
}
._bar_sect {
  height: auto; 
  width: 100%;
  font-size: 12px;
  padding: 0 10px;
}
._title_NEW {
  /*position: absolute;
  top: 7px;
  left: 15px;*/
  position: relative;
  padding: 3px 15px;
  font-size: 13px;
  font-weight: 600;
  color: #3598c9;
  width: calc(100% - 50px);
  z-index: 1;
}
._warning {
  height: auto;
  position: relative;
  padding: 0px;
  font-size: 12px;
  color: #3d3d3d;
  width: 100%;
  z-index: 1;
}
._name_work {   
  position: absolute;
  top: 0px;
  left: 0px;
  height: 70px;
  padding: 0px 5px 3px 5px;
  width: calc(100% - 2px); 
  font-size: 12px;
  font-weight: 400;
  color: #303030;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #FFFFFF; 
  line-height: 1.22em;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._chev-rd, ._chev-rd-rel {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  cursor: pointer;
  opacity: 0.4;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._chev-rd-fpdt {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  cursor: pointer;
  opacity: 0.9;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #2578b9;
}
._folder {
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.7;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._chvfold {
  opacity: 0.7;
  color: #2578b9 !important;
  overflow: visible;
}
._chvfold:hover {
  opacity: 1;
}
/*
._name_work:hover { height: auto !important; border: 1px dotted #909090; z-index: 1; background: #FEFEFE; }
._name_work:hover ._chev-r { opacity: 0; }
._name_work:hover ._chev-d { opacity: 0.6; }
*/
._customer, ._provider {
  position: absolute;
  width: calc(100% - 2px);  
  height: 50px;
  padding: 3px 5px 3px 5px;
  font-size: 12px;
  font-weight: 400;
  color: #303030;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  line-height: 1.22em;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/*._provider { padding: 2px 7px 5px 5px; width: calc(100% - 1px); margin: 0; } */
._cust_blnc {
  position: absolute;
  top: 100px;
  left: 25px;
  width: calc(100% - 25px);
  height: 70px;
  padding: 2px 7px 5px 5px;
  font-size: 12px;
  font-weight: 400;
  color: #303030;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  line-height: 1.22em;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/*
._customer:hover { height: auto !important; border: 1px dotted #909090; z-index: 1; background: #FEFEFE; }
._customer:hover ._chev-r { opacity: 0; }
._customer:hover ._chev-d { opacity: 0.6; }
*/
._GIP {
  position: absolute;
  width: calc(100% - 2px);
  height: 45px;
  padding: 3px 5px 3px 5px;
  font-size: 12px;
  font-weight: 400;
  color: #303030;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  line-height: 1.22em;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.defGP {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}
.GIP_PROV {
  position: relative;
  height: 52px;
  /*width: calc(100% - 30px);*/
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #303030;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  line-height: 1.22em;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.hid_row {
  width: auto;
  display: none;
}
/*
._GIP:hover { height: auto !important; border: 1px dotted #909090; z-index: 1; background: #FEFEFE; }
._GIP:hover ._chev-r { opacity: 0; }
._GIP:hover ._chev-d { opacity: 0.6; }
*/
.gpph_NEW {
  min-height: 48px;
  width: 100%;
  position: relative;
  padding: 0px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.gpph_NEW a { color: #303030; }
._tz1, ._tz2, ._tz3, ._tz_work, ._rel_work, ._your_work, ._tu_work {
  position: relative;
  width: calc(100% - 2px);
  height: 40px;
  padding: 0px 7px 0px 25px; 
  font-size: 12px;
  font-weight: 400;
  color: #303030;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; 
}
._tz1, ._tz_work { height: 70px; }
._tz3, ._rel_work { height: 50px; }
._tz2, ._your_work { height: 40px; }
._tu_work { height: 100px; } 

/*
._tz1:hover { height: auto !important; border: 1px dotted #909090; z-index: 1; background: #FEFEFE; }
._tz1:hover ._chev-r { opacity: 0; }
._tz1:hover ._chev-d { opacity: 0.6; }
._tz3:hover { height: auto !important; border: 1px dotted #909090; z-index: 1; background: #FEFEFE; }
._tz3:hover ._chev-r { opacity: 0; }
._tz3:hover ._chev-d { opacity: 0.6; }
._tz2:hover { height: auto !important; border: 1px dotted #909090; z-index: 1; background: #FEFEFE; }
._tz2:hover ._chev-r { opacity: 0; }
._tz2:hover ._chev-d { opacity: 0.6; }
*/
.tz_fname_NEW {
  white-space: nowrap; /* Отменяем перенос текста */
  overflow: hidden;
  /*padding: 5px;  */
  text-overflow: ellipsis;
  width: 60px;
  font-size: 11px;
}
.rel_sect {
  width: 100%; 
  height: 200px;
  overflow: hidden;
  background: #FFFFFF;
  min-height: 100%;
  position: absolute;
  top: 0;
  max-height: 200px;
  z-index: 0;
  display: none;
  max-width: 300px;
  padding: 7px;

  -webkit-transition: max-width 1.5s ease-in-out;
  -moz-transition: max-width 1.5s ease-in-out;
  -o-transition: max-width 1.5s ease-in-out;
  -ms-transition: max-width 1.5s ease-in-out;
  transition: max-width 1.5s ease-in-out;
  /*
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  */
}
._find_user {
  width: 100%; 
  height: 26px;
}
._find_user input[type="text"] {
  width: 100%;
  height: 100%;
  font-size: 13px;
  border: 1px solid #9d9d9d;
  padding-left: 30px;
  border-radius: 5px;
  background: #f0f0f0;
  margin-top: 20px;
}

#navbar-exec { opacity: 0; z-index: -1; background: #ffffff; }
@media screen and (max-width: 768px) {
  #navbar-exec {
    opacity: 1;
    z-index: 99;
  }
}
.work_file_exec {
  width: 48px;
  position: relative;
  z-index: 9;
  top: -5px;
  line-height: 11px;
  vertical-align: top;
  margin: 0 5px;
  word-break: break-all;
  max-height: 65px;
  text-align: center;
  display: inline-block;
}
.work_file_exec a { text-decoration: none; }
.work_file_exec img {
  width: 32px;
  margin: 0 auto;
}
.work_file_prov {
  width: 36px;
  position: relative;
  z-index: 9;
  top: -5px;
  line-height: 11px;
  vertical-align: top;
  margin: 3px 5px 0px 5px;
  word-break: break-all;
  max-height: 48px;
  text-align: center;
  display: inline-block;
}
.work_file_prov a { text-decoration: none; }
.work_file_prov img {
  width: 24px;
  margin: 0 auto;
}
.sectU {
  padding: 1px 5px;
  border-radius: 5px;
  background: gray;
  color: white;
  border: 1px dotted gray; 
}
.sectUNB {
  padding: 1px 5px;
  border-radius: 5px;
  color: #3d3d3d;   
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;    
}
.sectUONE {
  padding: 1px 5px;
  display: inline-block;
  vertical-align: bottom;
  width: 200px;
  /*max-width: 150px;*/
  color: #3d3d3d;   
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;    
}
.cost_sect { background: #f0f0f0 !important; color: #3d3d3d !important; font-weight: 600; }
.paid_sect { background: #fff !important; color: green !important; font-weight: 600; }
.debt_sect { background: #fff !important; color: red !important; font-weight: 600; }
._wffl {
  padding: 5px 15px 5px 10px; 
  height: auto;
}
._wffr {
  padding: 5px 10px 5px 15px; 
  height: auto;
}
@media screen and (max-width: 768px) {
  ._wffl, ._wffr {
    padding: 5px !important;
  }
}
@keyframes dzin {
  from  { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  10%   { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  12.5% { transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); }
  15.0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  17.5% { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
  20%   { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  
  60%   { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  62.5% { transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); }
  65.0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  67.5% { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
  70%   { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  to    { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  /*to { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }*/
}
@keyframes move {
  from { margin-left: 0px; }
  10%  { margin-left: 4px; }
  20%  { margin-left: 4px; }
  30%  { margin-left: 0px; }
  50%  { margin-left: 0px; }
  60%  { margin-left: -4px; }
  70%  { margin-left: -4px; }
  80%  { margin-left: 0px; }
  to   { margin-left: 0px; }
}
@keyframes dzin1 {
  from { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  
  2.5% { transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); }
  5.0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  7.5% { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
  10%  { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  
  90%   { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  92.5% { transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); }
  95.0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  97.5% { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
  /*60%   { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }*/
  
  to    { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  /*to { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }*/
}
@keyframes move1 {
  from { margin-left: 0px; }
  5%   { margin-left: 3px; }
  10%  { margin-left: 0px; }
  90%  { margin-left: 0px; }
  95%  { margin-left: -3px; }
  to   { margin-left: 0px; }
}
.dzin {
  font-size: 18px; 
  /*color: #9d9d9d !important;*/
  color: red !important;
  animation: dzin 2s infinite ease-in-out, move 2s infinite ease-in-out;
}
.dzin:hover { color: #3d3d3d !important; }
.sched_sect_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding: 4px 15px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
._round {
  background: gray;
  color: white;
  padding: 0 4px;
  border-radius: 7px;
}
.sect_chat {
  height: 34px;
  width: 100%;
  padding: 2px 5px 2px 5px;;
  border-radius: 2px;
  position: relative;
}
.cht_cntr {
  margin: 2px 0;
  background: #FEFEFE;
  border: 1px dotted #909090;
  border-radius: 3px;
  padding: 0 3px;
}
.cht_cntr:hover { border: 1px solid #909090; }
/*.cht_cntr:hover .all_sect { display: block; }*/

._photo_NEW {
  height: 360px;
  width: 100%;
}
._img_div {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.upload_photo_NEW {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    height: 40px;
    width: 100%;
    line-height: 20px;
    float: left;
    margin: 10px 0;
    z-index : 99;
}
.button-load {
  /* background: #E6EBF1; */
  background: #2578b9;
  border-radius: 3px;
  height: 30px;
  width: calc(100% - 40px);
  text-align: center;
  /* color: #7d7d7d; */
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  margin: 5px 20px;
  border: 1px solid #E6EBF1;
  line-height: 27px;
  font-size: 13px;
}
.button-load:hover { border: 1px solid #969BA1; }
.upload_photo_NEW input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer !important;
}
.in_block {
  margin: 10px;
  background: #FFFFFF;
}
.button-sect {
  /*background: #9d9d9d;*/
  background: #2578b9;
  border-radius: 3px;
  height: 20px;
  width: calc(100% - 20px);
  text-align: center;
  font-size: 12px;
  /*color: #3d3d3d;*/
  color: #ffffff;
  font-weight: 400;
  cursor: pointer;
  margin: 0px;
  border: 1px solid #7d7d7d;
  line-height: 16px;
}
.button-sect:hover { border: 1px solid #3d3d3d; }
.line {    
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: left;
  font-weight: 600;
}
.line:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #eee;
  z-index: -1;
  position: relative;
  vertical-align: middle;
}
.line:after {
  left: 15px;
  margin: 0 -100% 0 0;
}
.edit_dtl_NEW {
  margin-left: 0px;
  padding-left: 5px;
  font-size: 12px;
  outline: none;
  width: 88%;
  position: relative;
  z-index: 1;
  text-align: left;
  border: 1px solid #ffffff;
}
.edit_dtl_NEW::placeholder {color: #2578b9;}
.edit_dtl_NEW:hover { border: 1px solid #eee; }
.cell_in {
  width: 50%; 
  color: #2578b9; 
  display: inline-block; 
  padding: 5px 0; 
  vertical-align: top;
  font-size: 12px;
  position: relative;
  z-index: 1;
  text-align: left;
  border: 1px solid #ffffff;
}
.cell_in:after {
  font-family: 'FontAwesome';
  content: '\f044';
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.state_to {
  /*margin: 5px 0;*/ 
  width: 100%;
  padding-right: 10px; 
  text-align: right; 
  color: #2d2d3d; 
  font-size: 13px; 
  font-weight: 600;
  cursor: pointer;
}
.state_to:before {
  display: none;
  right: 0px;
  font-family: 'FontAwesome';
  content: '\f054';
  /* color: #2d2d3d; */
  color: #2578b9;
  font-size: 13px; 
  font-weight: 500;
  position: absolute;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; 
}
.state_to:hover:before {
  display: block;
}
.state_info {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  background: #FFFFFF;
  padding: 15px;
  z-index: 1;
  font-weight: 400;
}
._close_si {
  position: absolute;
  top: 10px;
  right: 15px;
  opacity: 0.6;
  font-size: 16px;
  cursor: pointer;
}
.sect-name {
  font-size: 12px;
  font-weight: 400;
}
.dotted-desc {
  width: calc(100% - 20px);
  height: 15px; 
  overflow: hidden; 
  position: absolute; 
  top: 0; 
  z-index: 0; 
  color: rgba(61,61,61,.6);
  margin-top: 1px;
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%2213%22%20viewBox%3D%220%200%204%2013%22%20style%3D%22fill%3A%23cdcdcd%3B%22%3E%3Ctext%20x%3D%220%22%20y%3D%2212%22%3E.%3C%2Ftext%3E%3C%2Fsvg%3E');
}
.desc-work {
  width: 100%; 
  height: 100%; 
  z-index: 1; 
  padding-right: 10px;
}
._dealer {
  position: absolute;
  top: 5px;
  left: 5px;
  
}
._deal_file {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
._prcnt_deal {
  position: absolute;
  bottom: 0px;
  right: -5px;
  color: green;
}
._stat_prov {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 12px;
}
/*._stat_prov span { cursor: pointer; }*/
.inp_kp {
	background: rgba(255,255,255,0.4) !important;
	color: #436E1C !important;
	font-size: 12px !important;
	border: 1px solid rgba(215,215,215,0.8) !important;
	height: 20px !important;
	padding: 1px 4px !important;
	margin: 0 !important;
	width: 90% !important;
	border-radius: 5px !important;
	box-shadow: none !important;
  font-family: Arial, sans-serif, sans-serif, "Helvetica Neue", Helvetica !important;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.inp_kp:hover { box-shadow: none !important; border: 1px solid rgba(115,115,115,0.8) !important; }
.wkp100 {
  width: 100% !important;
}
.w48 {
  width: 48% !important;
}
.txt_kp {
  height: 48px !important;
  margin: 2px 10% 2px 0 !important;
  width: 97% !important;
}
.kp_one {
  width: 212px;
  height: 300px;
  background-color: white; /*#bfdfc6;*/
  margin: 5px 5px 15px 5px;
  padding: 5px;
  position: relative;
  display: inline-block;
  border: 1px solid #dddddd;
}
.kp_one:hover { border: 1px solid #777777; }
.sel_kp { border: 1px solid #333333; }
.head_company {
  position: absolute;
  top: -15px;
  left: 35px;
  font-size: 10px;
  width: 140px;
  color: black;
  word-break: break-all;
  text-align: center;
}
.equip_kp {
  position: absolute;
  top: calc(50% + 15px);
  left: 100px;
  width: 20px;
  color: black;
  word-break: break-all;
  text-align: center; 
  color: green;
  cursor: pointer;
}
.gnrt_kp {
  position: absolute;
  top: calc(50% - 10px);
  left: 35px;
  width: 140px;
  color: black;
  word-break: break-all;
  text-align: center; 
}
.kp_op {
  font-size: 10px;
  z-index: 1;
  color: black;
  position: relative;
  height: 20px;
  border-bottom: 1px solid #fafafa; 
}
}
.kp_op fupld_ep:hover {
  background: #999999;
  color: white;
}
.top_fixed {
  height: 50px;
  position: fixed;
  background: #FEFEFE;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  padding: 10px 20px;
}
.abs_kp {
  position: absolute;
}
.eq_filter {
  width: 160px; 
  height: 30px;
  background: #FFF;
  border: 1px solid #9a9a9a;
  padding: 3px 5px;
  display: inline-block;
  line-height: 10px;
  font-size: 10px;
  vertical-align: top;
  margin: 5px;
  cursor: pointer; 
}
.list_ellm {
  position: absolute; 
  top: 10px; 
  right: 94px; 
  display: none; 
  background: #ededed; 
  padding: 2px 3px; 
  font-size: 11px; 
  border: 1px solid #999;
  color: black;
  text-align: left;
  z-index: 99;
}
.ace {
  border: 1px solid #333;
  background: #EEE;
}
.el_lm {
  cursor: pointer;
  width: 100%;
}
.el_lm:hover { background: #999; }
.mntnc_NEW, .builder_NEW {
  line-height: 11px; 
  width: 100%; 
  margin: 0 !important; 
  font-size: 11px; 
  border: 1px solid transparent;
  position: absolute;
  top: 25px;
  left: 0px;
  height: 38px;
  min-height: 38px;
  z-index: 9999;
  padding: 4px 7px 7px 7px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.99;
  /*box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.55);*/
}
.builder_NEW { top: 6px; height: 53px; min-height: 53px; line-height: 12px; border: 1px solid transparent; }
.builder_NEW:hover, .mntnc_NEW:hover { height: auto; border: 1px solid #a0a0a0; background-color: #f0f0f0; z-index: 10000; }
.sect_desc {
  line-height: 11px; 
  margin: 0 !important; 
  font-size: 11px; 
  position: absolute;
  top: 7px;
  left: 0px;
  width: 100%; 
  border: 1px solid transparent;
  height: 50px;
  min-height: 50px;
  z-index: 9999;
  padding: 4px 7px 7px 7px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.79;
}
.schld {
  height: 48px;
  min-height: 48px;
}
.sect_desc:hover { height: auto; border: 1px solid #a0a0a0; background-color: #f0f0f0; opacity: 0.99; z-index: 10000; }
.estim_mntnc {
  line-height: 11px; 
  margin: 0 !important; 
  font-size: 11px; 
  position: absolute;
  top: 10px;
  left: 5px;
}
.arch_mntnc {
  position: absolute;
  bottom: 15px;
  right: 15px;
  height: 16px;
  width: 16px;
  line-height: 12px;
}
.btn_mntnc {
  position: absolute;
  bottom: 15px;
  right: 32px;
  height: 16px;
  width: 16px;
  line-height: 12px;
}
._archclr { color: #cdc5c2; font-size: 11px; cursor: pointer; margin-bottom: 7px; }
.cbord8 { border: 1px solid #000000 !important; }
._title_kp {
  position: absolute;
  top: 13px;
  /*left: 3%;*/
  font-size: 11px;
  font-weight: 600;
  color: #3598c9;
}
.c_bm:before {
  margin-left: 2px;
  color: #999999;
  content: "E-mail: ";
  font-size: 11px;
}
.c_bph:before {
  margin-left: 2px;
  color: #999999;
  content: "Телефон: ";
  font-size: 11px;
}
.c_prc:before {
  margin-left: 2px;
  color: #999999;
  content: "Стоимость: ";
  font-size: 11px;
}
.c_asv:before {
  margin-left: 2px;
  color: #999999;
  content: "Стоимость АН: ";
  font-size: 11px;
}
.c_win:before {
  margin-left: 2px;
  color: #999999;
  content: "Сумма побед.: ";
  font-size: 11px;
}
.c_fin:before {
  margin-left: 2px;
  color: #999999;
  content: "Срок исполнения: ";
  font-size: 11px;
}
.c_sign:before {
  margin-left: 2px;
  color: #999999;
  content: "Дата контракта: ";
  font-size: 11px;
}
.s_est:before {
  margin-left: 2px;
  color: #999999;
  content: "Цена по КП: ";
  font-size: 11px;
}
.s_rtl:before {
  margin-left: 2px;
  color: #999999;
  content: "Розница: ";
  font-size: 11px;
}
.s_pd:before {
  margin-left: 2px;
  color: #999999;
  content: "Оплачено: ";
  font-size: 11px;
}
.s_dd:before {
  margin-left: 2px;
  color: #999999;
  content: "Дата поставки: ";
  font-size: 11px;
}
.s_se:before {
  margin-left: 2px;
  color: #999999;
  content: "Цена по смете: ";
  font-size: 11px;
}
.s_kp:before {
  margin-left: 2px;
  color: #999999;
  content: "Предложения КП: ";
  font-size: 11px;
}
.recjrnl { border-bottom: 1px dotted #777777; }
.recjrnl:hover { background: #ededed; }
.frft {
  cursor: pointer;
  font-weight: 600 !important;
}
.frft:hover {
  color: #3d3d3d !important;
}
.frft_inp {
  display: none; 
  z-index: 1; 
  font-size: 11px;
  line-height: 1.2em; 
  padding: 1px 2px; 
  position: absolute; 
  top: 25px; 
  left: 10%; 
  background: #EDEDED; 
  width: 80%;
}
._upcntr { 
  width: calc(20% - 20px); 
  display: inline-grid; 
  position: absolute;
  right: 30px; 
  padding-top: 13px;
}
.prj_file {
  position: absolute;
  bottom: -7px;
  left: 5px;
}
.exp_top {
  font-weight: 600;
  font-size: 11px;
}