html, body {background:#ffffff;padding:0px;margin:0px;height:100%;}
/*body {background:#4f5263;border:solid 1px red;}*/
html, body, table, tr, td, input, textarea, select {font-family:'Open Sans',Arial,Verdana,Tahoma,sans-serif;font-size:100%;color:#000;}

h1 {font-size:30px;padding:5px 0px 5px 0px;margin:0px;font-family:'Open Sans Condensed','Open Sans',Arial,Verdana,Tahoma,sans-serif;text-align:left;color:#313131;font-weight:normal;line-height:122%;}
 h1.hline {border-bottom:solid 1px #e5e5e5;padding:5px 20px 5px 20px;margin:10px -10px;}
  h1.hline a {color:#313131;}
  h1.hline a:hover {color:#000;}
  h1.hline i {font-size:70%;margin:9px 10px 1px 0px;float:left;transition:all 0.3s ease 0s;}
   h1.hline a:hover i {color:#a91e22;}
 h1.hline2 {border-bottom:solid 1px #e5e5e5;padding:5px 20px 5px 20px;margin:10px 0px;}

 h1.doc_title {padding:25px 20px 20px 20px;font-size:38px;text-align:center;}


h2 {font-size:25px;padding:5px 0px 5px 0px;margin:0px;font-family:'Open Sans Condensed','Open Sans',Arial,Verdana,Tahoma,sans-serif;text-align:left;color:#313131;font-weight:normal;line-height:122%;}
 h2.hline {border-bottom:solid 1px #e5e5e5;padding:5px 20px 5px 20px;margin:10px -10px;}


p {padding:0;}
table {border-spacing:0;}
td {padding:0;}
form {display:inline;}
img {border:none;}
div {box-sizing:border-box;}
.l {text-align:left;}
.w100 {width:100%;}
.w50 {width:50%;}
.h100 {height:calc(100% - 100px);}
.warn {color:#b72752;}
.r {text-align:right;}
.c {text-align:center;}
.bcb {clear:both;}
.spacer50 {height:50px}
.form_err {border:solid 1px #ff2b2b !important;background:#fff2f2 !important;box-shadow:inset 0px 0px 3px rgba(237,41,41,0.4) !important;}
.sm {font-size:80% !important;}
.fl {float:left !important;}
.deleted {background-color:#fcf0f0 !important;}
.hide_del {opacity:0.3;display:block;transform:scale(0);}
.trans_standart {transition:all 0.3s ease 0s;}



A:link {color:#005caa;text-decoration:none;}
A:visited {color:#005caa;text-decoration:none;}
A:active {color:#a91e22;text-decoration:none;}
A:hover {color:#a91e22;text-decoration:none;}

.table_mesh_block table {background-color:#8c8b8c;text-align:left;}
.thead {background-color:#e5e5e5;font-size:90%;}
.theadc {background-color:#e5e5e5;text-align:center;font-size:90%;}
.tcl {background-color:#f9f9f9;}
.tclr {background-color:#f9f9f9;text-align:right;}

.send_com_ok {font-size:90%;padding:20px;margin-bottom:5px;text-align:center;background:#f2fff2;border:solid 1px #c2f2c2;border-radius:20px;}
.error_block {color:#313131;line-height:1.4;padding:20px;margin:16px 0 15px;background:#fcf0f0;/*border:solid 3px #fff;*/border-left:solid 3px #fc184a;border-radius:7px;float:left;text-indent:-120px;padding-left:135px;}
 .error_block .err {/*color:#e50032;*/color:#ffffff;padding:5px 10px;border-radius:7px;background:#e50032;margin-right:10px;/*font-weight:bold;*/}
.ok_block {color:#313131;line-height:1.4;padding:20px;margin:10px 0 15px;background:#f2fff2;border-left:solid 3px #c2f2c2;border-radius:7px;float:left;text-indent:-61px;padding-left:85px;}
 .ok_block .err {color:#ffffff;padding:5px 10px;border-radius:7px;background:#42a642;margin-right:10px;/*color:#42a642;*//*font-weight:bold;*/}
.info_block_ok {padding:30px 50px;}
 .info_block_ok div {padding:30px;background:#ebfcec;border-radius:17px;}
  .info_block_ok div span {font-size:25px;font-family:'Open Sans Condensed','Open Sans',Arial,Verdana,Tahoma,sans-serif;}




  
/*----------------------------------------*/
/*  Главная страница
/*----------------------------------------*/


 
 




/*----------------------------------------*/
/*  CONTENT definitions
/*----------------------------------------*/
span.bn {background:#4f5263;color:#fff;;padding:3px 7px 1px;font-family:'Fira Mono',monospace;cursor:pointer;}
span.br {background:#cc0000;color:#fff;padding:3px 7px 1px;font-family:'Fira Mono',monospace;cursor:pointer;}
td i.up {margin:-3px 0 0 10px;font-size:100%;font-weight:bold;opacity:0.2;}
td i.do {margin:0 10px 0 -3px;font-size:100%;font-weight:bold;opacity:0.2;}
td:hover i.up {opacity:1.0;}
td:hover i.do {opacity:1.0;}
div.bappr_g {background:#f2fff2;}
div.bappr_r {background:#fcf0f0;}

.dh3 {padding:0 0 0 25px;font-weight:bold;}

.etc_block {background:#f7f8ff;border:solid 2px #999fbf;padding:0px 10px 15px 10px;margin:10px 0px 20px;border-radius:15px;}
 .etc_block .button {padding:8px 15px !important;margin-left:15px;}
 .etc_block .fa-refresh {color:#7cc0e2;position:absolute;margin:-8px 0 0 -18px;}
 .etc_block .fa-refresh:hover {color:#339fd5;}
.etc_block_wb {background:#f7f8ff;padding:0px 10px 0px 10px;margin:10px 0px 20px;border-radius:15px;/*transition:all 0.3s ease 0s;*/}
 .etc_block_wb .button {padding:8px 15px !important;margin-left:15px;}
 .etc_block_wb .fa-refresh {color:#7cc0e2;position:absolute;margin:-8px 0 0 -18px;}
 .etc_block_wb .fa-refresh:hover {color:#339fd5;}

#filters {transform-origin: top right;}
.filter_ch {padding:0;margin:7px 0 0 10px;float:left;}
 .filter_ch label {cursor:pointer;display:block;margin:0px 0px 0px 10px;}


.ae_block {background:#ffffee;border:solid 2px #b2b2b2;padding:0px 10px 15px 10px;margin:20px 0px 10px;border-radius:15px;}
.add_new {padding:10px 10px 10px 20px;}
 .add_new i {margin-right:8px;}
.add_new2 {padding:10px 10px 0px 20px;}
 .add_new2 i {margin-right:8px;}
/*.wb .fa-square-o {color:#999999;font-size:125%;}*/
/*.wb .fa-check-square-o {color:#42a642;font-size:125%;}*/
.wb .fa-check {color:#42a642;font-size:125%;}
/*.wb .fa-circle-o {color:#999999;font-size:125%;}*/
/*.wb .fa-circle {color:#42a642;font-size:125%;}*/
.wb .circle-o {width:15px;height:15px;background:none;border-radius:50%;margin:0 auto;border:solid 2px #999999}
.wb .circle {width:17px;height:17px;background:#42a642;border-radius:50%;margin:0 auto;}
.wb .circle-red {width:15px;height:15px;background:#cc0000;border-radius:50%;margin:0 auto;position: relative;}
.wb .circle-red:after {content: "";position: absolute;width: 100%;height: 100%;top: -3px;left: -3px;opacity: 0;border: 3px solid rgba(255,255,255,0.1);animation: pulse 2s linear infinite;border-radius: 999px;box-shadow: inset 0px 0px 15px 10px rgba(204,0,0,0.41);}
.wb .circle-o-red {width:15px;height:15px;background:none;border-radius:50%;margin:0 auto;border:solid 2px #cc0000}
.wb .fa-red {color:#cc0000}

.add_file_stages_td {}
 .add_file_stages_td .checkbox {margin-left:10px;/*float:left;*/}
 .add_file_stages_td label {cursor:pointer;display:block;border-top:solid 2px #ffffee;margin:0px 0px 0px 10px;}

/*----------------------------------------*/
/*  Основная таблица
/*----------------------------------------*/
.general_tbl_block {/*transition: all 0.3s ease 0s;*/}
 .general_tbl_block table {margin:0 auto;border:0;background-color:#b2b2b2;border-spacing:1px;width:100%;}
  .general_tbl_block table tr td {padding:7px;border:none;}
    .general_tbl_block table tr td.tbl_t {background:#4f5263;color:#ffffff;font-size:90%;/*font-weight:bold;*/}
    .general_tbl_block table tr td.tbl_tc {background:#4f5263;color:#ffffff;font-size:90%;/*font-weight:bold;*/text-align:center;}
  .general_tbl_block .row {background-color:#fff;}
  .general_tbl_block .row:hover {background-color:#fafbfc;}
  .general_tbl_block .row:hover .wb:hover {background-color:#ffffff;} 
   .general_tbl_block .fdel td {text-decoration:line-through;color:#999;}
    /*.general_tbl_block .fdel td .bn {background:#999;text-decoration:none !important;}*/
    /*.general_tbl_block .fdel td .br {background:#999;text-decoration:none !important;}*/
   .general_tbl_block .fdel:hover td {text-decoration:none;color:#666;}

    .general_tbl_block .wb:hover .status {background-color:#ffffff !important;} 

   .general_tbl_block table table.status {margin:0 auto;border:0;background-color:#fff;border-spacing:1px;width:auto;}
    .general_tbl_block table table.status tr td {padding:0px;border:none;}
     .general_tbl_block table table.status .circle-o {width:11px;height:11px;background:none;border-radius:50%;margin:0 auto;border:solid 2px #999999}
     .general_tbl_block table table.status .circle {width:11px;height:11px;background:#42a642;border-radius:50%;margin:0 auto;}
     .general_tbl_block table table.status .circle-big {width:21px;height:21px;background:#42a642;border-radius:50%;margin:0 auto;}
      .general_tbl_block table table.status .circle-big i {color:#fff;float:left;margin:3px 0px 0px 8.2px;}
       .general_tbl_block table table.status .space-done {background:#42a642;height:3px;width:15px;}
       .general_tbl_block table table.status .space-remain {background:#999999;height:3px;width:15px;}




/*--------------------------------------------------------------------------------*/
/*  Рабочая форма документа (просмотр документа) -- 3 колонки-карточки
/*--------------------------------------------------------------------------------*/
.look_column_wrapper {box-sizing:border-box;padding:20px 0px;}
 .look_column_wrapper .col3 {width:33.3%;box-sizing:border-box;float:left;padding:5px 10px;outline:solid 1px #dfe0e5;outline-offset:2px;}

  .look_column_wrapper .col3 ul {background: #fff; list-style: none; padding: 2em; position: relative;left: -.3em; top: -.3em;}
   .look_column_wrapper .col3 ul li {zoom: 1; position: relative; border-bottom: .12em dotted #9c9faf; padding-right:10em;margin-bottom:0.2em;}
    .look_column_wrapper .col3 ul li em {font-style:normal;font-size:90%;padding-right:5px;}
    .look_column_wrapper .col3 ul li b {padding-right:.5em;position:relative; bottom:-.5em;left:0;background:#fff;font-weight:normal;font-size:90%;}
    .look_column_wrapper .col3 ul li span {position:absolute;right:0; bottom:-.5em;background:#fff;padding-left:.5em;}
     .look_column_wrapper .circle-o {width:15px;height:15px;background:none;border-radius:50%;margin:0 auto;border:solid 2px #999999}
     .look_column_wrapper i {color:#42a642;}
.look_desc_content {padding:0 20px 5px 20px;}


/*--------------------------------------------------------------------------------*/
/*  Рабочая форма документа (просмотр документа) -- блок стадий и навигации
/*--------------------------------------------------------------------------------*/
.status_nav_block {}
 .status_nav_block table.status {margin:0 auto;border:0;background-color:#fff;border-spacing:3px;width:auto;}
  .status_nav_block table.status tr td {padding:0px;border:none;}
   .status_nav_block table.status .circle-o {width:31px;height:31px;background:none;border-radius:50%;margin:0 auto;border:solid 4px #999999;transition: all 0.3s ease 0s;}
   .status_nav_block table.status .circle {width:31px;height:31px;background:#42a642;border-radius:50%;margin:0 auto;text-align:center;padding-top:3px;}
   .status_nav_block table.status .circle-a {width:31px;height:31px;background:#cd0000;border-radius:50%;margin:0 auto;text-align:center;padding-top:3px;}
    .status_nav_block table.status .circle i {color:#fff;}
    .status_nav_block table.status .circle-a i {color:#fff;}
   .status_nav_block table.status .circle-big {width:47px;height:47px;background:#42a642;border-radius:50%;margin:0 auto;text-align:center;transition: all 0.3s ease 0s;}
   .status_nav_block table.status .circle-big-a {width:47px;height:47px;background:#cd0000;border-radius:50%;margin:0 auto;text-align:center;transition: all 0.3s ease 0s;}
    .status_nav_block table.status .circle-big i {color:#fff;float:left;margin:7px 0px 0px 3px;}
    .status_nav_block table.status .circle-big-a i {color:#fff;float:left;margin:7px 0px 0px 3px;}
     .status_nav_block table.status .space-done {background:#42a642;height:5px;width:145px;}
     .status_nav_block table.status .space-remain {background:#999999;height:5px;width:145px;}
.status_nav_block .stage_name {position:absolute;width:150px;text-align:center;margin-left:-59.5px;margin-top:15px;line-height:1.2;font-size:90%;}
 .status_nav_block a {/*color:#666666;*/color:#000;}
 .status_nav_block a:hover {color:#42a642;}
.status_nav_block .stage_name_cur {position:absolute;width:150px;text-align:center;margin-left:-47px;margin-top:7px;line-height:1.2;font-size:90%;}

#calibration_block {margin-top:30px;}
.stage_content {}

/*--------------------------------------------------------------------------------*/
/*  Рабочая форма документа (просмотр документа) -- блок стадий и их содержимое
/*--------------------------------------------------------------------------------*/
#lookbook_wrapper {padding:5px 0 0 0;overflow:hidden;width:700px;margin:0 auto;box-sizing:border-box;}
#lookbook_overall {transform-origin: 0 0 0;transition: all 0.3s ease 0s;transform: translate(0,0);box-sizing:border-box;}
#lookbook_list {padding:0;margin:0;box-sizing:border-box;}
.stage_page {float:left;margin:0;list-style:none;/*width:700px;*/transition: all 0.7s ease 0s;/*border-top:dotted 4px #dfe0e5;*/box-sizing:border-box;padding:20px;}
.warning_need_approve {padding:10px 0px;float:left;}
 .warning_need_approve .warning_need_content {padding:15px 30px;background:#cc0000;color:#fff;border-radius:17px;line-height:1.7;}
  .warning_need_content span {font-size:20px;font-family:OpenSansRegular,Arial,Verdana,Tahoma,sans-serif;}
 .warning_need_approve .red_arrow_down {width:0;height:0; border-left:10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #cc0000;margin-left:29px;}

.warning_need_jump {padding:10px 0px;margin:20px 0 -10px 0;/*float:left;*/}
 .warning_need_jump .warning_need_content {padding:20px 30px;background:#cc0000;color:#fff;border-radius:17px;/*line-height:1.7;*/font-size:90%;}
  .warning_need_content div {font-size:110%;font-family:OpenSansRegular,Arial,Verdana,Tahoma,sans-serif;margin-bottom: 10px;}
 .warning_need_jump .red_arrow_down {width:0;height:0; border-left:10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #cc0000;margin-left:80px;}

.info_can_return {padding:10px 0px;margin:20px 0 -10px 0;}
 .info_can_return .info_can_content {padding:20px 30px;background:#42a642;color:#fff;border-radius:17px;font-size:90%;}
  .info_can_content div {font-size:110%;font-family:OpenSansRegular,Arial,Verdana,Tahoma,sans-serif;margin-bottom: 10px;}
 .info_can_return .info_arrow_down {width:0;height:0; border-left:10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #42a642;margin-left:80px;}

.approve_td {}
 .approve_td .checkbox {margin-left:18px;}
 .approve_td label {cursor:pointer;display:block;border-top:solid 2px #ffffee;margin:0px 0px 0px 10px;}


#lookbook_wrapper .lookbook_element_wrapper {box-sizing:border-box;}
.cycle_block {background:#fff;}
/*
.not_current_cycle {padding:20px 0;background:#fafafa;}
*/
.not_current_cycle {padding:20px 40px;background:#fafafa;margin:40px -20px 0;border-radius:40px;}
 .not_current_cycle::before {content:'';position:absolute;width:500px;margin:-50px -20px 0;border-top:dotted 3px #999999;}
.not_current_cycle .dot_list {background:#fafafa;}
.not_current_cycle .dot_list li b {background:#fafafa;}


.stage_content_column {clear:both;box-sizing:border-box;float:left;width:65%;padding:10px 0px 10px 0px;}
.stage_right_column {box-sizing:border-box;float:right;width:35%;padding:10px 0px 0px 30px;}

.com_approve_mark {box-sizing:border-box;float:left;width:50px;color:#42a642;}
.com_name_and_date {box-sizing:border-box;float:left;width:300px;text-align:right;margin-top:25px;font-weight:normal;}
 .com_name_and_date span {font-size:90%;font-family:'Open Sans Condensed','Open Sans',Arial,Verdana,Tahoma,sans-serif;font-weight:normal;}
.com_com {box-sizing:border-box;/*float:left;*//*width:100%;*/margin-left:330px;margin-top:25px;}
 .com_com p {padding:0;margin:0;padding-bottom:10px;}


 ul.dot_list {background:#fff;list-style:none;margin:0;padding:0;}
 ul.dot_list li {position:relative;border-bottom:.12em dotted #9c9faf;padding-right:10em;margin-bottom:0.2em;}
  ul.dot_list li.fdel {text-decoration:line-through;color:#999;}
   ul.dot_list li.fdel:hover {text-decoration:none;color:#666;cursor:help;}
 ul.dot_list li em {font-style:normal;font-size:90%;padding-right:5px;}
 ul.dot_list li b {padding-right:.5em;position:relative; bottom:-.5em;left:0;background:#fff;font-weight:normal;font-size:90%;}
 ul.dot_list li span {position:absolute;right:0; bottom:-.5em;background:#fff;padding-left:.5em;}
  ul.dot_list .circle-o {width:15px;height:15px;background:none;border-radius:50%;margin:0 auto;border:solid 2px #999999}
  ul.dot_list .circle {width:11px;height:11px;background:#42a642;border-radius:50%;margin:0px 12px 5px 0px;}
  ul.dot_list .circle-red {width:15px;height:15px;background:#cc0000;border-radius:50%;margin:0px 10px 1px 0px;}
    ul.dot_list i {color:#42a642;margin-right:10px;}
    ul.dot_list i.gray {color:#ccc;margin-right:10px;}

.timeline_block {padding:30px 40px 0px;background:#fafafa;margin:10px -20px;border-radius:40px;border:solid 1px #e5e5e5;margin-left:90px;margin-right:200px;}
 .timeline_block::before {/*content:'';position:absolute;width:500px;margin:-50px -20px 0;border-top:dotted 3px #999999;*/}
.timeline_block .dot_list {background:#fafafa;}
.timeline_block .dot_list li b {background:#fafafa;}
.timeline_approve_mark {box-sizing:border-box;float:left;width:50px;color:#42a642;margin-left:-130px;}

.timeline_name_and_date {box-sizing:border-box;float:left;width:280px;text-align:right;font-weight:normal;}
 .timeline_name_and_date span {font-size:90%;font-family:'Open Sans Condensed','Open Sans',Arial,Verdana,Tahoma,sans-serif;font-weight:normal;}
.timeline_com {box-sizing:border-box;margin-left:360px;}
 .timeline_com p {padding:0;margin:0;padding-bottom:10px;}
 .avatar_block {float:left;text-align:left;margin:-10px 10px 10px -10px;}
.timeline_block_info {padding:30px 40px;border-radius:40px;margin:10px -20px 0px;float:right;width:200px;background:#f7f8ff;box-sizing:border-box;}



.pagination {margin-top:10px;}
 .pagination table {clear:both;margin:0 auto;border-spacing:10px;font-size:90%;}
  .pagination div a {color:#666;}
   .pagination div a:hover {color:#000;transition:all 0.3s ease 0s;}
  .pagination table tr td {}
  .pagination table tr td.pages a {color:#fff;font-family:Arial,Verdana,Tahoma,sans-serif;padding:6px 9px;background:#313131;}
   .pagination table tr td.pages a:hover {background:#f74f4f;transition:all 0.3s ease 0s;}
 .pagination table tr td.pages div {color:#313131;font-family:Arial,Verdana,Tahoma,sans-serif;padding:6px 9px;background:#ededed;}
 .pagination .prev {float:left;padding:0px 0px 0px 30px;font-size:90%;}
  .pagination .prev i {color:#999;font-size:80%;}
 .pagination .next {float:right;padding:0px 30px 0px 0px;font-size:90%;}
  .pagination .next i {color:#999;font-size:80%;}
 .pagination .by_page {font-size:120%;}
 .pagination .by_page div {background:#313131;transition:all 0.3s ease 0s;color:#fefefe;padding:7px 10px;margin:-30px 0px 10px 0px;}
 .pagination .by_page:hover div {background:#f74f4f;transition:all 0.3s ease 0s;color:#fff;}




/*----------------------------------------*/
/*  Типовая форма  
/*----------------------------------------*/
.form {display:block;padding:15px 30px 0px 30px;margin:0 auto;}
.form table {border-spacing:5px;width:100%;}
.form tr td {padding:6px;white-space:nowrap;}
.form input[type="text"] {width:98%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
.form input[type="text"]:focus {border:solid 1px #86c9e5;box-shadow:0px 0px 3px rgba(4,103,140,0.5);}
.form input[type="text"]:disabled {opacity:0.7;background:#f2f2f2;}
.form input[type="number"] {width:98%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
.form input[type="number"]:focus {border:solid 1px #86c9e5;box-shadow:0px 0px 3px rgba(4,103,140,0.5);}
.form input[type="number"]:disabled {opacity:0.7;background:#f2f2f2;}
.form input[type="password"] {width:98%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
.form input[type="password"]:focus {border:solid 1px #86c9e5;box-shadow: inset 0px 0px 3px rgba(4,103,140,0.5);}
.form textarea {width:98%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
.form textarea:focus {border:solid 1px #86c9e5;box-shadow:0px 0px 3px rgba(4,103,140,0.5);}
.form textarea:disabled {opacity:0.7;background:#f2f2f2;}
.form select {width:100%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
.form select:focus {border:solid 1px #86c9e5;box-shadow: inset 0px 0px 3px rgba(4,103,140,0.5);}
.form select:disabled {background:#ffeeee/*#f1ffee*/;opacity:0.75;}
.form .submit {background:#4f5263;width:120px;color:#fefefe;box-shadow:none;cursor: pointer;padding:10px 15px;border:none;border-radius:5px;transition: all 0.3s ease 0s;}
.form .submit:hover {background:#5c5f73;color:#ffffff;}
.form .submit:focus {border:none;}
.form .submit:disabled {border:none;opacity:0.50;}
 .date_input {}
  .date_input div {float:left;}
  .date_input input[type="text"] {width:auto;}
   .date_input .date_separator {padding:11px 4px 0;/*font-weight:bold;*/}


/*----------------------------------------*/
/*----------------------------------------*/
/*  Авторизация
/*----------------------------------------*/
#auth_form {width:650px;padding:0px 30px 20px 30px;margin:0 auto;}
#auth_form table {border-spacing:5px;width:100%;}
#auth_form tr td {padding:6px;white-space:nowrap;}
#auth_form input[type="text"] {width:98%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
#auth_form input[type="text"]:focus {border:solid 1px #86c9e5;box-shadow:0px 0px 3px rgba(4,103,140,0.5);}
#auth_form input[type="password"] {width:98%;font-size:16px;padding:7px 15px 7px 15px;background:#fff;color:#333;border:solid 1px #a6a6a6;border-radius:5px;transition: all 0.3s ease 0s;}
#auth_form input[type="password"]:focus {border:solid 1px #86c9e5;box-shadow: inset 0px 0px 3px rgba(4,103,140,0.5);}
#auth_form .submit {background:#4f5263;width:120px;color:#fefefe;box-shadow:none;cursor: pointer;padding:10px 15px;border:none;border-radius:5px;transition: all 0.3s ease 0s;}
#auth_form .submit:hover {background:#5c5f73;color:#ffffff;}
#auth_form .submit:focus {border:none;}

/*----------------------------------------*/
/*  "Таблица" данных с точками в строках
/*----------------------------------------*/
.info_block {width:90%;margin:0 auto;padding:20px 0;}
 .ib_title {clear:both;float:left;padding:0;line-height:0.75;margin:15px 0px 15px;font-weight:bold;}
 .ib_name {clear:both;float:left;border-bottom:dotted 1px #666;padding:0;line-height:0.75;margin:10px 0px 15px;width:50%;}
  .ib_name div {float:left;border-bottom:solid 1px #fff;margin-bottom:-1px;padding-right:5px;}
 .ib_value {float:left;padding:0;line-height:0.75;margin:10px 0px 10px;width:50%;}
  .ib_value div {float:left;margin-bottom:-1px;padding-left:5px;}















/*----------------------------------------*/
/*  Columns CSS
/*----------------------------------------*/
.global_block {width:100%;height:100%;margin:0;padding: 0px;display:table;}
 .global_block_row {display:table-row;}
  .global_block li.content_column {display:table-cell;}
   .global_block li.content_column a.ul:hover {border-bottom:solid 1px #a91e22;}
   #top_bar {border-bottom:solid 4px #b2b2b2;background:#ffffff;position:absolute;width:100%;padding-bottom:4px;z-index:100;}
   .left_column {/*display:none !important;*/position:absolute;top:0;background-color:#4f5263;width:340px;border-left:solid 4px #b2b2b2;border-right:solid 4px #b2b2b2;z-index:10;transform-origin: 0 0 0;transition: all 0.3s ease 0s;transform: translate(-0px,0);}
    .left_column_hidden {transform: translate(-290px,0);}
   .content_column {padding-left:360px;border-left:solid 4px #b2b2b2;height:100%;/*background-color:#ffffff;*/transform-origin: 0 0 0;transition: all 0.3s ease 0s;transform: translate(-0px,0);}
    .content_column_hidden {padding-left:70px;}
    .padtop {padding-top:100px;}
    .pentry {padding-left:0px;border-left:none;vertical-align:middle;}
    #content_block {padding:10px 40px 2px 20px;}
/*----------------------------------------*/
/*  Top bar
/*----------------------------------------*/
#top_bar {} /* уже задано в Columns CSS */
 #tb_logo {float:left;padding:8px 25px 0 25px;margin-bottom:-5px;}
  #tb_logo img {/*width:70px;margin-top:5px;*//*width:84px;border-radius:50%;*/width:84px;}
 #tb_general {float:left;width:calc(100% - 20px - 20px - 94px);}
  #tb_title {float:left;padding:16px 10px 7px 10px;font-size:23px;color:#4f5263;}
  #tb_version {float:left;padding:16px 0px 7px 5px;font-size:80%;color:#4f5263;}
  #tb_user {float:right;color:#4f5263;margin-top:17px;padding:0px 50px 0px 35px;/*background:url(/v0.01/i/i_user.svg) no-repeat;background-size:22px auto;*/}
   #tb_user img {width:22px;float:left;margin-right:13px;}
  #tb_lang {float:right;color:#4f5263;margin-top:17px;padding:0px 45px 0px 35px;/*background:url(/v0.01/i/i_lang.svg) no-repeat;background-size:22px auto;*/}
   #tb_lang img {width:22px;float:left;margin-right:13px;}
  #tb_line {clear:both;background:#4f5263;padding:7px 10px;color:#ffffff;font-size:90%;padding-right:50px;}
   #tb_line div {float:right;padding-right:50px;}
    #tb_line div a {color:#ffffff;text-decoration:none;}
    #tb_line div a:hover {text-decoration:underline;}
    #tb_line div a:hover {text-decoration:none;border-bottom:solid 1px #ffffff;}

/*----------------------------------------*/
/*  LANGUAGE MENU definitions  
/*----------------------------------------*/
#lang_menu {float:right;padding:0px 0px;margin:0;}
#lang_menu:hover {background:#fff;}
 #lang_menu .language_list {padding:0;margin:0;}
  #lang_menu ul li {margin:0;list-style:none;cursor:pointer;}
   #lang_menu ul li.arrow_down:before {content:"\f107";font-family:"FontAwesome";float:right;padding:3px 0px 0px 5px;}
    #lang_menu ul li .drop_down_block {border:1px solid #eee;/*border-top:none;*/background:#ffffee;margin:9px 0px 0px -1px;padding: 10px 0px 10px 10px;
  opacity:0;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 999999999;
  }
  #lang_menu:hover .drop_down_block {opacity:1;filter:alpha(opacity=100);visibility:visible;background:#fff;}
  #lang_menu ul li:hover .drop_down_block {opacity:1;filter:alpha(opacity=100);visibility:visible;background:#ffffee;}
  #lang_menu ul li .drop_down_block .sub_menu_column {float:left;padding:0;margin:0;padding-right:10px;}
   #lang_menu ul li .drop_down_block .sub_menu_column ul {padding:0;margin:0;}
   #lang_menu ul li .drop_down_block .sub_menu_column ul li {padding:5px 10px;margin:5px 0;list-style:none;font-size:100%;border:none;}
   #lang_menu ul li .drop_down_block .sub_menu_column ul li:hover {background:#ffffcc/*#f2f4ff*/;} 
   #lang_menu ul li .drop_down_block .sub_menu_column ul li:before {font-family:FontAwesome;content:"\f105";margin-top:-0px;position:absolute;padding:6px 8px 1px 0px;font-size:70%;}
    #lang_menu ul li .drop_down_block .sub_menu_column ul li a {color:#313131;transition: all 0.3s ease 0s;text-decoration:none;padding:1px 0px 1px 15px;}

/*----------------------------------------*/
/*  WORKFLOW MENU definitions  
/*----------------------------------------*/
#workflow_menu {float:left !important;/*position:absolute;*/padding:0px 0px;margin:0;}
#workflow_menu:hover {/*background:#fff;*/}
 #workflow_menu .workflow_list {padding:0;margin:0;}
  #workflow_menu ul li {margin:0;list-style:none;cursor:pointer;}
   #workflow_menu ul li.arrow_down:before {content:"\f107";font-family:"FontAwesome";float:right;padding:3px 0px 0px 5px;}
    #workflow_menu ul li .drop_down_block {border:1px solid #eee;/*border-top:none;*/background:#70748c;margin:9px 0px 0px -1px;padding: 10px 0px 10px 10px;
  opacity:0;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 999999999;
  }
  #workflow_menu:hover .drop_down_block {opacity:1;filter:alpha(opacity=100);visibility:visible;background:#fff;}
  #workflow_menu ul li:hover .drop_down_block {opacity:1;filter:alpha(opacity=100);visibility:visible;background:#70748c;}
  #workflow_menu ul li .drop_down_block .sub_menu_column {float:left;padding:0;margin:0;padding-right:10px;}
   #workflow_menu ul li .drop_down_block .sub_menu_column ul {padding:0;margin:0;}
   #workflow_menu ul li .drop_down_block .sub_menu_column ul li {padding:5px 10px;margin:5px 0;list-style:none;font-size:100%;border:none;}
   #workflow_menu ul li .drop_down_block .sub_menu_column ul li:hover {background:#5e6175;} 
   #workflow_menu ul li .drop_down_block .sub_menu_column ul li:before {font-family:FontAwesome;content:"\f105";margin-top:-0px;position:absolute;padding:6px 8px 1px 0px;font-size:70%;color:#77cff7;}
    #workflow_menu ul li .drop_down_block .sub_menu_column ul li a {color:#fff;transition: all 0.3s ease 0s;text-decoration:none;padding:1px 0px 1px 15px;}
    #workflow_menu ul li .drop_down_block .sub_menu_column ul li a:hover {border-bottom:none;}





/*----------------------------------------*/
/*  Left column
/*----------------------------------------*/
.left_column {}
 .marrow {position:absolute;color:#c2c9f2;left:307px;font-size:130%;margin-top:5px;transition:all 0.3s ease 0s;}
 .marrow:hover {color:#f2f4ff;cursor:pointer;} 
 .marrow_hidden {position:absolute;color:#c2c9f2;left:307px;font-size:130%;margin-top:5px;transition:all 0.3s ease 0s;display:none;}
 .marrow_hidden:hover {color:#f2f4ff;cursor:pointer;} 
 ul.lm {padding:0;margin:0;display:block;padding-top:50px;}
  ul.lm_hidden {display:none;}
 ul.lm li {color:#fdfdfd;padding:11px 0px 11px;text-align:center;margin:0;position:relative;list-style:none;border-right:solid 15px #4f5263;border-left:solid 15px #4f5263;display:block;transition:all 0.3s ease 0s;}
 ul.lm li:hover {background:#70748c;}
  ul.lm li a {color:#fdfdfd;display:block;padding:11px 0;margin:-11px 0;}

  ul.lm li.home:before {content:"\f015";font-family:"FontAwesome";color:#4f5263;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm li.home:hover:before {color:#c2c9f2;}

  ul.lm li.workflow:before {content:"\f201";font-family:"FontAwesome";color:#4f5263;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm li.workflow:hover:before {color:#c2c9f2;}

  ul.lm li.docs:before {content:"\f0f6";font-family:"FontAwesome";color:#4f5263;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm li.docs:hover:before {color:#c2c9f2;}

  ul.lm li.admin:before {content:"\f013";font-family:"FontAwesome";color:#4f5263;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm li.admin:hover:before {color:#c2c9f2;}

  ul.lm li.out:before {content:"\f08b";font-family:"FontAwesome";color:#4f5263;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm li.out:hover:before {color:#c2c9f2;}

 ul.lm li.sep {padding:0px;margin:10px;position:relative;list-style:none;display:block;border-bottom:solid 1px #808080;}
 ul.lm li.active a {color:#fdfdfd;display:block;padding:11px 0;margin:-11px 35px;background:#5e6175;}
  ul.lm li.active:hover a {color:#fdfdfd;display:block;padding:11px 0;margin:-11px 0;background:none;}
 


#main_menu_small {display:none;}
 ul.lm_min {padding:0;margin:0;display:block;margin-left:288px;/*width:40px;*/padding-top:50px;}
 ul.lm_min li {color:#fdfdfd;padding:11px 0px 11px 70px;margin:0;position:relative;list-style:none;display:block;white-space:nowrap;width:0px;overflow:hidden;transition:all 0.3s ease 0s;}
 ul.lm_min li:hover {background:#70748c;white-space:nowrap;width:220px;overflow:hide;cursor:pointer;}
  ul.lm_min li a {color:#fdfdfd;display:block;padding:11px 0;margin:-11px 0;padding-left:70px;margin-left:-70px;/*border:solid 1px red;*/}

  ul.lm_min li.home:before {content:"\f015";font-family:"FontAwesome";color:#c2c9f2;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm_min li.home:hover:before {color:#f2f4ff;}

  ul.lm_min li.workflow:before {content:"\f201";font-family:"FontAwesome";color:#c2c9f2;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm_min li.workflow:hover:before {color:#f2f4ff;}

  ul.lm_min li.docs:before {content:"\f0f6";font-family:"FontAwesome";color:#c2c9f2;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm_min li.docs:hover:before {color:#f2f4ff;}

  ul.lm_min li.admin:before {content:"\f013";font-family:"FontAwesome";color:#c2c9f2;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm_min li.admin:hover:before {color:#f2f4ff;}

  ul.lm_min li.out:before {content:"\f08b";font-family:"FontAwesome";color:#c2c9f2;font-size:110%;position:absolute;left:30px;padding:3px 0px 0px 0px;margin-left:-15px;}
   ul.lm_min li.out:hover:before {color:#f2f4ff;}

 ul.lm_min li.sep {padding:0px;margin:10px;position:relative;list-style:none;display:block;border-bottom:solid 1px #808080;width:30px;}









.radio {position: absolute;z-index: -1;opacity: 0;margin: 10px 0 0 7px;}
.radio + label {position: relative;padding: 0 0 0 35px;cursor:pointer;/*color:#4a7080;*/}
.radio + label:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #8c8b8b;
  box-shadow:inset 0px 0px 4px rgba(0,0,0,0.15);
  border-radius: 50%;
  background: #ffffff;
}
.radio + label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #5ba63d;
  opacity: 0;
  transition: .2s;
}
.radio:checked + label:after {opacity: 1;}
.radio:focus + label:before {box-shadow: 0px 0px 3px rgba(4,103,140,0.4);}
.radio_elem {padding:5px 0;}
.radio_desc {font-size:80%;color:#4a7080;padding:5px 0px 0px 35px;white-space:normal;}
.radio_rp30 {margin-right:30px;}
.radio_error + label:before {
  border: 1px solid #ff2b2b;
  box-shadow:inset 0px 0px 4px rgba(0,0,0,0.15);
  background: #fff2f2;
}


.checkbox {position:relative;padding-left:25px;padding:0px 25px 10px 25px;}
.checkbox input[type=checkbox] {display:none;}
.checkbox label:after {
  content:'';
  display:block;
  height:20px;
  width:20px;
  outline:1px solid #8c8b8b;
  position:absolute;
  top:3px;
  left:0;
  box-shadow:inset 0px 0px 4px rgba(0,0,0,0.15);
  background: #ffffff;
}
.checkbox input[type=checkbox]:checked + label:after {
  outline:1px solid #8c8b8b;
  border:3px solid #ffffff;
  width:14px;
  height:14px;
  background-color:#5ba63d;
}


/*----------------------------------------*/
/*  HELP only definitions
/*----------------------------------------*/
ul.hcl {margin:5px 10px 5px 10px;}
ul.hcl li {list-style:none;padding:9px 0;}
ul.hcl li.hcl_pd {margin-left:44px;text-indent:-44px;}
ul.hcl li.hcl_pdm {margin-left:50px;text-indent:-50px;}
 ul.hcl li i {padding-left:10px;}
 ul.hcl li i.mark {padding:3px 6px 0px 1px;color:#4f5263;float:left;}




/*----------------------------------------*/
/*  Bottom bar definitions
/*----------------------------------------*/
#copyr_wrapper {position:absolute;bottom:0;}
 .copyr {padding:10px;font-size:80%;color:#4f5263;}


/*----------------------------------------*/
/*  FONTS definitions
/*----------------------------------------*/


/*
    font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif;
*/



@-webkit-keyframes pulse {
0% {-webkit-transform: scale(.6);opacity: 0;}
50% {-webkit-transform: scale(.9);opacity: 0;}
60% {-webkit-transform: scale(1.2);opacity: .6;}
70% {-webkit-transform: scale(1.5);opacity: .85;}
80% {-webkit-transform: scale(1.8);opacity: .6;}
100% {-webkit-transform: scale(2.1);opacity: 0;}
}



/*----------------------------------------*/
/*  FILE definitions
/*----------------------------------------*/
.dropzone {
  background-color:#ffffff;
  height: 280px;
  padding-top:125px;
  color: #999;
  text-align: center;
  border: 2px dashed #a6a6a6;
  border-radius:15px;
}
.dropzone.dragover {
  background-color:#fafff7;
  color: green;
  border: 2px dashed #5ba63d;
}
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label {
    cursor:pointer;
    color: white;
    padding:10px 12px;
    background-color:#5ba63d;
    border-radius: 9px;
    display: inline-block;
}

.inputfile:focus + label, .inputfile + label:hover {background-color:#5c5f73;}
.file_loading {line-height:3.0;margin-top:-40px;}
.file_done {line-height:2.0;margin-top:-60px;}
.file_done_avatar {margin-top:-100px;}
 .file_done div {font-weight:bold;color:#000000;}
 .file_done span {cursor:pointer;}
  .file_done span:hover {color:#cc0000;}
 .file_done i {margin-bottom:15px;}


.local_search_link {float:right;margin:0px 50px 0px 0px;color:#005caa;cursor:pointer;}
 .local_search_link i {color:#70748c;}
.local_search_link:hover {color:#a91e22;}
.local_search_link:hover i {color:#a91e22;}

#msg_info_block {position:absolute;top:120px;right:0px;z-index:100;width:400px;padding:10px 20px;overflow:hidden;font-size:80%;background:#fff0e5;border-radius:10px 0 0 10px;transition:all 0.5s ease 0s;transform-origin:right;transform:scaleX(0.0);}
#msg_info_content {opacity:0.0;transition:all 0.3s ease 0.5s;}
#msg_info_close {opacity:0.0;/*transition:all 0.3s ease 0.8s;*/position:absolute;top:107px;right:387px;z-index:110;width:35px;height:35px;border-radius:50%;border:solid 4px #fff;}
 .fadein {transition:all 0.3s ease 0.8s;border:solid 4px red;}
 .fadeout {transition:all 0.1s ease 0s;}
 #msg_info_close img {cursor:pointer;}

.closed {}
.closed td {opacity:0.5;}
.closed:hover td {opacity:1.0;}

.canceled {text-decoration:line-through;color:#cc0000;}
.canceled td {font-style:italic;opacity:0.5;}
.canceled:hover td {opacity:1.0;}

.return_service_info {font-size:90%;padding:9px 5px 5px 0px;color:#666;}
 .return_service_info:before {content:"\f05a";font-family:"FontAwesome";float:left;font-size:21px;padding:0px 6px 0px 0px;margin-top:-2px;color:#cd0000;}

.close_filters_block {margin:5px 0 0 20px;cursor:pointer;}

/*----------------------------------------*/
/*  Всплывающие подсказки
/*----------------------------------------*/
.float_info {cursor: help;}
.float_info:hover::after {
    content: attr(data-title);
    position: absolute;
    margin:-4px 0px 0px 5px;
    z-index: 1;
    background: rgba(255,255,204,1.0);
    font-size: 12px;
    padding: 5px 10px;
    border: 2px solid #eee;
    border-radius: 10px;
    width:350px;
    height:20px;
    overflow: hidden;
    line-height:1.7;
} 

.avatar_profile_td {vertical-align:top;padding:10px 30px 0 0 !important;white-space:normal !important;}
.avatar_normal {width:130px;height:130px;border-radius:50%;border:solid 5px #fff;background:#f5f6fa;z-index:100;box-sizing:border-box;}
.avatar_normal + label {width:132px;height:132px;border-radius:50%;background:red;border:solid 12px #ccc;margin:-136px 0 0 -1px;display:block;z-index:10;box-sizing:border-box;}
.avatar_medium {width:70px;height:70px;border-radius:50%;border:solid 5px #fff;background:#f5f6fa;z-index:100;box-sizing:border-box;}
.avatar_medium + label {width:72px;height:72px;border-radius:50%;background:red;border:solid 12px #ccc;margin:-76px 0 0 -1px;display:block;z-index:10;box-sizing:border-box;}

   .timeline_nav_block table.status {margin:0 auto;border:0;background-color:#fff;border-spacing:1px;width:auto;}
    .timeline_nav_block table.status tr td {padding:0px;border:none;}
     .timeline_nav_block table.status .circle-o {width:15px;height:15px;background:none;border-radius:50%;margin:0 auto;border:solid 7px #999999}
     .timeline_nav_block table.status .circle {width:15px;height:15px;background:#42a642;border-radius:50%;margin:0 auto;}
     .timeline_nav_block table.status .circle-big {width:27px;height:27px;background:#42a642;border-radius:50%;margin:0 auto;}
      .timeline_nav_block table.status .circle-big i {color:#fff;float:left;margin:5px 0px 0px 11px;}
       .timeline_nav_block table.status .space-done {background:#42a642;height:9px;width:115px;}
       .timeline_nav_block table.status .space-remain {background:#999999;height:9px;width:115px;}

.timeline_nav_block {padding:120px 50px 0;}
 .timeline_nav_block table {margin:0 auto;border:0;background-color:#fff;border-spacing:1px;width:90%;margin:0 auto;}
 .timeline_nav_block table .td_green {background:#9fd29f;height:10px;}
 .timeline_nav_block table .td_gray {background:#fff;height:10px;}
 .stage_green {position:absolute;background:#42a642;width:20px;height:20px;border-radius:50%;margin:-10px 0 0 -11px;border:solid 2px #fff;}
 .stage_gray {position:absolute;background:#fff;width:20px;height:20px;border-radius:50%;margin:-10px 0 0 -11px;border:solid 2px #fff;}
 .tl_com {position:absolute;background:#cd0000;width:26px;height:26px;border-radius:50%;margin:-13px 0 0 -14px;border:solid 3px #fff;transition:all 0.6s ease 0s;}
  .tl_com:hover {border:solid 3px #fff;}

 .tl_com_vulgaris {background:#007700;}
 .tl_com_return {background:#009acd;}

 .tl_space {height:120px;}
 .tl_info {font-size:90%;padding:0px 5px 5px 0px;color:#666;}
  .tl_info:before {content:"\f05a";font-family:"FontAwesome";float:left;font-size:18px;padding:0px 6px 0px 0px;margin-top:-3px;color:#cd0000;}


/*----------------------------------------*/
/*  Всплывающие подсказки
/*----------------------------------------*/
.stage_green .stage_info_left, .stage_info_right {margin-left:-999em;position: absolute;}
.stage_gray .stage_info_left, .stage_info_right {margin-left:-999em;position: absolute;}
.stage_green:hover {cursor: help;}

.stage_green:hover .stage_info_left {background:#fafafa;border:solid 1px #ccc;border-radius:10px;padding:10px;font-size:80%;position:absolute;left:-1px;top:-90px;z-index:99;margin-left:0;width:250px;white-space:nowrap;}
.stage_green:hover .stage_info_left::before {content:'';position:absolute;height:25px;margin:50px -2px 0;border-left:solid 1px #999999;}
.stage_green:hover .stage_info_right {background:#fafafa;border:solid 1px #ccc;border-radius:10px;padding:10px;font-size:80%;position:absolute;left:-251px;top:-90px;z-index:99;margin-left:0;width:250px;white-space:nowrap;}
.stage_green:hover .stage_info_right::before {content:'';position:absolute;height:25px;margin:50px 248px 0;border-left:solid 1px #999999;}


.tl_com .com_info_left {margin-left: -999em;position: absolute;}
.tl_com:hover {cursor: help;}
.tl_com:hover .com_info_left {
  box-shadow: 0 20px 20px rgba(255, 255, 255, 1.0);
  background:#fafafa;
  border:solid 1px #ccc;
  border-radius:10px;
  padding:10px 10px 10px 40px;
  font-size:80%;
  position: absolute;
  left: -1px;
  top: 60px;
  z-index: 99;
  margin-left: 10px;
  width: 250px;
}
.tl_com:hover .com_info_left::before {content:'';position:absolute;height:15px;margin:-45px -41px 0;border-left:solid 1px #999999;}


.tl_com .com_info_right {margin-left: -999em;position: absolute;}
.tl_com:hover .com_info_right {
  box-shadow: 0 20px 20px rgba(255, 255, 255, 1.0);
  background:#fafafa;
  border:solid 1px #ccc;
  border-radius:10px;
  padding:10px 10px 10px 40px;
  font-size:80%;
  position: absolute;
  left: -181px;
  top: 60px;
  z-index: 99;
  margin-left: 10px;
  width: 250px;
}
.tl_com:hover .com_info_right::before {content:'';position:absolute;height:30px;margin:-45px 141px 0;border-left:solid 1px #999999;}



.com_top_info {
  background:#fafafa;
  border:solid 1px #ccc;
  border-radius:0 3px 3px 0;
  padding:3px 4px;
  font-size:10px;
  position: absolute;
  left: -10px;
  top: -25px;
  /*z-index: 9;*/
  margin-left: 10px;
  white-space: nowrap;
  transform: rotate(-30deg);
  transform-origin: 0 0;
  max-width: 200px;
  overflow: hidden;
}
.tl_com:hover .com_top_info {z-index: 10;}
.tl_avatar_block {position:absolute;margin:-20px 15px -10px -70px;}
.avatar_tl {width:60px;height:60px;border-radius:50%;border:solid 5px #fff;background:#f5f6fa;z-index:100;box-sizing:border-box;}
.avatar_tl + label {width:62px;height:62px;border-radius:50%;background:red;border:solid 12px #ccc;margin:-65px 0 0 -1px;display:block;z-index:10;box-sizing:border-box;}

/*----------------------------------------*/
/*  Настройки
/*----------------------------------------*/
.set_op_t {width:170px;float:left;text-align:center;font-size:90%;font-weight:bold;}
 .set_op_t span {cursor:pointer;}
.set_op_chbl {float:left;margin:-12px 0 0 75px;padding:0px;}
.set_op_chbr {float:left;margin:-12px 0 0 250px;}