@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), 
	url('../fonts/ptsansnarrow/ptsansnarrow.woff2') format('woff2'),
	url('../fonts/ptsansnarrow/ptsansnarrow.woff') format('woff'), 
	url('../fonts/ptsansnarrow/ptsansnarrow.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
	url('../fonts/ptsansnarrow/ptsansnarrowbold.woff2') format('woff2'),
	url('../fonts/ptsansnarrow/ptsansnarrowbold.woff') format('woff'), 
	url('../fonts/ptsansnarrow/ptsansnarrowbold.ttf') format('truetype'); 
    font-weight: 700;
    font-style: normal;
}

 
 
/*  body{min-width:1000px} */
 a{outline:none }

.logo {margin:20px 0 0 0; display:block; font-size:38px; color:#76bd48 !important; text-decoration:none !important}
.logo img { display:inline-block; vertical-align:top; margin-top:6px; margin-right:6px;}



/* section{max-width:1500px; margin:0 auto; } */

.border-right {border-right:1px dashed #c3c2c3}
.border-left{border-left:1px dashed #c3c2c3}
.border-top{border-top:1px dashed #c3c2c3}

.right_shadow { background: url("../img/right_shadow.gif ") top right no-repeat;}

.green_bord {border-bottom:5px solid #76bd48}
.light_blue {background:#e5f0ff}

ul li, ul {margin:0; padding:0; list-style:none}

strong {color:#000}
label {font-weight:normal	}

.row-eq-height > div[class^="col-"]{display:table-cell}
.row-eq-height > div[class^="col-"]:first-child, div.left_col.filter.visible-lg{ min-width:250px}
.row-eq-height > div[class^="col-"]:last-child{min-width:350px}
.row-eq-height > div.col-lg-7{width:67%}

.lightgray_bg{background:#fafafa; position:relative;}

.empty_col {font-family:georgia; font-size:24px; font-style:italic; text-align:center; line-height:34px; margin-top:40px}

 .reduce_pad .row,  .reduce_pad.row{margin-left:-5px !important; margin-right:-5px !important}
.reduce_pad   div[class^="col-"], .row .reduce_pad   div[class^="col-"] , .reduce_pad  li[class^="col-"], .reduce_pad  li[class^="col-"] ,
.reduce_pad   p[class^="col-"], .row .reduce_pad  p[class^="col-"] {padding-left:5px !important; padding-right:5px !important} 

.line a, a.line {text-decoration:underline}
.line a:hover , a.linea:hover{text-decoration:none}

.noline a, a.noline {text-decoration:none}
.noline a:hover, a.noline:hover {text-decoration:underline}

.martop10 {margin-top:10px}
.martop15 {margin-top:15px}
.martop20 {margin-top:20px}
.martop30 {margin-top:30px}
.martop40 {margin-top:40px}
.martop50 {margin-top:50px}
.martop60 {margin-top:60px}

.marleft10 {margin-left:10px;}
.marright15 {margin-right:15px;}


.padtop20 {padding-top:20px ;}
.padtop30 {padding-top:30px ;}
.padtop40 {padding-top:40px ;}

.padbot30 {padding-bottom:30px}

.marbot30 {margin-bottom:30px}
.marbot10 {margin-bottom:10px}
.marbot15 {margin-bottom:15px}
.marbot20 {margin-bottom:20px}
.marbot40 {margin-bottom:40px}
.marbot60 {margin-bottom:60px}
.nomarbot{margin-bottom:0 !important}

.marleft15{margin-left:15px;}


.padleft30 {padding-left:30px;}
.padleft30 {padding-left:30px;}
.padright50 {padding-right:50px;}

.martop-20 {margin-top:-20px}
.nomarcol {padding-left:0; padding-right:0}

/*.main_menu li a span{display:none}*/

.white a{color:#fff}
.gray a {color:#747474}
.gray1 a {color:#484848}
.blue a, a.blue, span.blue{color:#628fb5}
.red a, .red{color:#bd301b}
.black a, a.black {color:#000}
a.red {color:#bd301b}
.yell {color:#efa41f}
.orange_link a{color:#ff6700;}
.green{color:#76bd48}

.bootstrap-select button {}

.bold {font-weight:bold}

.increase_col_left {padding-left:30px; }

ul.main_menu {color:#fff; background:#6d6d6d; display:table; width:100%; 
 text-transform:uppercase; font-size:11px; overflow:hidden; position:relative;}
ul.main_menu li{display:table-cell; text-align:center; width:12.5%; background: url("../img/shadow.png") top left repeat-y;   position:relative;}
ul.main_menu li:first-child{ background: none}
ul.main_menu li a:hover{background:#484848; text-decoration:none}
ul.main_menu li.active a{background:#76bd48 }
ul.main_menu li.prev a{ background: url("../img/shadow1.png") top right repeat-y;}
ul.main_menu li.prev a:hover{ background:#484848 url("../img/shadow1.png") top right repeat-y;}

/* span.count {display:inline-block; border-radius:50%; width:16px; vertical-align:top; margin-left:3px;
background:#fff; line-height:16px; top:8px; text-align:center; right:8px; color:#6d6d6d; font-size:8px; font-weight:900}
.active span.count  { background:#fff; color:#76bd48;} */

span.count {font-weight:bold}


tr.new td:first-child:before {
    content: "\f1d8"; 
    font-family: FontAwesome;
    left:5px;
    position:absolute;
}

.dir_list > li{margin:20px 0}
.dir_list  a{font-size:13px; font-style:italic;line-height:28px;}
.dir_list  img{ display:inline-block; vertical-align:bottom; margin-right:10px}

ul.sotr_list > li{margin:20px 0}
ul.sotr_list li a{font-size:12px; line-height:20px;}
ul.sotr_list li img{ display:inline-block; vertical-align:bottom; margin-right:5px}

ul.main_menu li img{width:40px; margin:0 0 8px 0}
ul.main_menu li a{color:#fff; padding:10px 0; display:block;   transition: background-color 0.3s ease-in-out 0s;}



ul.index_app{margin-top:25px;position:relative;}
  ul.index_app >  li {margin:12px 0; padding:8px ;position:relative; border-radius:5px;}

  
  .toggle_block  ul.std_ul > li{margin:0px 0 25px 0;}
/*   .toggle_block  ul > li{margin:0px 0 10px 0;} */


.anounce h2 img , .std_grid  h2 img{display:inline-block; margin-right:15px; vertical-align:bottom; width:40px;}
.anounce h2 , .std_grid  h2 { line-height:40px;}
.anounce h2 a  , .std_grid  h2{text-decoration:none; white-space:nowrap}
.anounce ul li b{font-size:11px;  display:inline-block;  margin-right:10px; color:#747474; text-decoration:none; font-weight:normal; cursor:pointer;}

.shadow_right {background: url("../img/shadow-right.png") no-repeat}
.shadow_right.bg_top { background-position: top right;}
.shadow_right.bg_bottom {background-position: bottom right;}

.shadow_top {background: url("../img/shadow-top.png") no-repeat}
.shadow_top.bg_top { background-position: top center;}

.auth_block {font-size:12px; margin-top:20px; display:inline-block; text-align:left;}
.auth_block  img{max-width:40px;}
.auth_block li + li{margin-left:5px;  vertical-align:top}
.auth_block li + li a{display:inline-block; margin-bottom:5px;}

.left_col {padding-top:40px;}
.right_col .sotr_main{padding-top:40px; width:100%}

.kassa_block {padding-top:30px; }

.kassa_block h2 img {width:45px; }
.kassa_block .btn-group {width:100%}
.kassa_block .input-group-addon {background:none; border:none}
.kassa_block .period_area {display:none} 

.left_col.filter .input-group-addon {border:0; background:none}

.slide_menu {background:#fcfcfc; white-space:nowrap;}
.slide_menu .pad_inlay{padding:20px; position:relative; border-right:1px dashed #c3c2c3;}
.slide_menu .fa-times{font-size:16px; position:absolute; top:10px; right:10px}

  .slide_menu  {
    height: 100%;    width: 0; padding-top:0; 
    position: absolute;    z-index:5;   
    overflow-x: hidden;    transition: 0.5s;   
	display:block !important;
}

.slide_menu.fixed {top:0;    position: fixed;} 


.filter .reset {color:#bd301b; border-bottom:1px dashed #bd301b}
.filter h1 {color:#000; margin-bottom:25px; margin-top:-5px;}
.filter h1 img, h1.img_limit img {max-width:40px; margin-right:10px}

    .tumbler {position:relative; font-size:13px; font-style:italic; text-align:center}
  .tumbler li {display:inline-block; margin:0px 5px; vertical-align:top; opacity:0.7}
  .tumbler li.active {opacity:1}
  .tumbler li.tube {}
  .tumbler li.switcher {width:84px; height:19px; margin-top:10px; background: url("../img/swtch_bg.png"); opacity:1; position:relative;}
  .tumbler li.switcher img{position:absolute; right:42px}
  
  	
	ul.cachiers {margin:20px auto 0  auto; text-align:center;}
	ul.cachiers li{display:inline-block;}
  
  .tube img, .inst img{width:40px; margin:0 10px;}
  
  
  .columns_content { width:100%; padding-top:30px; margin-top:-30px; overflow-x:scroll}
  /*.columns_content table {min-width:1800px}*/
  
  table.timeline {width:100% !important; table-layout: fixed; border-collapse:collapse; margin-bottom:100px;}
  table.timeline a {display:block; text-align:center; }
  table.timeline a img{max-width:25px; display:inline-block;}
  
  table.timeline tr.days {color:#707070; font-size:10px; height:5px; }
  table.timeline tr.days i{font-style:normal; display:block; margin-top:-19px; font-size:8px;}
  
   table td {font-size:12px;}
  
  table.timeline tr > td{padding:0 4px; text-align:center; }
  
  table.timeline tr.debet > td:hover{background: linear-gradient(to top, #fff, #fafafa); }
  
  
   table.timeline tr.debet > td {vertical-align:bottom; padding-top:60px; border-bottom:1px solid #c6c6c6}
 table.timeline tr.credit > td {vertical-align:top; position:relative;}
  
  table.timeline tr.days > td {background: url("../img/gray_pix.gif") center center repeat-x; border-left:1px solid #e5e5e5}
  

  table.timeline tr.debet td div.diagram {background: url("../img/debet1.png") top center no-repeat; background-size:cover; margin-top:10px;}
 table.timeline tr.credit td div.diagram {background: url("../img/credit1.png") bottom center no-repeat; background-size:cover; margin-bottom:10px;}
  
  .informer { display:none;}
 .popover .content {padding-top:0; padding-bottom:0; position:relative; }
 
  table.timeline .popover{position:absolute !important;}
  table.timeline tr td div.diag_wrap {position:relative; font-size:14px;}

  table.timeline tr.credit td  .popover{bottom:-15px}
 table.timeline tr.credit td  .popover .arrow{bottom:20px; top:auto !important; }
 table.timeline tr.credit td  .popover  .arrow:after{ border-right-color: #fff !important; border-left-color: #fff !important; }
 
 
 table.timeline tr.debet td  .popover  {top:-15px !important;  margin-top:0px;}
 table.timeline ul.summary_icons >li {margin-bottom:10px;}
  table.timeline ul.summary_icons > li {position:relative;}
 
  .popover {font-size:12px; top:auto !important; background:#fff; margin-top:-35px;}

  
    .popover ul.headings > li{padding:6px 0; text-align:left; vertical-align:top; line-height:20px;  color:#fff; font-size:12px}
  
  .popover table{width:100%; color:#fff;}
  .popover table a{color:#fff; text-decoration:underline}
  .popover table a:hover{text-decoration:none}
  
  .popover table tr td{padding:6px 0; text-align:left; vertical-align:top; line-height:20px;}

  
  .popover table tr td a{ text-align:left;}
  .popover table tr td.text-right{text-align:right;}
  .popover table tr.create td{padding:8px 0;}
   .popover .app_title {font-size:13px; }
   
   
    .click form input{   
   text-align: left;
height:20px !important;
    border: 0 ;
	background:none;
    box-shadow: none !important;
    outline: none !important;
	
	}
	 .click, .click_select{cursor:pointer;}
	 
	 .click_select button,.click_select_status button{height:20px; display:inline-block; vertical-align:top}


	
  
  ul.apply_data {margin:0 0 0 -10px;}
  ul.apply_data > li{display:inline-block; margin: 0 0 0 10px;}
  
  ul.app_history {font-size:13px;}
  ul.app_history > li{margin:18px 0; position:relative}
  ul.app_history img{	margin-right:5px; width:23px}
  ul.app_history .bootstrap-select  img{ width:16px}
  ul.app_history strong{font-style:italic}
  

  
  ul.app_history li.approval strong , .toggle_block  strong.approval {color:#76bd48} 
  ul.app_history li.take_money  strong, .toggle_block  strong.take_money {color:#5992d9}
  ul.app_history li.get_money  strong, .toggle_block  strong.get_money{color:#efa41f}
  ul.app_history li.rejected strong, .toggle_block  strong.rejected {color:#da251d}
  
/*    ul.app_history div.form-control {width:auto !important;min-width:200px}  */
    li.user_action {padding-top:20px; border-top:1px dashed #dfdfdf; margin-bottom:0 !important}
	.app_staus, .get_dirs{margin-bottom:20px;}
	.get_dirs {display:none}
	
	
		li.user_action .button_placement button, li.user_action button.redirect, li.user_action button[btn_action=confirm]{color:#fff; font-weight:bold; font-style:italic; border:0; height:30px; }
	 button.btn.approval, button.btn.restore {  background: linear-gradient(to top, #77be4a, #9add6e); }
	 button.btn.reject, button.btn.delete  {  background: linear-gradient(to top, #be311c, #e35641); }
	 button.btn.redirect {  background: linear-gradient(to top, #7a8891, #8e9aa2); }
	 
	 button.btn.given {background: #5992d9}
	 button.btn.got {background: #efa41f}
	

	
	.button_placement button {display:none}
  
.bootstrap-select button
 {background:#fafafa url("../img/button-bg.gif") top right repeat-y !important; }
 
 .bs-caret {color:#fff;} 
/*  .kassa_block .input-daterange {width:90%; margin-left:10%; } */
 .kassa_block .cash {display:none}
 
 
 
 .input-daterange .form-control{background:#fafafa url("../img/calendar.gif") right center no-repeat; font-style:italic}
  
 /*   .popover img.stamp{width:auto; position:absolute; z-index:2}
     .popover img.round{width:auto; position:absolute; z-index:1} */
   
/*    .popover img.stamp.approval{ right:-25px; margin-top:-12px; }
    .popover img.round.approval{ right:-25px; margin-top:-12px}
	
	
    .popover img.stamp.take{ right:-5px; margin-top:35px}
	  .popover img.round.take{ right:-5px; margin-top:35px}
	 */
	
	ul.stamp_block {position:absolute; right:-15px; top:-15px; width:100px}
	ul.stamp_block li{display:block; position:relative; margin-right:15px}
	ul.stamp_block li + li{ margin-top:-50px; margin-left:-15px;}
	ul.stamp_block li + li + li{ margin-left:-10px; margin-top:-40px;}
	
	ul.stamp_block div.stamp {width:96px; height:96px;/*  background: url("../img/white_round.png") center center no-repeat; */ }
	ul.stamp_block div.stamp b {display:block; height:100%; width:100%; background-size:cover; background-repeat:no-repeat;}
	
	ul.stamp_block div.stamp.approval.dir b{background:url("../img/dir_status/dir-approval.png") ; } 
	ul.stamp_block div.stamp.take_money.dir b{background:url("../img/dir_status/dir-take.png") ;} 
	
	ul.stamp_block div.stamp.approval.st_kassir b{background:url("../img/dir_status/st_kassir-approval.png") ;} 
	ul.stamp_block div.stamp.take_money.st_kassir b{background:url("../img/dir_status/st_kassir-take.png") ;} 
	ul.stamp_block div.stamp.get_money.st_kassir b{background:url("../img/dir_status/st_kassir-get.png") ;} 
	
	ul.stamp_block div.stamp.take_money.kassir b{background:url("../img/dir_status/kassir-take.png") ;} 
	
	ul.stamp_block div.stamp.approval.gen_dir b{background:url("../img/dir_status/gen_dir-approval.png") ;} 
	ul.stamp_block div.stamp.take_money.gen_dir b{background:url("../img/dir_status/gen_dir-take.png") ;} 
	ul.stamp_block div.stamp.reject.gen_dir b{background:url("../img/dir_status/gen_dir-reject.png") ;} 
 
  
  a[data-popover="true"] {display:inline-block;  position:relative;}
  
  
  
  .take_money .title,  .take_money .close_pop{background:#5992d9; }
  .get_money .title,  .get_money .close_pop{background:#efa41f; }
  
  .rejected .title,  .rejected .close_pop{background:#bd301b; }
  
  .take_money.popover.right > .arrow:after{ border-right-color: #5992d9;}
  .take_money.popover.left > .arrow:after{ border-left-color: #5992d9;}
  
  .default .title , .default .close_pop{background:#6d6d6d; }
  .default.popover.right > .arrow:after{ border-right-color: #6d6d6d;}
  
  .approval .title ,  .approval .close_pop{background:#76bd48;}
  .approval.popover.right > .arrow:after{ border-right-color: #76bd48;}
  
   .income .title,  .income .close_pop{background:#efa41f;}
  .income.popover.right > .arrow:after{ border-right-color: #efa41f;}
  .income.popover.left > .arrow:after{ border-left-color: #efa41f;}
  
   .reject .title,  .reject .close_pop{background:#bd301b;}
  .rejected.popover.right > .arrow:after{ border-right-color: #bd301b;}
  
    .title .close_pop{position:absolute; background:inherit; color:#fff; right:-7px; cursor:pointer;
	top:-7px; border-radius:50%; font-size:14px; padding:5px; display:block; font-weight:normal;}
  
/*   .open_detail .title  {color:#fff; font-size:12px}
  .open_detail .title  ul li{margin-top:8px; margin-bottom:8px} */

/*  .open_detail  {background:#f7f7f7} */
.open_detail .detail {z-index:2; position:relative;}
.open_detail .detail + .detail{z-index:1}


  
  .left_col.filter h2, h2.gray{color:#8e9aa2}
  .left_col.filter  > form > ul  {margin-right:10px}
  .left_col.filter  > form > ul  > li, .pad_inlay  > form > ul > li{margin:20px 0}
  
    .left_col.filter button {font-style:italic}
/* 	
  .table_view {    display: flex;}		
  .table_view .row{display:table-row}		
  .table_view div[class^="col-"]{display:table-cell}		 */
  
  .file_upoad ul.table {margin-bottom:0}
  .file_upoad .modal-body{padding-bottom:5px; padding-top:5px}
  .file_upoad .modal-header{background:#efefef; border-radius:5px 5px 0 0}
  
  .file_upoad .drop_area{padding:30px 0;  border-radius:10px; border:1px dashed #cdcccd;
  color:#a4a4a4; background:#fbfbfb; margin:20px 0 30px 0}
  
 .file_upoad .drop_area p{font-size:16px; font-style:italic; margin-bottom:30px}
  
  .drop_elect{ text-align:center; display:flex; align-items: center }
  
  
  ul.file_row li {margin:15px 0}
  
    ul.table {    display:table;width:100%; }
  ul.table li{    display: table-cell; vertical-align:middle; white-space:nowrap; padding:5px 0;}
  ul.table li input.form-control{    display: inline-block; margin-right:5px}
  ul.table li:first-child{  width:36px;}
  ul.table li:last-child{  width:100px;}
  
  .border-b-red{ text-decoration:none;     border-bottom: 1px dashed #bd301b;    line-height: 13px;    font-size: 13px;    display: inline-block;    padding-bottom: 2px;}
  .border-b-red:hover{ text-decoration:none;     border-bottom: 1px dashed #fff;   }

  
  table.std_grid  { width:100%; }
  table.std_grid td{padding:12px 5px; vertical-align:middle; line-height:22px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
  table.std_grid td h2 img{margin-left:-4px; max-width:none}


  
  table.std_grid td img{max-width:25px;}
  table.std_grid td i{margin:0 5px}
  table.std_grid td ul.stages li{display:inline-block; cursor:pointer}
/*    table.std_grid tr:hover td {background:#f8f8f8; cursor:pointer;} */
 table.std_grid tr:first-child:hover td ,  table.std_grid tr.statisic:hover td{background:#fff}
	
  table.std_grid td  b{font-size:11px;  display:inline-block;  margin-right:10px; color:#747474; text-decoration:none; font-weight:normal; cursor:pointer;}
table.std_grid td:first-child {width:40px; padding-left:35px;}
table.std_grid td:last-child {text-align:right;  padding-right:35px;}

table.std_grid .thead td .pages,  table.std_grid .tfoot td .pages{width:65px; display:inline-block; vertical-align:middle; margin-left:10px;}
table.std_grid tr.tfoot td{text-align:center; padding-top:50px; padding-bottom:10px;  background: url("../img/shadow-x.jpg ") no-repeat center 30px;}

table.std_grid td:nth-child(3n) {white-space:nowrap}

table.std_grid td:nth-child(2n) .detail {display:none}


 table.std_grid tr.selected td, .app_list  li.selected , .index_app  li.selected{background:#cddae3} 

 .open_detail .popover{margin-top:30px; position:relative;display: block; width:auto; /* margin-left:10px; */ transition: all 0.3s ease-in-out 0s;}
 .open_detail .popover:last-child{margin-bottom:30px;}




table.std_grid td  span.show_filter{color:#5992d9;font-size:15px; }
table.std_grid td  span.show_filter b {color:#5992d9;font-size:13px; }

span.show_statistc {color:#ff6700; }


table.std_grid td span.show_statistc b{font-weight:normal; border-bottom:1px dashed #ff6700; line-height:13px; font-size:13px; display:inline-block; color:#ff6700; padding-bottom:2px;}
 table.std_grid td span.show_statistc b:hover {border-bottom:1px dashed #fff;}
span.show_statistc i {font-size:14px; margin-top:5px}



 table.std_grid td span.show_form{color:#fff ;font-size:14px; background:#6090b2; display:inline-block; border-radius:5px; padding:7px 5px;	}
 table.std_grid td span.show_form b{color:#fff;  font-size:13px; line-height:13px; padding-bottom:2px; margin-right:}


.toggle_block {display:none; margin-bottom:20px; padding-bottom:10px}
.toggle_block > ul{margin-top:15px !important;}
.toggle_block .plastic-top   {height:16px;   margin-left:auto; margin-right:auto; margin-bottom:20px;}
.toggle_block .input-group button {border-radius:0 4px 4px 0; border-left:0}
.toggle_block .input-group-addon {font-weight:bold; color:fff;     border: 1px solid #898989; border-right:0;
background: linear-gradient(to top, #7b1721, #c32535); box-shadow: 0 0px 3px #ccc; }

.toggle_block.orange_style { background:#fffae7; border:1px solid #e9e9e9; border-top:0; }
.toggle_block.orange_style .plastic-top  { background: url("../img/plastic.png") repeat-x;}

.toggle_block.blue_style { background:#edf7ff; border:1px solid #e9e9e9; border-top:0; }
.toggle_block.blue_style .plastic-top  { background: url("../img/plastic-blue.png") repeat-x; margin-bottom:0}
.toggle_block.blue_style textarea {height:140px; line-height:30px; margin:20px 0 20px 0}

.toggle_block .app_title {background:#d5e4f0; padding:25px 15px 25px 15px; margin-top:0}
.toggle_block .app_title input{height: 35px;}

.toggle_block .input-group {float:right; width:130px;}
.toggle_block .bootstrap-select button {background-color:#fff !important;}

.index_app .toggle_block > ul li {padding:0; margin:10px 0 !important}

.bootstrap-select  img{width:16px; display:inline-block; vertical-align:middle; margin-right:3px; margin-top:-2px;}

table.std_grid tr.statisic td {height:0; padding-top:0; padding-bottom:0}

ul.pagination {margin-top:0}
ul.pagination li.active a{background-color:#8e9aa2; border-color:#8e9aa2}
ul.pagination li.active a:hover{background-color:#8e9aa2; border-color:#8e9aa2; }
ul.pagination li a,ul.pagination li a:hover {color:#8e9aa2}

ul.stages li {position:relative;}
ul.stages li + li{ background: url("../img/ar.png") no-repeat left center; padding-left:18px; margin-left:4px} 

ul.stages li i.fa{ background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -6px;
    line-height: 12px;
    position: absolute;
    right: -10px;}
 table.std_grid tr.selected td ul.stages li i.fa{border:2px solid #f0f0f0;}

ul.stages li.approval i.fa{color:#75be43}
ul.stages li.take_money i.fa{ color:#6090b2}
ul.stages li.get_money i.fa{ color:#efa41f}
ul.stages li.reject i.fa{ color:#bd301b}

.tooltip {width:auto !important;  white-space:nowrap;}
.diag_wrap .tooltip {width:auto !important;  white-space:nowrap; font-size:12px; }


   
.you {height:25px; width:25px; border-radius:50%; border:1px solid #9f9f9f; background:#fff; text-indent:0px; vertical-align:middle; line-height:22px;
 display:inline-block; font-size:12px; font-family:'PT Sans'; font-weight:bold; text-align:center;} 

.open_detail .you {text-indent:0px; margin-right:4px; margin-left:-2px}
 
 .down_popover {position:relative;}
   
   .messages {background:#f8f8f8; padding:16px 14px 7px 14px; color:#8d8e90; margin:0 -14px; border-bottom:1px solid #dfdfdf;}
   .messages p{line-height:20px; text-decoration:underline; cursor:pointer}
   .messages p i{font-size:22px; margin-right:10px; line-height:20px; vertical-align:top }
   .messages img{max-width:23px}
   
   ul.speech_list {display:none; padding:10px 0} 
   ul.speech_list > li + li {margin-top:20px} 
    ul.speech_list textarea{margin-top:10px; box-shadow:none; padding: 10px ; margin-bottom:15px; border:1px solid #dfdfdf}
	
	button.btn.btn-default { background: linear-gradient(to top, #e6e6e6, #fff); border:1px solid #c4c4c4;   box-shadow: 0 0px 3px #ccc;}
	.bootstrap-select button.btn.btn-default {  box-shadow:inset -1px 2px 2px rgba(0, 0, 0, 0.1)}
   

   .talkbox {border-radius:5px; background:#fff; margin:15px 0 5px 0; padding:15px; border:1px solid #dfdfdf;
   font-style:italic; line-height:20px; position:relative;}
   
.user_action.attached  {text-align:right; border-top:0; margin-top:0; padding-top:0px; margin-bottom:15px;}

   
       ul.speech_list li:last-child   .talkbox {padding:0; border:0} 
       ul.speech_list li:last-child   .talkbox .tail{top:-10px;} 
    
	.your_depart img{margin:0 10px 0 15px}
	
	.attach_link .fa {font-size:16px}
	ul.attached {border-top:1px solid #dfdfdf; padding-top:15px; margin-top:15px;}
	ul.attached li{display:inline-block; position:relative;}
	ul.attached li img {margin:0 !important}
	
	ul.attached li .fa  { 
	font-size:10px;
	color:#000;
   position: absolute;
    right: -3px;
    bottom: -6px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #f8f8f8;}
	
	ul.attached li .fa:hover {border:2px solid #fff;}
   
   
  .confirm { margin-top:20px; display:none}
  .confirm ul{ display:inline-block; padding:15px; background:#f8f8f8; border-radius:10px 10px 0 0; border:1px solid #dbdbdb; border-bottom:0}
  
   .talkbox  .tail {position:absolute; left:10px; top:-11px;}
   
   ul.speech_list > li:nth-child(even)  {text-align:right}
   ul.speech_list > li:nth-child(even)  img{margin-right:5px;}
    ul.speech_list > li:nth-child(even) .tail {left:auto; right:10px;}
   
   .attach {border-bottom:1px dashed #9d9d9d; padding-bottom:1px; display:inline-block; text-decoration:none !important; cursor:pointer}
   .attach:hover{color:gray;border-bottom:1px dashed #fff;  }
   .attach i{margin-right:4px;}
 
   

.app_search .input-group-btn {}
.app_search .input-group-btn button {padding-left:9px; padding-right:10px; background:#8e9aa2; color:#fff; }

.app_search .input-group-btn:last-child > .btn, .app_search .input-group-btn:last-child > .btn-group {box-shadow:none; margin-left:0px;  border-radius:0 4px 4px 0; overflow:hidden; display:block;}
.app_search input.form-control {border-right:0; background:#fafafa}

.gray_bg {background:#f0f0f0; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}
.gray_bg h4{margin-top:0}
.meshok {max-width:55px}

.color_cols  {font-size:16px;}
.color_cols {text-align:center;  font-weight:14px; font-weight:bold}
.color_cols .green .column{ background: url("../img/podotchet-col.png") no-repeat center top; margin-bottom:50px; max-height:350px !important }
.color_cols .orange .column{ background: url("../img/kassa.png") no-repeat center top; max-height:350px !important }
.color_cols .red {margin-top:70px; }
.color_cols .column {margin-top:20px;}

.orange{color:#efa41f}

.shadow_bottom  { background: url("../img/shadow_bottom.png") no-repeat center bottom; height:100%; background-size:80%; position:relative; vertical-align:middle; min-height:42px}
.shadow_bottom p {background:#8dc641; color:#fff; border-radius:5px; display:inline-block; padding:5px; font-family:PT Sans; font-weight:bold; font-size:18px; margin-top:25px;}

.color_cols .red .column{ background: url("../img/dolg-col.png") no-repeat center top; }
.color_cols .red  .shadow_bottom p {background:#bd301b; color:#fff;}
.color_cols .orange  .shadow_bottom p {background:#efa41f; color:#fff;}



.login_box {

    margin:0 auto;
    padding: 25px;
   
    margin-top: 40px;
    max-width: 352px;
    text-align: center;
}
.login_box .nav-tabs li {
    float: none;
    display: inline-block;
}
.login_box .nav-tabs a {
    font-size: 16px;
    font-family: PT Sans;
    color: #000 !important;
}


.login_box span.link{
    border-bottom: 1px dashed #9d9d9d;
    display: inline-block;
    padding-bottom: 1px;
    text-decoration: none;
	color:#428bca;
	cursor:pointer;
	}

.login_box  .row + .row {margin-top:20px}
.sms_confirm {display:none}

.login_box  h1 {font-size:50px; font-family:PT Sans; color:#76bd48; white-space:nowrap; vertical-align:middle; margin-bottom:30px; display:inline-block;}
.login_box  img {vertical-align:middle; margin-top:-10px; }
.auth input.form-control {height:35px; background:#f9f9f9;}

  footer{background:#6d6d6d; color:#fff; padding:15px 0}
  footer a{ color:#fff;}
  .foot_logo {font-family:PT Sans; font-size:25px; font-weight:bold; margin-right:10px; display:inline-block; margin-top:15px;}
  .foot_logo img{ margin-right:10px; display:inline-block; vertical-align:top}
   ul.footer_menu {margin-left:-15px; margin-top:15px;}
  ul.footer_menu li {margin-left:15px;}
  
  .kassa_balance {font-size:25px; font-family:PT Sans; color:#000; padding:48px 15px 30px 30px; background:#fff; margin-left:-15px;
      border-bottom: 1px dashed #c3c2c3;
  }
  
  #balance .orange + .orange {margin-top:100px;}
  	.people .btn {margin-bottom:20px;}	
  
/*   .kontora .dir_list > div[class^="col-"]{ background: url("../img/vert_dash_bord.gif") repeat-y 85% top ;} */
   .kontora .dir_list {}
   .kontora .dir_list ul.sotr_list {display:inline-block; background: url("../img/dir_list_shadow.gif") no-repeat center top ;
  background-size:contain; padding-top:10px; text-align:left;}

  
  .ava {display:inline-block; margin:30px 0 10px 0; border-radius:50%; border:2px dashed #d5d5d5; position:relative;}
  .ava img {padding:10px; }  
	.ava  a.pic_edit {position:absolute; color:gray; right:5%; top:75%;padding:10px; font-size:16px; background:#fff; border-radius:50%;}
  
 .name {display:inline-block; width:auto}
 .name input[type=text]{text-align:center; border:0; border-bottom:1px solid #000; height:40px; box-shadow:none !important; outline:none}
 
  .personal {max-width:1200px; margin:40px auto 60px auto; }
   .personal ul.form-group { width:80%; margin:0 auto}
  .personal .form-control ,  .personal .bootstrap-select{height:34px; background:#fafafa;margin:0px auto; text-align:left;  font-size:12px;}
    .personal .bootstrap-select.form-control button{height:34px;text-align:center;}
   .personal ul.form-group > li{margin-top:15px;}
   .personal ul.form-group.reduce_mar > li{margin-top:10px;}
    .personal a.confirm_link, a.blue_dashed	 {text-decoration:none; border-bottom:1px dashed #0e76bc; padding-bottom:3px;}
    .personal .code {background:#fff; box-shadow:none}
    .personal button[type=submit]{ padding:7px 15px }
	
	 .personal ul li.divider, .divider {padding-top:30px; margin-top:30px; border-top:1px dashed #a6a6a6}
	 
	 
	 
	   .personal.admin_panel {max-width:1300px;}
	    .personal.admin_panel ul.form-group { width:80%; margin:inherit}
		
		ul.textareas li {margin:10px 0}
		ul.textareas li strong{margin:0 0 5px 0; display:inline-block}
		ul.textareas li textarea.form-control{height:80px;}
		
		.people {margin-top:80px;}
		.people table {width:100%}
		.people table.dir_list td  {padding:10px 0px; vertical-align:middle}
		.people table.sotr_list td {padding:14px 0px; vertical-align:middle}
	 
  
   a.blue_dashed i {font-size:16px; margin-right:5px;}
  
  ul.stampls_upload {    width: 80%;    margin-left: auto; margin-right:auto;}
  ul.stampls_upload li{ padding:5px;}
  ul.stampls_upload a {display:block; padding:5px;}
  ul.stampls_upload img {       margin-left: auto; max-width:100%; margin-right:auto;}
  ul.stampls_upload a.green img {border:2px dashed #76bd48;}
  ul.stampls_upload a.red img {border:2px dashed #bd301b; }
  ul.stampls_upload a.blue img {border:2px dashed #0e76bc; }
  ul.stampls_upload a.yell img {border:2px dashed #efa41f; }

    ul.stampls_upload a.uploaded  img{border:0 !important}

  .navbar {margin-bottom:0}


  .people ul.row {display:flex; flex-direction:row ;justify-content: flex-start; align-items:center }
  
 /*  .thead.visible-xs ul.row{margin-top:20px;}  */
  
  .copy {
    background: url("../img/icon1.png") no-repeat scroll 0 0;
    height: 50px;
	line-height:20px;
    padding-left: 50px;
	text-align:left;
	padding-top:5px;
    color: #fff;
	display:inline-block;
}


/* .detail .popover {display:block !important; position:relative; top:auto; left:auto; right:auto;} */
/* .tablet_app_content {} */


.navbar-header .logo {font-size:22px; margin-top:0}
.navbar-header .logo img{ margin-top:0; width:25px}
.navbar-header{background:#fff; border:0}
.navbar {border:0; border-bottom:3px solid #76bd48;}
.navbar-default .navbar-toggle {border:0; background:#fff !important}
.navbar-default .navbar-toggle .icon-bar {background-color:#6d6d6d}
.navbar-default .navbar-nav > li > a {color:#fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:#6d6d6d}

.account_link {float:right; margin:12px 8px 0 0}
.account_link img {max-width:23px;}

.click form input{}


/* Custom, iPhone Retina */ 
@media (max-width: 767px) {	
.app_list, .left_col{border-right:0; border-left:0}
table.std_grid td:first-child {width:auto; padding-left:15px;}
table.std_grid td:last-child {  padding-right:15px;}
table.std_grid td  b {margin-right:0}

#app_detail_content{ bottom:0; left:0; width:100%; display:block; z-index:999; transition: 0.5s;   height:0;      
    position:fixed;max-height:100%; overflow-y:scroll; 
    }
	
	.padtop20 {padding-top:0; margin-top:-10px;}
/* 	table.std_grid td {padding:10px 15px} */
	
	.thead.visible-xs i {line-height:40px; font-size:20px;}
	.toggle_block .input-group {float:none}
}




/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.increase_col_left  {padding-left:20px;}
.row-eq-height > div[class^="col-"]:last-child{min-width:auto}
.mb_text-right{text-align:right}
.row-eq-height > div[class^="col-"]:last-child{min-width:auto}
.logo {margin-top:15px;}
.auth_block {margin:15px 0}



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.auth_block {display:block;margin-top:25px}
.logo {margin-top:20px}
.kassa_block  .row{ display: flex; align-items:center ;}

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
#app_detail_content {transition: all 0.3s ease-in-out 0s; }
 .dir_personal{  display:none;}
 .dir_personal.mobile{ position:fixed; bottom:0; left:0; width:100%; overflow:hidden; background:#fff; display:none; background:#fff; z-index:3}
 
 body {padding-top:0px}
 
 .color_cols { display:flex; align-items: flex-end}
 .open_detail.main_page{padding:0 15px;}
 
  .toggle_block  ul.std_ul > li{margin:25px 0 5px 0;}
  
  	
	.thead h2 {float:left;}
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.app_list{border-right:0; width:100%;}
table.std_grid td:first-child {width:auto; padding-left:15px;}
table.std_grid td:last-child {  padding-right:15px;}
table.std_grid td  b {margin-right:0}

/* #app_detail_content {width:400px;    border-left: 1px dashed #c3c2c3;} */
#app_detail_content{ bottom:0; left:0; width:100%; display:block; z-index:999; transition: 0.5s;   height:0;      
    position:fixed;max-height:100%; overflow-y:scroll; 
    }
	
	table.std_grid td:last-child {text-align:left;}
	

	
}




@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 640px)

  {

  table.std_grid td span.show_form{padding:0; background:none; color:#6090b2}
  
 .dir_personal{  display:none;}
 .dir_personal.mobile{ position:fixed; bottom:0; left:0; width:100%; overflow:hidden; background:#fff; display:none; background:#fff; z-index:3}
 

   .personal ul.form-group { width:100%; margin:0 auto}

 .row-eq-height div[class^="col-"], .row-eq-height{display:block}
 .login_box {
     height: 370px;     margin: 0;    padding: 0px; position:relative;
       width: auto; text-align:center;
}
.mb_text-right{text-align:right}
.row-eq-height > div.col-lg-7 {width:auto;}
.row-eq-height > div[class^="col-"] {border:0}
.increase_col_left {padding-left:15px}
.padtop30.black {padding-top:0}
.popover {left:auto !important; top:auto !important; width:100%}
.row-eq-height > div[class^="col-"]:last-child {min-width: auto}

.navbar  {position:fixed; top:0; width:100%; z-index:3}
body {padding-top:70px}

 .color_cols { display:flex; align-items: flex-end}
 
 
 .kassa_block  {padding-top:0; }
 .kassa_block  h2{text-align:center; }
 .kassa_block  .tumbler{margin:20px 0}
   .slide_menu  {top:50px; }
   
.open_detail.main_page{padding:0 15px;}
}


.app_list tr:nth-child(even) {
    background-color: #f8f8f8
}




/* 

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: table;
  height: 100%;
  width:100%;
}
.content-main {
  display: table-cell;
  height: 100%;
} 
 */