body {
    --color-red: #EB5757;
    --color-green: #27AE60;
    --color-blue: #017CC8;
    --color-yellow: #dabf23;
    --color-grey: #DDDDDD;
}

/* оптимизируем bootstrap */
 html, body { font-size: 13px; line-height: 18px; }
h1 { font-size:25px; line-height: 26px; }
h2 { font-size:19px; line-height: 20px; }
h3 { font-size:15px; line-height: 15px; }
form { margin:0px; } 

body .form-horizontal .control-group { margin-bottom: 5px; }
body .form-horizontal .control-label, form label { margin-bottom: 0px; line-height:14px; font-size: 13px; }
body .form-horizontal label.checkbox { line-height: 16px; }

body .form-horizontal .control-group .cgroup,
body .form-horizontal .control-group .cgroup label,
body .form-horizontal .control-group .cgroup input { float: left; }
body .form-horizontal .control-group .cgroup { margin-right:5px; }
body .form-horizontal .control-group .cgroup label { line-height: 25px; padding-right:3px; }
body .badge { padding: 2px 6px 1px; }
body .navbar .badge { padding: 3px 2px 2px 1px; }
.navbar .navbar-inner { padding-left:10px; padding-right:10px; }
.navbar .navbar-inner .container-fluid {  padding-left:0px; padding-right:0px; }
.navbar .navbar-inner .lead-image {
margin-top:2px;
display:inline-block; width:16px; height:16px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKIgAACiIBrlQuIQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFYSURBVDiNrZOxasJwEMa/SyN0KKXawW4VpHTMVDo49AFacHTMUATJEvoEeRR3JYXSzYIIPoCdSouD2YQSpQaHP6n6dWkEbaL/oQffcsf97j6OEwArAJ/Qi1MAFySDJGECiEie6XSLyOt2ztCcnBlrgIh0RERl6GMX5Isk9sgk+dDtdmeTyeSR5E1S0wEYJF+azSYrlQpt2+ZgMFiRtDcAADoA1LZqtVrc6/UIYK1SqcTlcjkjeaCzgec4zgYAAPv9Pkme6wCufN/faC4UCpzP529aFgCoIAhi13WZz+dpWRZ93ydJjyTkF3CScSFZLBbPrVbrdjgcIo5j5HI5GIaBarUaW5Z1v8/Cdbvd/uM/saGUejcBHItIkDa+0WgcFYvF1NWm0ynG4/ElABxmKYqiuud5qRsA4Gg0oklSZfgHgO8dNQD/8EyS3DIj7sIwfArDMHVQuVye/QDpOU7jyAByggAAAABJRU5ErkJggg259e9068684ea947cb557e191246cecf');
}

.style-required label { font-weight: bold; }

.items.table th { background-color: #619dc3; }
.items.table th a,
.items.table th { color: white; }
.items.table th,
.items.table td { border-left: 1px solid white; border-top: 1px solid white; }
.items.table th, .items.table td { line-height: 16px; }
.items tr:nth-child(odd) {background-color:#f9f9f9;}
.items.table th { background-color: #619dc3; }
.items.table th a,
.items.table th { color: white; }
.items.table th,
.items.table td { border-left: 1px solid white; border-top: 1px solid white; }
.items.table th, .items.table td { line-height: 16px; }
.items tr:nth-child(odd) {background-color:#f9f9f9;}


.columns .column { float:left; }


.grid-view { padding-top:0px; }
.grid-view .filters .filter-container { padding: 0px 2px 0px 0px; }
.grid-view .filters .filter-container input { max-width: 89%; }

.error { color: #C22000; }
.success { color: green; }
div.error { margin: 5px; color: #C22000; }
.receipt-form-hint { color: #C22000; margin: 0; margin-top:5px; }
div#mcontent { min-width: 960px; width:90%; max-width:1300px; margin: 0 auto; border-right:1px solid #EEE; border-left:1px solid #EEE; border-bottom:1px solid #EEE; min-height:100%; background:#FFF; padding: 20px; box-shadow: 0px 0px 10px #EEE; }
div#mcontent div.menu a { text-decoration: none; }
#mcontent #subcontent { padding: 20px; border:1px solid #EEE; background:#FFF; border-radius:25px; margin-top:20px; }
div.tab_btn { float:left; padding: 5px; background:#4985D7; color:#FFF; font-weight: bold; margin:5px; font-size:16px; text-decoration:none; }
div.tab_btn.admin { background:#4985D7; }
div.tab_btn.admin:hover, a.active div.tab_btn.admin { background:#ECD422; }
div.tab_btn:hover, a.active div.tab_btn { background:#ECD422; }

table.form-table { width: auto; margin: 10px; }
table .errorMessage { font-size:10px; color:#C22; margin:3px 6px; }
.text-left { text-align: left; }
.text-center { text-align: center; }
ul.operations li { float:left; display:inline-block; list-style:none; margin-left:10px;}
ul.operations { margin-top: -20px; background:#8EB3E9; height:30px; padding-top:10px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}
ul.operations a { color: #FFF; }
.profileFieldf label { padding-right:10px; }
.form .hint { padding-left: 10px; color:#666; font-size:10px; }
#changepwd { float:right; margin-top:-40px; }
div.info { background: #EFE; padding: 5px; color: #484; margin: 3px; }
.frmShdwTopLt { margin-left: 5px; }

#cashier-form .row1 { float: left; margin-right: 8px; }
#cashier-form .row1.buttons { margin-top: 22px; }

#loader { height:400px; width:400px; position:fixed; background-image:url(../images/ajax-loader-large.gif); background-position:center center; background-repeat:no-repeat; padding:20px; border-radius:25px; box-shadow:0px 0px 15px #CCC; background-color:#FFF; opacity:0; position:fixed; top:0; display:none; z-index:100; }

.errorMessage { display:none !important; }
.row { clear:both; margin: 5px;}

#back { position:fixed; left:0; top:0; height:100%; width:100%; background:#000; opacity:0.6; z-index:100; display:none;}
#clientWnd, #receiverWnd { position : absolute; z-index: 200; margin-left: -450px; width: 500px; top: 50px; background: #FFF; left: 50%; padding: 20px; box-shadow:0px 0px 10px #000;}

.row label { width:200px; display:block; float:left;}

.route { margin-top:20px; }
.route TH { text-align:center; }
.route TD { border-right: 1px solid #EEE; }
input.route_num { width: 50px; }

label.required { font-weight:bold; } 

/* update receipts */
#selectClient { text-align:center; width:230px; }
#createReceiptTable { border-radius: 10px; border:0;  }
table#createReceiptTable TD { width:50%; vertical-align:top; border:0;}
table#ttnTab .heading, table#createReceiptTable .heading { background:#EEE; border: 1px solid #FFF; font-weight: bold; padding:2px; height:20px; }
#createReceiptTable #clientTypeSelect { font-weight: bold; text-align:center;}
/* #createReceiptTable label { line-height: 20px; } */
#createReceiptTable table td { vertical-align:middle; }


.big.button { width: 200px; font-size:20px; margin:100px 10px; padding:10px; text-align:center; float:left;  }
.big.button.disabled { color: #DDD; cursor:default; }
label.error { color:red; font-weight:bold; }
.row_under .row { padding-bottom:5px; height: 18px;  }
.center { text-align:center; }
div.cashier_menu { width: 500px; margin: 0 auto; }
table.simple { box-shadow:none;border: 0; vertical-align:top; }

#vidacha_menu { float:right;  width: 200px; }
.button#vidacha { margin:0px 50px 0px 0px; float:right; }

.important { color:red; font-weight:bold; }
.bigRed, .bigGray { font-size: 26px; color:red; font-weight:bold; }
.bigGray { color:#999 !important; }
.invis { display:none; }
#cashierIndex label { width: 190px; }
#cashierIndex input[type="text"] { width: 100px; }
#cashierIndex div.center { width: 330px; }

#openedReceipts-grid table.items td { background: #FED9D7; }
span.null { color:#999; }
span.null.red { color: red; font-weight: bold; }


table.greyTh TH { background: #DDD; }
table#receiptView TD { width:auto; }

input.redBtn { background:#C00 !important; cursor: pointer; background: #3879D9; padding: 5px 20px; border: 1px solid white; box-shadow: 0px 0px 5px #888; color: white;
font-weight: bold;}

input.greenBtn { background:#3A3 !important; cursor:default !important;  padding: 5px 20px; border: 1px solid white; box-shadow: 0px 0px 5px #888; color: white;
font-weight: bold;}

table.fuelHistory { width: 300px; display:inline-table; margin:3px; vertical-align:top;}
table.fuelHistory TH { text-align:center; background:#EEE; border:1px solid #FFF; }
table.fuelHistory TR:hover, table.fuelHistory TR:hover TD { background: #d1e3f9; }

/* ClientInfo/merge Style */
div#merge-table td.merge-td, div#merge-table tr.merge-tr { background: #FFB3C6; }
div#merge-table td.right-td, div#merge-table tr.right-tr { background: #C6FFB3; }

/* End of ClientInfo/merge Style */
.sign { margin:5px; border:1px solid #DDD; box-shadow: 0px 0px 10px #DDD; }

/* logist styles */
.route-point-form input.route_point { width: 60px; float:left; }
.route-point-form input.route_point.hidden { width:0px; display:none; }
.route-point-form .controls-block,
.route-point-form .lbl { float:left; }
.route-point-form .lbl { line-height:25px; }
.route-point-form .btn { margin-bottom: 0px;}
.route-point-form .btn-logist-addpoint,
.route-point-form .btn-logist-removepoint { float:left; width:25px; }

/* Accordion stat */
#couriers_stat .ui-corner-all { border-radius: 0;}
#couriers_stat h2 { background: #F4F4F4; padding: 3px; font-size: 20px;  }
#couriers_stat h2 span.ui-icon { display:none; }

td.existScan { background: rgb(0, 210, 0); color:#FFF; padding-left:5px;}
td.noExistScan { background: rgb(210, 0, 0); padding-left:5px;}

.hasScan { display:inline-block; position:relative; margin-bottom:-4px;}
.hasScan.loading { background: url(../images/hasScan/ajax-loader.gif);  width:16px;height:16px;}
.hasScan.yes { background: url(../images/hasScan/yes.png);  width:16px;height:16px;}
.hasScan.no { background: url(../images/hasScan/no.png); width:16px;height:16px;}

.scanCount { float: right; }
.scanCount { margin-right: 15px; }

#receipts-grid .summary,
#receipts-grid .scanCount { float: right; }
#receipts-grid .scanCount { margin-right: 15px; }

.greenBorder { border-right: 1px solid #0F0 !important; }

.fixLeft { position: absolute; background: white; border: 1px solid #999; }

.rate-loader { display: none; background: url(../images/hasScan/ajax-loader.gif); height: 16px; width: 16px; }
.rate-loader-no { background: url(../images/hasScan/no.png); }
.rate-loader-yes { background: url(../images/hasScan/yes.png); }

.rate-cat-drop { width: 70px; }
.addRType { background: url(../images/add.png); display: inline-block; width: 16px; height: 16px; color: transparent; margin-left: 5px; }
.removeBtn, .remRType { background: url(../images/delete.png); display: inline-block; width: 16px; height: 16px; color: transparent; margin-left: 5px; }
.addRType:hover, .remRType:hover, .removeBtn:hover { color: transparent; }

.bold-links a { font-weight: bold; }

.congestion-info { position: absolute; margin-left: 750px; }
#link-menu { float:right; margin-top: -35px; }
#link-menu a { margin-right: 10px; }

a.yellowL { background: #ECD422; padding: 3px; border-radius: 3px; color: #000; }

.navbar .nav li.dropdown.red-background a.dropdown-toggle { background: #CC2222; color: white; text-shadow: 0 0 0 #FFFFFF }
.navbar .nav li.red-background a { background: #CC2222; color: white; text-shadow: 0 0 0 #FFFFFF }

/* всплывающее окно по веткам */
.courier-info-popup { position: absolute; display:none; background-color: white; border: 1px solid #4985D7; padding: 10px; }
.courier-info-popup.visible { display: block; }
.courier-info-popup p { margin: 0px; }
.courier-info-popup .key { width:160px; font-weight: bold; display: inline-block; }
.courier-info-popup .value { margin-right: 10px; }

/* сжатая таблица */
table.compact-table td {padding: 0px 3px;}
table.compact-table th {padding: 0px;}
table.compact-table input[type="text"] {width: 90px;}

/* filters */
.simple-filter-form input, .simple-filter-form select,
.simple-filter-form .lbl { width: 70px; margin-right:5px; margin-top:3px; }

.simple-filter-form input[type="submit"],
.simple-filter-form input[type="button"] { width:auto }

.simple-filter-form .sp4 { width: 200px; }
.simple-filter-form .sp3 { width: 150px; }
.simple-filter-form input[type="checkbox"].sp1 { width: 10px; margin-top: -8px; }
.simple-filter-form label { display: inline-block; float: none; vertical-align: 3px; }
.simple-filter-form .lbl { min-width: 70px; }

#branch-courier-info-list a.btn { margin-bottom: 10px; padding: 1px 12px;}

/* fix top */
.fix-top-table td,
.fix-top-table th { color: black;  background-color: white; padding: 2px; vertical-align: middle; text-align: center; font-weight: bold; border:1px solid #DDDDDD; }

/* таблица статистики */
#stat { table-layout:fixed; word-wrap:break-word; width:100%; }
#stat tr:hover, #stat tr:hover td, #stat td.hover { background: #d1e3f9; }
#stat thead td,
#stat thead th { color: black;  background-color: none; padding: 2px;  width: 6px; vertical-align: middle; text-align: center; font-weight: bold;}
#stat thead td.tcolumn-0,
#stat thead th.tcolumn-0 { width: 80px !important;}
#stat thead td.tcolumn-r,
#stat thead th.tcolumn-r { width: 40px; }
#stat thead td.tcolumn-r.tcolumn-r0,
#stat thead th.tcolumn-r.tcolumn-r0,
#stat thead td.tcolumn-r.tcolumn-r3,
#stat thead th.tcolumn-r.tcolumn-r3 { width: 25px;}
#stat thead td.tcolumn-r.tcolumn-r1,
#stat thead th.tcolumn-r.tcolumn-r1 { width: 30px; }
#stat thead td.tcolumn-r.tcolumn-r2,
#stat thead th.tcolumn-r.tcolumn-r2 { width: 59px; }
#stat tbody td { padding: 2px;  color: black;  overflow: hidden; text-align: center; vertical-align: middle; }

#stat.stat-day-summary,
#stat.stat-car-orders,
#stat.stat-car-expenses,
#stat.stat-car-cargo,
#stat.stat-managers { table-layout:auto; width:auto; word-wrap:normal; }
#stat.stat-car-orders tbody td,
#stat.stat-car-expenses tbody td,
#stat.stat-day-summary tbody td,
#stat.stat-car-cargo tbody td,
#stat.stat-managers  tbody td { min-width: 20px; }
#stat.stat-car-orders td.car-name,
#stat.stat-car-expenses td.car-name,
#stat.stat-car-cargo  td.car-name,
#stat.stat-managers td.tcolumn-0 { min-width: 200px; text-align:left; }
#stat.stat-day-summary tbody td { padding: 0px 4px;}

#stat-route-mileage td input { display:block; max-width: 20px; }

#stat-summary th { background: #8EB3E9; color:#FFF; }
#stat-summary tr:hover, #stat-summary tr:hover td, #stat-summary td.hover { background: #d1e3f9; }
#stat-summary thead td { color: black;  background-color: none; padding: 2px;  width: 6px; vertical-align: middle; text-align: center; font-weight: bold;}
#stat-summary tbody td { padding: 2px;  color: black;  overflow: hidden; text-align: center; vertical-align: middle; }
#stat-summary  .fix-left { width: 300px; }

/* таблица заявок */
#receipts-grid table td, #receipts-grid table th { font-size:12px; padding: 2px 1px; text-align:center; vertical-align:middle;}
#receipts-grid .changeReceiptStatus { width: 150px;}
#receipts-grid .filters input#Receipts_number { max-width: 85%; }
#receipts-grid .filters input#Receipts_series,
#receipts-grid .filters input#Receipts_good_cost_rate { max-width: 74%; }
#receipts-grid .filters .client_name-filter input { max-width: 83%; }

/* таблица курьера */
#table-couriers-filters {width: 300px;}

/* создать клиента */
#receipts-form #clientTypeSelect { width: 300px; margin:0 auto;  }
#receipts-form #clientTypeSelect .radio {  float:left; margin-right: 5px; }
#receipts-form #clientTypeSelect .radio label { float: left; line-height:20px; margin-right:10px; }
#receipts-form #clientTypeSelect:after { content ' '; clear:both; }
#receipts-form input#Receipts_free { margin-bottom:4px; }
#receipts-form .receipt-order-cost-row .help-block,
#receipts-form .receipt-order-cost-row input { float: left; }
#receipts-form .receipt-order-cost-row .help-block { margin:0; padding: 3px 6px; }
#receipts-form #Receipts_order_cost_hint { color: red; }
#receipts-form #selectClient {  margin: 10px 0; float: none; clear:both; }

#client-info-form #clientTypeSelect .radio { float:left; padding-left:10px; }
#client-info-form #clientTypeSelect .radio input { margin-left:-10px; }
#client-info-form #clientTypeSelect .radio label { float: left; line-height:20px; margin-right:15px; }
#client-info-form #clientTypeSelect:after { content ' '; clear:both; }


/* форма заявки */
#Receipts_is_reverse .radio, #clientTypeSelect .radio {	float: left; }
#Receipts_is_reverse .radio label { float: left; line-height:20px; margin-right:5px; }
#Receipts_is_reverse:after { content ' '; clear:both; }

#Receipts_receipt_delivery_type .radio { float: left; }
#Receipts_receipt_delivery_type  label {  float: left; line-height:20px; margin-right:5px; }
#Receipts_receipt_delivery_type:after { content ' ';clear:both; }

#receipts_form .form-horizontal .control-label { width: 260px; margin-right: 5px;}

/* фильтры-таблица */
#branch-couriers-summary { width:600px;	margin-bottom: 0px;}
#branch-couriers-summary td {padding: 0px 2px;}

/* фильтр веток */
#branch-filter .branch-row input {float: left; width: auto;}
#branch-filter.stacked .branch-row {float: left; padding-right: 6px; width: 80px;}
#branch-filter.stacked {padding-bottom: 10px;}

#client-info-grid th { text-align:center; }
#client-info-grid td { padding: 4px; text-align:center; vertical-align:middle; }


/* merge clientinfo */
#merge-table td { padding: 2px 2px 1px 4px; text-align:left; vertical-align:middle;}

/* расписание-вместимость */
#schedTbl { width: 500px;}
#schedTbl label { display:inline-block; width: 15px; line-height:20px; }
#schedTbl input { display:inline-block; }
#schedTbl td { vertical-align: top; }


.colorinfo-record { width: 200px; margin-bottom: 5px; text-align:center; }
.green-color { color: #3b7a49; }

table.floatThead-table{border-top:none;border-bottom:none;background-color:#FFF;}
.navbar .nav .blue-links a { color:blue; }

table.table-nopadding td {padding: 0px 5px 0px 0px;}

.rates-container .rates-column { float: left; border: 1px dotted #3A87AD; padding: 7px; margin: 0px 4px 4px 0px; }
.rates-container .btn.cancel { margin-top: -10px; }
.rates-container .rates-block.rates-init {  }
.rates-container .personal { color:#003940; }
.rates-container .personal.gt { color:#005826; }
.rates-container .personal.lt { color:#C43A2A; }

.btn.loading {
    padding-right: 33px;
    background-image: url(/images/ajax-loader-large.gif);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.badge-info { padding-left: 1px; padding-right:2px; min-width: 18px; text-align:center; text-indent:0px; background-color:red; padding-top: 3px; }
.badge-info.firstbadge, .badge-info.secondbadge { position:absolute; }
.badge-info.firstbadge { margin-top:9px; }
.badge-info.secondbadge { margin-top:-9px; }

.badge-info.orange { background-color: #ffa45a; }
.badge-info.blue { background-color: #69d8e2; }
.navbar .badge-info { margin: 0 2px; }

.navbar .dropdown-menu .badge-info { margin-left: 5px; }

.shedule-column { float:left; margin-right:13px; }
.shedule-column.bordered { border:1px solid #cecece; padding:2px; }
.shedule-column.last { margin-right:0px; }
#shedule-chart { width:550px; }
#shedule-chart .car0 { background:#A52A2A; color:white;}
#shedule-chart .car1 { background:#ADD8E6; color:white;}
#shedule-chart  div.timeline-axis-text-minor { -webkit-transform: rotate(90deg);  background:white; z-index:2; }
#schedule-form .control-label { width:70px; }
#schedule-form .controls { margin-left:80px; }
#shedule-infotable { width:400px;}
#shedule-infoform { border-bottom:1px solid #999999; margin-bottom:5px; }
.botdered-box .botdered-lbl { color:#999999; font-size:13px; font-weight:bold; margin-top:2px; }
.botdered-box .botdered-info { border:1px solid #999999; outline:1px solid #cbcbcb;  padding:10px; }
.botdered-box.fixedh .botdered-info { height:320px; overflow-y:scroll; }
.botdered-box.nopadding .botdered-info { padding:0px; }

/* logist r-color */
.nav a.unrouted-hot { background-color:red; color:white; }
.nav a.background-green { background-color:#cdff86; }
.nav a.background-lblue { background-color:#33FFFF; }
.nav li.active a.background-green,
.nav li.active a.background-lblue { background-color:#0088cc; }
.table td.background-green { background-color:#cdff86; }
.table td.background-lblue { background-color:#33FFFF; }


/* receipt */
.table.table-receipt-history { margin-top:35px; }
.table.table-receipt-history th { font-weight:normal; text-transform:uppercase; }



/* notify */
body .notifyjs-corner { margin-top:45px; }


/* client notify */
#client-sms-page h3 { border-bottom:2px solid #e7ebee; }
#client-sms-page .table tbody>tr.selected>td { background:#bebebe; }
#client-sms-page .excludeIds .select2-container.select2-container-multi .select2-choices .select2-search-choice { background-color:#e84e40; }



#table-scalculator { margin: 0px; table-layout:auto;}
#table-scalculator .personal { font-weight:bold; }
#table-scalculator .personal.gt { color:#005826; }
#table-scalculator .personal.lt { color:#C43A2A; }
#scalculator-form-wrapper h4,
#scalculator-form-wrapper { text-align: center; }
#scalculator-form input {height: 20px; padding: 4px 6px;}
#scalculator-form label[for="ScalculatorForm_weight"],
#scalculator-form label[for="ScalculatorForm_square"] { display: none;}


#table-calculator { margin: 0px; table-layout:auto;}
#table-calculator td { min-width: 21px; min-height: 21px;}
#table-calculator input { display: block; width: 100px;}
#table-calculator .personal { font-weight:bold; }
#table-calculator .personal.gt { color:#005826; }
#table-calculator .personal.lt { color:#C43A2A; }
#calculator-form-wrapper h4, #calculator-form-wrapper { text-align: center; }
#calculator-form input {height: 20px; padding: 4px 6px;}
#calculator-form label[for="CalculatorForm_weight"],
#calculator-form label[for="CalculatorForm_volume"] { display: none;}

.calculator-item-info {
position:absolute;
display:none;
background:white;
text-align:center;
width:150px;
height:50px;
border:1px dotted black;
}
.calculator-item-info.visible {
display:block;
}

.currency_select_float{
    position: absolute;
    padding-left: 5px;
    height: 24px;
    width: 70px;
}


/**
bootsrap panel from 3.2
 */

.panel {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-heading {
    padding: 10px 15px;
    margin: -15px -15px 15px;
    font-size: 17.5px;
    font-weight: 500;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-footer {
    padding: 10px 15px;
    margin: 15px -15px -15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-primary {
    border-color: #428bca;
}
.panel-primary .panel-heading {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}
.panel-empty {
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:0px;
    border:0px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.panel-empty .panel-heading {
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel .panel-body {
    padding: 0px;
}

.bill-block {
    cursor: pointer;
    position: relative;
    width: 100%;
    margin: 15px 0;
    padding: 18px 19px 14px;
    *padding-top: 19px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bill-block.active{
    background: #bebebe;
}

.treeview li div{
    cursor: pointer;
}

.treeview li div:hover{
    background: #0eada0;
}
.treeview li div.active{
    background: #0eada0;
}

table.table-managerrate td,
table.table-managerrate th {
    vertical-align:center; text-align:center;
}

table.table-managerrate td {
    word-break: keep-all;
    white-space: nowrap;
}

tr.no-break * {
    word-break: keep-all;
    white-space: nowrap;
}

.form-actions select {
    height: 30px!important;
    margin-bottom: 0;
}
.form-actions input {
    display: inline-block;
    width: 80px;
    text-align: center;
    padding: 6px 0;
    vertical-align: -1px;
}
.horizontal-radio-list > label {
    display: inline-block;
    vertical-align: -4px;
    margin-right: 5px;
}

.horizontal-radio-list > label label {
    line-height: 21px;
}

.horizontal-radio-list .radio input[type="radio"] {
    margin-left: -18px;
}

.dropdown-menu li.selected a { background: #DDD; }
.dropdown-menu>li.selected>a:hover, .dropdown-menu>li.selected>a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
}

.receipt-color-dropdown ul {
    min-width: 38px;
    text-align: center;
}

.receipt-color-dropdown .color-option {
    width: 15px;
    height: 15px;
    border-radius: 10px;
}

.stat-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.stat-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background: #F7F7F7;
    border: 1px solid #D5D4D3;
    padding: 10px;
    margin: 10px;
    width: 100px;
    height: 80px;
    justify-content: center;
    transition: .3s ease;
}

.stat-block h5 {
    margin: 0;
}

.stat-block[data-load] {
    cursor: pointer;
}

.stat-block[data-load]:hover {
    background: #EEEEEE;
}
.stat-block h4 {
    margin: 5px;
}

.stat-block.transparent {
    background: transparent;
    border: none;
}

.stat-block.active {
    border-radius: 20px;
    background: #EEE;
}

.stat-block .mini-block {
    background: #F7F7F7;
    padding: 5px 10px;
    background: #F7F7F7;
    width: 100px;
    margin: 3px 0;
}
.receiver-card {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 5px 0;
}
.notification.info {
    background: #4caf50;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.notification.warning {
    background: rgba(255, 198, 76);
    color: #454545;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.notification.critical {
    background: rgba(255,255,255);
    color: #454545;
    border: 1px solid #d0283f;
}
.notification.hard-close {
    background: #f44336;
}
.notification .black {
    color:black;
}
.notification.notice {
    background: #673ab7;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.notification.new-lead{
    color: white;
    background: #168383;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.notification.new-receipt-from-mobile{
    color: #ffffff;
    background: #0e54e5;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
form.vert label {
    margin-bottom: 5px;
}

/* Стили для выравнивания label по высоте относительно полей. Почему-то натыкаюсь, что кривые формы и не могу найти решения */
body .vcenter-row label, .vcenter-form .vcenter-row label { padding-top: 6px; }
body .vcenter-row10 label, .vcenter-form .vcenter-row10 label { padding-top: 10px; }
body .vcenter-form label { padding-top: 6px; }
.vcenter-form .timeMask { width: 32px; }
.vcenter-form .datePicker { width: 60px; }
.dateTimePicker { width: 120px; }
.vcenter-form .date-time-row { vertical-align: 6px; }
.vcenter-form .float, .vcenter-form .int { width: 100px; }
.vcenter-form label.label-inline { float: none; display: inline-block; vertical-align: 5px; }
.vcenter-form input[type=checkbox], .vcenter-row input[type=checkbox] { vertical-align: 3px; }
.vcenter-form label input[type=checkbox], .vcenter-row label input[type=checkbox] { vertical-align: -1px; }
.form-horizontal .vcenter-row10 .control-label { margin-right: 20px; }
.form-horizontal .vcenter-row10, .form-vertical .vcenter-row10 { margin: 5px 0; }

select.wide { width: 220px; }
select.middle { width: 100px; }
select.narrow { width: 60px; }
.wide-selectize .selectize-input { min-width: 220px; }
.colored-bg-text, .expense-status { padding: 2px 4px; border-radius: 2px; }
.expense-status.expense-status-0 { padding: 2px 0; border-radius: 2px; }
.red-bg, .expense-status-4 {  background: #d03e4b; color: #fff; }
.expense-status-1 {  background: yellow; }
.expense-status-2, td.expense-status-2, .table-striped tbody>tr:nth-child(odd)>td.expense-status-2 {  background: #8bc34a; }
.expense-status-1[disabled], .expense-status-1[readonly] { background: #ffeb3b38; }
.expense-status-2[disabled], .expense-status-2[readonly] { background: #8bc34a2b; }

.modal.map-modal, .modal.map-modal.fade.in {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    flex-direction: column;
}

.leaflet-control-layers-list label span { vertical-align: -3px; }
.leaflet-container a.btn-primary { color: #FFF; }
body .leaflet-container a.leaflet-popup-close-button { font-size: 24px; padding: 8px 8px 0 0; }
.swMain .stepContainer div#step-3.content {
    overflow: visible !important;
}

.stat-user-filter { width: 200px; }
th .stat-user-filter { margin-top: 10px; }
.w70 { width: 70px; }
.w60 { width: 60px; }
.w50 { width: 50px; }
.w30 { width: 30px; }
.numtable td, .numtable th { padding: 2px; text-align: center; }
.numtable th { word-break: break-all; }
.numtable td { word-break: keep-all; white-space: nowrap; }
table td.blue-column, .fix-top-table th.blue-column { background: #cdeeff; }
.table-striped tbody>tr:nth-child(odd)>td.blue-column, .table-striped tbody>tr:nth-child(odd)>th.blue-column {
    background: #b7e6fc;
}

table td.yellow-column, .fix-top-table th.yellow-column { background: #ffebc8; }
.table-striped tbody>tr:nth-child(odd)>td.yellow-column, .table-striped tbody>tr:nth-child(odd)>th.yellow-column {
    background: #ffe9b5;
}

table td.purple-column, .fix-top-table th.purple-column { background: #e3c3e2; }
.table-striped tbody>tr:nth-child(odd)>td.purple-column, .table-striped tbody>tr:nth-child(odd)>th.purple-column {
    background: #ddabdc;
}

table td.green-column, .fix-top-table th.green-column { background: #bcffee; }
.table-striped tbody>tr:nth-child(odd)>td.green-column, .table-striped tbody>tr:nth-child(odd)>th.green-column {
    background: #9cffe7;
}
.grid-toolbox { float: right; }
.select2-drop-mask {
    max-width: 100%;
    max-height: 100%;
}
body .select2-drop { z-index: 29999; }

.progress {
    box-shadow: none;
    background: #DDD;
}
.progress .bar {
    background-image: none;
    box-shadow: none;
}
.progress .bar.bar-success {
    background-color: var(--color-green);
}
.progress .bar.bar-danger {
    background-color: var(--color-red);
}
.stat-indicator { display: inline-block; margin-right: 34px; }
.stat-indicator h1 { font-size: 28px; margin-bottom: 8px; }
a.btn .fa-small { font-size: 12px; }

.uneditable-group {
    pointer-events: none;
    position: relative;
    opacity: 0.6;
    padding-left: 40px;
}

.uneditable-group:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 250;
    background-color: grey; /* must have a color on ie10, if not :after does not exist... */
    opacity: 0;
}
.grid-view hr {
    margin: 5px 0;
    border-top: 1px solid #666;
    border-bottom: none;
}
li.disabled:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
li.disabled {
    position: relative;
}
th[colspan="0"] { display: none; }

.grid-view .button-column img {
    max-width: none;
}

.flex { display: flex; }
.mr-4 { margin-right: 1rem; }
.leading-6 { line-height: 1.6rem; }

body .table.table-striped.red, body .table.table-striped.green { border-color: #fff; }
body .table.table-striped.red td { background: #f9b4a8; border-color: #fff; }
body .table.table-striped.green td { background: #d3ebbb; border-color: #fff; }
body .table.table-striped td.red { background: #f9b4a8; border-color: #fff; }
td.red a { color: #9F4444; text-decoration: underline; }
body .table.table-striped td.green { background: #d3ebbb; border-color: #fff; }

.modal-header .close {
    margin-right: 15px;
}