@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600';

body.modal-open {
	position: absolute !important;
}

@media print {
	.print-header-wrapper {
		display: table-header-group;
	}
}

.overview-row {
	display: flex;
	align-items: baseline;
	margin: 0;
}

.header-text {
	flex-shrink: 0;
	white-space: nowrap;
	margin-right: 10px;
}

.value-text {
	flex-grow: 1;
}

.copyable-text {
	user-select: text;
	cursor: text;
	margin: 0;
}

.stats-section {
	margin-top: 20px;
}

.stats-heading {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 600;
	color: #2b2b2b;
}

.stats-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.stats-card {
	flex: 1;
	min-width: 280px;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
	padding: 14px;
}

.stats-card-title {
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.stat-row {
	display: flex;
	align-items: baseline;
	margin: 6px 0;
	gap: 8px;
}

.stat-label {
	min-width: 140px;
	color: #666;
}

.stat-value {
	font-weight: 600;
	color: #111;
}

.stat-delta {
	margin-left: auto;
	font-size: 13px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #f5f5f5;
	color: #666;
}

.delta-pos {
	background: #e8f6ee;
	color: #1f9254;
}

.delta-pos::before {
  content: "▲";
  margin-right: 4px;
  font-size: 11px;
}

.delta-neg {
	background: #fdecea;
	color: #b42318;
}

.delta-neg::before {
  content: "▼";
  margin-right: 4px;
  font-size: 11px;
}

.delta-zero {
	background: #f2f4f7;
	color: #475467;
}

@media print {
	table.data-table { font-size: 11px; font-weight: 400; }
	table.data-table thead th { border-bottom: 1px solid #666!important; font-weight: 700; }
	table.data-table .note { color: #666!important; }
	table.data-table thead th.al-r { text-align: right; }
	table.data-table th,
	table.data-table td { padding: 2px 5px; }
	table.data-table tbody tr td { border-top: 1px solid #666!important; }
	table.data-table tbody tr.breakdown td { border-top: 1px solid #f0f0f0!important; }
	table.data-table tbody tr td.al-r { text-align: right!important; }

	table.data-table tbody tr:last-child td,
	table.data-table tbody tr:last-child th { border-bottom: 1px solid #666!important; }

	table.data-table tfoot td.al-r { text-align: right; }
	table.data-table tfoot td.highlighted {
		border-bottom: 1px solid #666!important;
	}
	.salaries-table { margin-top: 0!important; margin-left: 0!important; margin-right: 0!important; }
	.thick-line {
		border-top: 2px solid black!important;
	}
	a[href]:after {
		content: "";
	}
	.highlight-print {
		background-color: #EFF3F6!important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	.bold-in-print {
		font-weight: bold;
	}
}

.positive {color: green;}
.negative {color: red;}

.dragable-modal-content .tab-content .overview-column { }
.dragable-modal-content .tab-content .overview-column p.gray-text { text-align: right!important; width: 120px!important; margin-right: 10px; }

.price-composer {
	font-size: 14px;
	/* width: 741px; */
}
.price-composer input[type="text"],
.price-composer input[type="number"],
.price-composer input[type="email"],
.price-composer input[type="tel"],
.price-composer select { background: #fff; border: 1px solid #DEE1E7; border-radius: 4px; height: 30px; font-weight: 300; padding-left: 5px; padding-right: 5px; outline: none; }

.price-composer .row-1 { padding: 20px 15px 10px 15px; }
.price-composer .row-1 select { margin-right: 15px; }
.price-composer .row-1 label { margin-right: 10px; }
.price-composer .row-1 label input[type="radio"] { margin-right: 3px; }

.price-composer .row-2 { padding: 10px 15px; background: #F9FCFF; border: 1px solid #EFF3F6; }

.price-composer .row-2 .price-elements { }
.price-composer .row-2 .price-elements .price-element { margin: 0 0 5px 0; }
.price-composer .row-2 .price-elements .price-element:last-child { margin: 0; }
.price-composer .row-2 .price-elements .price-element label { width: 120px; font-weight: 400; }
.price-composer .row-2 .price-elements .price-element input.amt { width: 90px; text-align: right; }
.price-composer .row-2 .price-elements .price-element input.price { width: 90px; margin-left: 2px; text-align: right; }
.price-composer .row-2 .price-elements .price-element span.unit { text-align: left; margin-left: 5px; }

.price-composer .row-2 .invoice-elements {font-size: 12px}
.price-composer .row-2 .invoice-elements .invoice-element { margin: 0 0 0 0; }
.price-composer .row-2 .invoice-elements .invoice-element:last-child { margin: 0; }
.price-composer .row-2 .invoice-elements .invoice-element label { width: 120px; font-weight: 400; }
.price-composer .row-2 .invoice-elements .invoice-element input.small { width: 40px; text-align: right; }
.price-composer .row-2 .invoice-elements .invoice-element input.med { width: 120px; text-align: right; }
.price-composer .row-2 .invoice-elements .invoice-element input.large { width: 280px; text-align: right; }
.price-composer .row-2 .invoice-elements .invoice-element span.unit { text-align: left; margin-left: 5px; }
.price-composer .row-2 .invoice-elements .invoice-element label.check { width: auto; }
.price-composer .row-2 .invoice-elements .invoice-element label.check input[type="checkbox"] { margin-right: 4px; }

.invoice-details { display: flex; flex-direction: row; }
.invoice-details .col-1 { padding-right: 5px; width: 245px; box-sizing: border-box; }
.invoice-details .col-2 { padding-left: 5px; margin-right: 5px; width: 245px; box-sizing: border-box; }
.invoice-details .col-3 { padding-left: 5px; width: 245px; box-sizing: border-box; }
.invoice-details .client-data { font-size: 14px; padding: 12px; flex-shrink: 1; }
.invoice-details .client-data p { font-weight: 400; line-height: 24px; }

.invoice-details .col-1 input[type="text"],
.invoice-details .col-2 input[type="text"] { width: 100%; }

.invoice-detail { display: flex; overflow: hidden; }
.invoice-detail label { width: 120px; line-height: 32px; font-size: 13px; }


.invoices-cloud { margin: 0 15px 0 15px; clear: both; }
.invoices-cloud ol { list-style: decimal; list-style-type: decimal; list-style-position: inside; }
.invoices-cloud ol li.title { font-weight: 700; }
.invoices-cloud ol li { display: inline; margin-right: 10px; }
.invoices-cloud ol li a { font-weight: 300; }
.invoices-cloud ol li .count { color: #ccc; font-weight: 300;  }
.invoices-cloud ol li a { text-decoration: underline; white-space: nowrap; }
.invoices-cloud ol li a:hover { text-decoration: none; }

.invoices-cloud ol li.green a { color: #50B848; }
.invoices-cloud ol li.red a { color: #DA251C; }


.print-header { display: none; }
table.content-table { clear: both; color: #283141; line-height: 13px; }
table.content-table thead { }
table.content-table thead th { padding: 10px; background: #eff3f6; font-size: 15px; line-height: 13px; border-bottom: 1px solid #e6eaee; border-right: 1px solid #e6eaee; }
table.content-table tbody { }
table.content-table tbody td { padding: 2px 10px; font-size: 13px; line-height: 10px; font-weight: 300; border-bottom: 1px solid #e6eaee; border-right: 1px solid #e6eaee; }
table.content-table tbody td.dropdown ul.dropdown-menu { top: 37px; left: -34%; }
table.content-table tbody td.dropdown a.btn-table .icon-dropdown { margin: 7px -4px 0 8px; }
table.content-table tbody td.dropdown a.btn-table[aria-expanded="true"] .icon-dropdown { transform: rotate(180deg); }
table.content-table tbody td.green { color: green; } 
table.content-table tbody td.red { color: red; } 
table.content-table a { color: #196dff; font-weight: 300; }
table.content-table tfoot td { padding: 10px; background: #eff3f6; font-size: 15px; line-height: 13px; border-bottom: 1px solid #e6eaee; border-right: 1px solid #e6eaee; }

@media print {
	body { margin: 0; padding: 0; }
	.invoices-cloud { display: none; }
	nav.navbar { display: none; }
	.navbar-push { margin-top: 0; padding-top: 0!important; }
	.table-header { display: none; }
	.print-header { display: block; font-size: 25px; margin-bottom: 16px; font-weight: 700; }
	table.content-table {  }
	table.content-table thead th { padding: 10px; font-size: 12px; border-bottom: 2px solid #ccc!important; }
	table.content-table tbody td { padding: 10px; font-size: 12px; border-bottom: 1px solid #ccc!important; }
	table.content-table tbody td.green { color: green!important; }
	table.content-table tbody td.red { color: red!important; }
	table.content-table tfoot td { padding: 10px; font-size: 12px; border-top: 2px solid #ccc!important; }

	table.content-table.lg-print thead th { font-size: 12px; }
	table.content-table.lg-print tbody td { font-size: 12px; }
	table.content-table.lg-print tfoot td { font-size: 12px; }

	table.content-table thead th.noprint,
	table.content-table tbody td.noprint,
	table.content-table tfoot td.noprint { display: none; }

}


.container-fluid.fuel-table .invoices-cloud:nth-child(2) {
	margin-top: 32px;
}

.price-composer .row-3 { padding: 10px 15px; width: 371px; display: flex; justify-content: space-between; }
.price-composer .row-3 .total { justify-content: flex-end; }
.price-composer .row-3 .total .unit { margin-left: 10px; }

.proposal-text {
	/* width: 741px; */
}
.proposal-text .header { display: flex; justify-content: space-between; font-size: 14px; padding: 10px 15px; }
.proposal-text .header label { }
.proposal-text .header a.edit-link { color: #2365ff; text-decoration: underline; font-family: "Font Awesome 5 Free"; vertical-align: baseline; }
.proposal-text .header a.edit-link .txt { margin-right: 6px; }
/* .proposal-text .header a.edit-link:after { display: inline-block; width: 18px; height: 18px; font-size: 18px; line-height: 18px; content: "\f303"; margin-left: 5px; vertical-align: baseline; } */

.proposal-text .header a.edit-link:hover { text-decoration: none; }
.proposal-text .proposal-content { border: 1px solid #DEE1E7; border-radius: 4px; padding: 9px 14px; min-height: 42px; font-size: 14px; }
.proposal-text .proposal-content p {
	/* display: inline-block; */
	font-weight: 400;
}
.proposal-text .proposal-content p:last-child { padding-bottom: 0; margin-bottom: 0; }

.actions { display: flex; justify-content: flex-end; }
.actions.mb-20 { margin-bottom: 20px; } 
.actions a.btn { padding: 6px 12px; margin-left: 5px; }

table.modal-table { border-bottom: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; width: 741px; }
table.modal-table .table-empty-cell { font-size: 14px; text-align: center; font-weight: normal; }
table.modal-table.modal-table-medium { width: 540px!important; }


table.modal-table thead tr th { font-size: 14px; }

table.modal-table tbody tr td { padding: 2px 4px; font-size: 14px; vertical-align: middle; width: auto; box-sizing: border-box; }
table.modal-table tbody tr td a.btn-delete-row { font-size: 18px; line-height: 34px; display: inline-block; width: 34px; height: 34px; color: #2365ff; vertical-align: middle; text-align: center; }
table.modal-table tbody tr td a.btn-delete-row span.txt { text-indent: -9999px; display: none; }
table.modal-table tbody tr td select.form-control-narrow,
table.modal-table tbody tr td input.form-control-narrow { width: 75px; }
table.modal-table tbody tr td select.form-control-narrow { width: 75px; }
table.modal-table tbody tr td select.form-control-medium { width: 160px!important; }
table.modal-table tbody tr td input.form-control-medium { width: 160px!important; }
table.modal-table tbody tr td select.form-control-large { width: 264px!important; }
table.modal-table tbody tr td input.form-control-large { width: 264px!important; }
table.modal-table tbody tr td select.form-control-max { width: 100%!important; }
table.modal-table tbody tr td input.form-control-max { width: 100%!important; }
table.modal-table tbody tr td.check-cell { vertical-align: middle; text-align: center; font-size: 16px; }
table.modal-table tbody tr td.checkbox input[type="checkbox"] {  }

table.modal-table tfoot tr td { background: #eff3f6; }
table.modal-table tfoot tr td a.add-row { color: #2365ff; line-height: 18px; font-size: 14px; vertical-align: baseline; margin-left: 5px; margin-top: 1px; text-decoration: underline; }
table.modal-table tfoot tr td a.add-row .txt { margin-right: 7px; }
table.modal-table tfoot tr td a.add-row:hover { text-decoration: none; }

.table.totals-table { float: right; font-size: 14px; border-top: 2px solid #ddd; }
.table.totals-table tr th { text-align: left; border-top: none; border-bottom: 1px solid #ddd; padding-top: 2px; padding-bottom:2px; }
.table.totals-table tr td { text-align: right; font-weight: 300; border-top: none; border-bottom: 1px solid #ddd; padding-top: 2px; padding-bottom:2px; }

div.modal-table { border-top: 2px solid #ddd; margin-top: 20px; width: 741px; }
div.modal-table .form-row { border-bottom: 1px solid #ddd; padding: 8px 4px; font-size: 14px; }
div.modal-table .form-row .form-group { margin-bottom: 0; }
div.modal-table .form-row .form-group label { margin-bottom: 0; }

body.modal-body { background: #fff; }


.dragable-modal-content .tab-content .overview-column { min-width: 540px; font-size: 14px; }
.dragable-modal-content .tab-content .overview-column .overview-header {}
.dragable-modal-content .tab-content .overview-column .overview-header .header-row {}
.dragable-modal-content .tab-content .overview-column { border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 6px; padding-bottom: 6px; margin-top: 0px; margin-bottom: 0px; }
.dragable-modal-content .tab-content .overview-column .overview-row { overflow: hidden;  }
.dragable-modal-content .tab-content .overview-column .overview-row a { color: #2365ff; text-decoration: underline; }
.dragable-modal-content .tab-content .overview-column .overview-row a:hover { text-decoration: none; }
.dragable-modal-content .tab-content .overview-column .overview-row p { margin-bottom: 0; margin-right: 4px; }

.dragable-modal-content .tab-content .overview-content-secondary { width: 540px!important; padding: 0!important; border: none!important; border-top: 2px solid #ddd!important; margin-top: 10px; border-radius: 0; }

.dragable-modal-content .tab-content .overview-content-secondary .scroll-box { }
.dragable-modal-content .tab-content .overview-content-secondary .scroll-box .col-row { padding: 8px 4px; }
.dragable-modal-content .tab-content .overview-content-secondary .scroll-box .col-row:last-child { margin-bottom: 10px; }
.dragable-modal-content .tab-content .overview-content-secondary .scroll-box .col-row .mail-date { width: auto; }

.dragable-modal-content .tab-content .content-form { width: 772px; padding: 20px 10px 10px 10px; }
.dragable-modal-content .tab-content .content-form .form-group { font-size: 14px; margin-bottom: 8px; }

.trips-picker ul.trips-list { }
.trips-picker ul.trips-list li { font-size: 14px!important; }
.trips-picker ul.trips-list li label input[type="checkbox"] { float: left; }

td.min { width: 1%; white-space: nowrap; }

.clone-setup { font-size: 14px; width: 540px; }

.clone-setup input[type="number"] { background: #fff; border: 1px solid #DEE1E7; border-radius: 4px; height: 34px; font-weight: 300; padding-left: 5px; padding-right: 5px; outline: none; margin: 0 4px; }
.clone-setup a.btn { vertical-align: baseline; }


/* BODY */

html,
body { height: 100%; background: #FFF9D0 url(../images/gradient.png) center center no-repeat; background-attachment: fixed; font-family: "Source Sans Pro", sans-serif; padding-bottom: 20px }
body.modal-open { overflow: hidden; position: fixed; width: 100%; }
h1, h2, h3, h4, p, a, ul, label, div, table, input, select { font-family: 'Source Sans Pro', sans-serif; color: #354052; }
h1, h2, h3, h4, p, a, ul, label, table, input, select { font-weight: 600; }

/*HELPER CLASSES*/

.icon-24 { display:block; height: 24px; width: 24px; background-size: 24px 24px!important; }
.half { width: 50%; }
.visible-desktop { display: none!important; }
.hidden-desktop { display: block!important; }
.visible-phone { display: block!important; }
.hidden-phone { display: none!important; }
.navbar-push { padding-top: 60px; }
.content-wrapper { max-width: 1870px; margin-right: auto; margin-left: auto; display: block; }
.overflow-string { white-space: nowrap; overflow: hidden; text-overflow: clip; }
select.disabled { background-color: #e2e9ee!important; pointer-events: none!important; color: transparent!important; cursor: default; }
input.disabled { background-color: #e2e9ee!important; pointer-events: none!important; color: transparent!important; cursor: default; }
.space-left { margin-left: 10px; }
.space-right { margin-right: 10px; }
.push-top-20 { margin-top: 15px!important; margin-bottom: 15px!important }
.nopadding { padding-left: 0px!important; padding-right: 0px!important; }
.nomargin { margin: 0px!important; }
.gray-text { color: rgb(127, 143, 164); }
.calendar-fixed { top: 54px!important; position: fixed!important; }
input::placeholder { color: #999!important; font-size: 13px; font-weight: 400;  }
input::-webkit-input-placeholder { color: #999!important; font-size: 13px; font-weight: 400; }
input { outline: 0!important; box-shadow: none!important; }
button.dropdown-toggle { color: #000000; margin-right: 10px!important; }
.modal-content button.dropdown-toggle { margin-right: 0px!important; } 
.bootstrap-select .dropdown-menu input { width: 100%; margin-bottom: 10px; }
.bootstrap-select .dropdown-menu { max-height: 250px!important; min-height: 250px; }
.btn-group.bootstrap-select { margin-right: 10px; }
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }
.m-t-minus-5 { margin-top: -5px!important }
.m-b-plus-30 { margin-bottom: 30px!important }
.m-t-plus-10 { margin-top: 10px!important; }
.m-t-plus-30 { margin-top: 30px!important; }
.text-bold { font-weight: 700!important; }
.clear-all { clear: both!important; }
.hidden-element { display: none; }

/* LOGIN */

.logo { background: url(../images/logo2.png) 0 0 no-repeat; height: 23px; width: 206px; background-size: 206px 23px; text-indent:-9999px; margin: 125px auto 0 auto;  display: block; }
.login-menu { background-color:#ffffff; border-radius: 4px; display: block; float:none;margin: 30px auto 0 auto; padding: 42px 25px; }
.login-menu input { outline: 0; border-color: #8b8d8e; height: 36px; box-shadow: none; }
.login-menu input:focus { outline: 0; border-color: #8b8d8e; height: 36px; box-shadow: none; }

/* BUTTON */

.btn-green { background-color: #50b848; border-radius: 4px; color: #ffffff; padding: 7px 16px; font-size: 15px; line-height: 1.2; border-style: solid; border-width: 1px; border-color: rgb(36, 149, 51); border-radius: 4px; background-image: -moz-linear-gradient( 90deg, rgb(51,170,68) 0%, rgb(57,181,74) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(51,170,68) 0%, rgb(57,181,74) 100%); background-image: -ms-linear-gradient( 90deg, rgb(51,170,68) 0%, rgb(57,181,74) 100%); }
.btn-green:hover { color: #ffffff; }
.btn-green:focus { color: #ffffff; outline: none!important; }
.btn-green:active { outline: none!important; }
.green-link { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: rgb(14, 156, 87); }
.btn-white { background-color: white; font-weight: 600; font-size: 14px; padding: 7px 16px 7px 16px; border-radius: 4px; display: inline-block; color: rgb(53, 64, 82)!important; }
.btn-white:hover { color: rgb(53, 64, 82)!important; text-decoration: none; }
.btn-white:focus { color: rgb(53, 64, 82)!important; text-decoration: none; }
.btn-table { background-color: white; font-weight: 600; font-size: 14px; padding: 4px 8px 4px 6px; margin: 0 -2px; border-radius: 4px; display: block; border: 1px solid #cbcbcb; color: rgba(159, 169, 186, 0.8)!important; border-color: rgb(217, 222, 230)!important; }
.btn-table:hover { color: rgba(159, 169, 186, 0.8)!important; text-decoration: none; }
.btn-table:focus { color: rgba(159, 169, 186, 0.8)!important; text-decoration: none; }
.btn-table .icon-dropdown { height: 13px; width: 13px; margin: 0 -4px 0 2px!important; background-position: center center; }
.btn-gray { color: white; text-decoration: none; border-radius: 4px; border-style: solid; border-width: 1px; border-color: rgb(217, 222, 230); background-color: #d9dee6 }
.btn-gray:hover { color: white; text-decoration: none; }
.btn-gray:focus { color: white; text-decoration: none; }

.btn-black { color: white; text-decoration: none; border-radius: 4px; border: 1px solid #354052; background-color: #3D483E; background-image: linear-gradient(-180deg, #667668 0%, #3D483E 99%); }
.btn-black:hover { color: white; text-decoration: none; }
.btn-black:active { background-color: #3D483E; }


/* NAV */

.site-navbar { z-index: 1010; height: 55px; background: #FFF9D0; background-attachment: fixed; border-radius: 0px; border: 0px solid; }
.navbar-brand { background: url(../images/logo.png) 0 0 no-repeat; height: 14px; width: 124px; background-size: 124px 14px; text-indent:-9999px; margin: 22px auto 0 auto!important; float:none; display: block; } 
.navbar-toggle { float:left; z-index: 1; }
.navbar-toggle .icon-bar { height:3px; width: 20px; }
.navbar-menu-phone { right: 20px!important; left: initial!important; }
nav .open a, nav .open a:focus, nav .open a:hover { background-color: transparent!important; } float: none!important; margin: 0px -15px; background: #FFF9D0 url(../images/gradient.png) center center no-repeat; background-attachment: fixed; }
.navbar-nav li { float: none; padding-bottom: 0px; padding-right: 20px; padding-left: 20px; clear:both; }
.navbar-nav li a { text-align: center; font-size: 15px; line-height: 1.2; padding: 20px 30px 0 30px; padding-top: 10px; padding-bottom: 10px; display: flex; flex-direction: column; align-content: center; min-width: 72px; }
.navbar-nav li:hover a { background: #FFFCE9; }
.navbar-nav li:hover a .txt { color: #50B848; }



.navbar-nav li { overflow: hidden; }
.navbar-nav li a { display: flex; flex-direction: row; }
.navbar-nav li a .txt { font-weight: 400; font-size: 16px; margin: 4px 0; }
.navbar-nav li a .ico { display: none; width: 24px; height: 24px; align-self: center; opacity: 0.70; }
.navbar-nav li a .icon-dropdown { margin: 3px 0 0 10px; }
.navbar-nav li.dropdown.open a .icon-dropdown { transform: rotate(180deg); }
.navbar-nav li.dropdown ul.menu-dropdown { margin-left: 20px; font-size: 14px; }
.navbar-nav li a:hover .ico { display: none; width: 24px; height: 24px; align-self: center; opacity: 1; transition: opacity 150ms ease-out; }
.navbar-nav li a .ico-calendar { background: url('../images/ico_calendar.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-compass { background: url('../images/ico_compass.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-invoice { background: url('../images/ico_invoices.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-customer { background: url('../images/ico_customers.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-bus { background: url('../images/ico_busses.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-driver { background: url('../images/ico_drivers.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-documents { background: url('../images/ico_docs.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-users { background: url('../images/ico_users.svg') 0 0 no-repeat; }
.navbar-nav li a .ico-settings { background: url('../images/ico_settings.svg') 0 0 no-repeat; }
.navbar-nav li a:hover, .navbar-nav li a:focus { background-color: transparent; }
.navbar-nav li.active { padding: 0px 0px 0px 0px; margin: 0 auto 0 auto; width: auto; margin-bottom: 5px; }






.navbar-nav li.dropdown.open .icon-dropdown { font-display: none; }

.navbar-nav li.active a { padding-bottom: 10px; border-bottom: solid 5px #50b848!important; width: 120px; margin: 0 auto; }
.navbar-nav li.active .menu-dropdown a { padding-bottom: 10px; border-bottom: solid 0px #50b848!important; width: 100%!important; }
.navbar-collapse { max-height:none!important; }
.navbar-collapse.in,
.navbar-collapse.collapse { overflow: initial!important; background: #FFF9D0; }
.navbar-collapse.collapsing { overflow: hidden!important }
.icon-arrow { background: url(../images/arrow.png) 0 0 no-repeat;float:left; height:22px; width: 22px; background-size: 22px 22px; z-index:999999; margin:-84px 0 0 10px;position: absolute; background-color: #FFF9D0; } 
.search { border-radius: 4px; margin: 8px 16px 0 0; width: 100%; height: 36px; border: transparent 0px solid; box-shadow: none; }
.search:focus { outline: none; box-shadow: none; border: transparent 0px solid; }
.desktop-search { display: none!important; position: relative; }
.phone-search { display: block!important; }
.icon-search { background: url(../images/search.svg) 0 0 no-repeat;float: right; margin: 0px 0px 0 0; position: absolute; right: 30px; top: 10px; }
.icon-dropdown { background: url(../images/dropdown.png) 0 0 no-repeat; float: right; margin: 10px 0 0 0; align-self: center; width: 7px; height: 4px; background-size: 7px 4px; }
.icon-dropdown-w { background: url(../images/dropdown-w.png) 0 0 no-repeat; float: right; margin: 8px 0 0 6px; width: 7px; height: 4px; background-size: 7px 4px; }
.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse.collapse { display: none!important;  }
.navbar-collapse.collapse.in { display: block!important; margin-left: -20px!important; margin-right: -20px!important; overflow-y: scroll!important; height: calc( 100vh - 53px )!important; max-height: auto!important; }
.navbar-collapse.collapsing { margin-left: -20px!important; margin-right: -20px!important; }
.navbar-right { display: none; }
.navbar-right .dropdown-toggle { margin-left: 16px; }

/* NAV TOGGLE X */

.icon-bar { background-color: #000; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -8px; transform: rotate(-45deg); }

.magic-radio+label { margin-left: 10px; margin-top: 0px; margin-bottom: 0px; }
.magic-radio:checked+label:before { background: #0D9C56; border: 1px solid #0D9C56!important; top: 8px; }
.magic-radio+label:after { background: white!important; top: 14px!important; }
.magic-radio+label:before { border: 1px solid #5B5D5F!important; top: 8px!important; }

/* MODAL */

.user-modal a.close { display: none; }


.user-modal .content-form .offer-content .magic-checkbox+label { margin-bottom: 15px; }
.user-modal .content-form .form-row { border-top: 1px solid #EAECEF; }
.user-modal .content-form .form-row label { margin-left: 10px; margin-right: 10px; }
.user-modal .content-form .form-row:last-child { border-bottom: 1px solid #EAECEF; }
.user-modal .modal-table { table-layout: auto; border-collapse: collapse; min-width: 600px; }
.user-modal .modal-table tbody tr { border: 1px solid #E7E9ED; vertical-align: middle!important; }
.user-modal .modal-table tbody td { border-right: 1px solid #E7E9ED; }
.user-modal .modal-table tbody tr td:last-of-type { border-right: 0px solid #E7E9ED; }
.user-modal .modal-table thead tr th { border-bottom: 0px solid transparent!important; border: 1px solid #E7E9ED; white-space: pre; }
.user-modal .modal-table thead tr { border-top: 1px solid #E7E9ED!important; vertical-align: middle!important; }
.user-modal .modal-table td, .user-modal .modal-table th { padding: 15px!important; }
.user-modal .modal-table a { font-size: 15px; color: #1B5FFF; letter-spacing: 0; font-weight: 700; display: flex; justify-content: center; margin-top: 7px; }
.table-container .table-responsive td, .table-container .table-responsive th { padding: 0px 4px!important; }
.desc-icn { background: url(../images/desc-icn.svg) 0 0 no-repeat; height: 7px; width: 10px; background-size: 10px 7px; display: inline-block; margin-left: 5px; margin-bottom: 2px; }
.asc-icn { background: url(../images/asc-icn.svg) 0 0 no-repeat; height: 7px; width: 10px; background-size: 10px 7px; display: inline-block; margin-left: 5px; margin-bottom: 2px; }
.table-container .table-responsive th a { text-decoration: underline!important; cursor: pointer; }

/* LOG VERSIONING STYLES */
.clients-table td.v-align-top { vertical-align: top!important; }
.vers-value { display: block; }
.vers-old { display: block; color: red; }
.vers-new { display: block; color: #50b848; }

.log-header { background: #eff3f6; border: 1px solid #e7e9ed; padding: 20px; margin-top: 20px;}
.log-header h1 { font-size: 20px; margin: 0 0 5px 0; padding: 0; }
.log-header span.date { color: rgb(127, 143, 164); }
/* CALENDAR ADDDBUS MODAL */

.addbus-modal .icon-search { margin: 0px 0px 0 0; }
.addbus-modal .modal-header { padding: 20px 30px; }	
.addbus-modal .modal-header .form-group { margin-bottom: 0px; }
.addbus-modal .modal-header .overlap-toggle { margin: 8px 0 0 0; } 
.addbus-modal .form-group { margin-bottom: 0px; }
.addbus-modal .content-form .form-group { width: 100%; overflow: auto; border-bottom: 1px solid #ededed; margin-bottom: 0px; margin-top: 13px; }	
.addbus-modal .content-form .form-group.has-overlap { background-color: #F1F6FF; margin-top: 0; padding-top: 13px; }
.icn-overlap { display: inline-block; width: 24px; height: 16px; margin: 0 0 0 5px; float: left; background: url(../images/overlap_icn.svg) 0 0 no-repeat; }
.icn-unavailable { display: inline-block; width: 18px; height: 18px; margin: 0 5px 0 5px; float: left; background: url(../images/warning.svg) 0 0 no-repeat; color: red }
.addbus-modal .bus-list { max-height: 285px; overflow-x: auto; padding: 10px 15px 10px 15px; }
.addbus-modal .content-form { padding: 0px 15px 1px 15px!important; }
.addbus-modal .content-form a { color: #2365ff; font-family: "Source Sans Pro", sans-serif; font-size: 13px; font-weight: 600; padding-right: 17px; }
.addbus-modal .content-form a:focus { outline: none; }
.addbus-modal .content-form p { color: #434343; font-size: 13px; font-weight: 600; text-transform: uppercase; padding-left: 17px; }





/* MODAL TAB BUTTONS STYLE*/

.modal-dialog .modal-tabs { margin-bottom: 0px; }
.modal-tabs { border-bottom: 0px solid transparent; background: #FFF9D0; margin: 0px 0 0 0; display:inline-block;padding: 0 10px; margin-bottom: 5px; }
.modal-tabs li {background: transparent; margin-bottom: 0px; margin-right: 0px; border-radius: 0px; padding: 0px 18px 20px 18px; }
.modal-tabs li.active {opacity: 1; margin-bottom: 0px; border-bottom: 5px solid #50b848!important; margin: 0 0 0 0px; display: inline-block; padding: 0 18px 20px 18px; }
.modal-tabs li a {padding: 0px 0px 0px 0px;  opacity: 1; margin-right: 0px; border: 0 solid; }
.modal-tabs li a { background: transparent!important; }
.modal-tabs li.active a, .modal-tabs li.active a:focus, .modal-tabs li.active a:hover {border: 0px solid transparent; opacity: 1; background: transparent!important; }

/* CALENDAR ADDDBUS MODAL 2nd Modal */

.addbus-modal .row { clear: both; }
.addbus-modal .section-header { color: #8c97ab!important; font-size: 15px!important; font-weight: 600!important; text-transform: initial!important; margin-bottom: 0px; padding-left: 5px!important; }
.addbus-modal .modal-header .unit-name { padding-left: 15px!important; }
.addbus-modal .modal-header .section-header { margin-bottom: 0px!important; padding-left: 15px!important; }
.addbus-modal .unit-name { color: #434343; font-size: 13px; font-weight: 600; text-transform: initial!important; padding-left: 5px!important; }
.addbus-modal .extra-info { color: #94a0b1; font-size: 14px; font-weight: 400; text-transform: initial!important; }
.addbus-modal select { background: url(../images/select-carret.svg) 97% 15px no-repeat; background-size: 8px 5px; margin-top: 5px; -webkit-appearance: none; appearance: none; width: 100%; height: 34px; border-radius: 4px; border: 1px solid #cbcbcb!important; background-color: #fff; color: #999; font-size: 13px; font-weight: 400; padding: 7px 12px 9px 12px; border: 1px solid #cbcbcb; }

.addbus-modal .modal-footer { padding: 20px; }
.addbus-modal .content-form .section-header { margin-bottom: 10px!important; }
.addbus-modal .driver-list a { padding-right: 5px; margin-top: 2px; }
.addbus-modal .modal-footer .btn-green { margin: 0px; }
.addbus-modal .driver-list { height: 260px; max-height: 260px; overflow-x: auto; padding: 20px 55px 0 55px; }
.addbus-modal .driver-list .form-group.rental-value { margin-top: 0; margin-bottom: 13px; width: 100%; border: none; overflow: visible; }
.addbus-modal .driver-list .form-group.rental-value input[type="text"] { border: 1px solid #cbcbcb!important; width: 90px; float: left; margin-bottom: 17px; }
.addbus-modal .driver-list .form-group.rental-value input[type="text"] + .unit {  }
.addbus-modal .driver-list .form-group.rental-value label { float: left; line-height: 34px; padding: 0 0 0 10px; }
.addbus-modal .driver-list .form-group.rental-value hr { border: 0; height: 1; line-height: 1; margin: 10px -40px 0 -40px; padding: 0; background: none; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; }

/* MODAL GENERAL */
.modal {  }
.modal.modal-medium .modal-dialog { min-width: 750px; }

.modal .modal-dialog .modal-content { box-shadow: none; border: none; }
.modal .table-container { margin: 0; border: 0; width: auto!important; }
.modal .offer-content .column-info { width: 100%; }
.modal .offer-content .content-header input[type="text"] { width: 100%; }
.modal .offer-content .bordered-box { margin-bottom: 0; max-height: 200px; }

.modal .modal-footer { clear: both; }
.modal .modal-footer.noline { border: none; margin-top: 0; }
/* MODAL TABS*/


/* TRIPS LIST*/
ul.trips-list { height: 200px; overflow-y: scroll; border-radius: 4px; border: 1px solid rgb(217, 222, 230); }
ul.trips-list li { border-bottom: 1px solid rgb(217, 222, 230); overflow: hidden; vertical-align: middle; padding: 0; }
ul.trips-list li label { margin: 0; padding: 8px 0 8px 0; display: block; overflow: hidden; cursor: pointer; }
ul.trips-list li label:hover { background: rgba(53, 64, 82, 0.05); }
ul.trips-list li label.checked { background: rgba(53, 64, 82, 0.1); }
ul.trips-list li label input[type="checkbox"] { width: auto; height: auto; margin: 4px 10px; }
ul.trips-list li label .trip { display: block; float: left; }
ul.trips-list li label .details { display: block; float: right; margin-right: 10px; font-weight: 300; }
/* TRIPS LIST*/

@media only screen and ( max-width: 767px ) {
	.navbar-collapse.collapse.in { overflow-y: scroll!important; height: calc( 100vh - 53px )!important; max-height: auto!important; }
	.modal.modal-medium .modal-dialog { min-width: auto; }

	ul.trips-list li label .trip { float: left; }
	ul.trips-list li label .details { float: left; }
}

.price-modal .nav>li>a:focus, .price-modal .nav>li>a:hover { background-color: transparent!important; color: #555; outline: 0px solid transparent; }
.price-modal-content .nav>li>a:focus, .price-modal .nav>li>a:hover { background-color: transparent!important; color: #555!important; outline: 0px transparent solid; }
.modal-open { padding-right: 0px!important; }

.modal-dialog .tabs-scrollbar { overflow-x: auto!important; overflow-y: hidden!important; margin-bottom: 0px!important; margin-left: 0px!important; }
.user-modal input.input-sm, .user-modal th.input-sm { width: 90px!important; }
.user-modal .modal-tabs { display: flex; }
.user-modal input.input-md, .user-modal th.input-md { width: 170px!important; }
.user-modal .modal-tabs li { flex-shrink: 0; }
.user-modal .modal-body { padding: 0; overflow-y: auto; overflow-x: hidden; }
.user-modal { padding-left: 0px!important; padding-right: 0px!important; background: rgba(0,0,0,0.0); }
.user-modal .modal-dialog { width: auto; margin: 55px auto 0 auto; box-shadow: none; border-radius: 0px; text-align: center; background: #eff3f6; padding: 2px 0 0 0; }
.user-modal .modal-content { text-align:left; box-shadow: none; border: 0px solid transparent; padding:0px ;border-radius:0px; margin-top:-5px; }
.user-modal .col-md-4 { padding: 15px; }
.user-modal .signature { outline: 0; border-color: #8b8d8e; height: 98px; resize: none; }
.user-modal .signature:focus { outline: 0; border-color: #8b8d8e; box-shadow: none; }
.user-modal label { font-size: 15px; padding: 0px 0 0px 0; }
.user-modal input { outline: 0; border-color: #8b8d8e; height: 34px; box-shadow: none; }
.user-modal input:focus { outline: 0; border-color: #8b8d8e; box-shadow: none; }
.user-modal select { outline: 0; border-color: #8b8d8e; } 
.user-modal select:focus { outline: 0; border-color: #8b8d8e; box-shadow: none; }
.user-modal .btn-green { margin-bottom: 10px; margin-top:5px; }
.user-modal .form-group { margin-bottom: 5px; }
.user-modal .form-group .btn-green { margin-top: 15px!important; }
.tab-content { clear: both; margin-bottom: 20px; }
.tab-content .datepicker { margin-right: 5px; }
.tab-content .datepicker label { vertical-align: middle; line-height: 28px; margin-left: 5px; margin-right: 5px; }
.tab-content .datepicker input[type="checkbox"] { margin-top: 8px; }
.tab-content .datepicker input[type="text"] { width: 120px; border-radius: 3px; border: 1px solid #8b8d8e; height: 28px; line-height: 26px; padding: 6px 0 4px 4px; margin-right: 5px; background: #f9f9f9; }
.tab-content .datepicker select { -webkit-appearance: none; padding-left: 4px; padding-right: 16px; background: #f9f9f9 url(../images/dropdown.png) right 5px center no-repeat; }



button.multiselect-dropdown { display: flex; background: #f9f9f9; border: 1px solid #8b8d8e; border-radius: 3px; min-height: 28px; padding-top: 0; padding-bottom: 0; }
button.multiselect-dropdown .multiselect-selected-text { font-weight: 700; color: rgb(53, 64, 82); line-height: 26px; }
button.multiselect-dropdown[aria-expanded="true"] b.caret { transform: rotate(180deg); }
button.multiselect-dropdown b.caret { margin: 11px 0 0 auto; background: url(../images/dropdown.png) 0 0 no-repeat; border: none; width: 7px; height: 4px; }
button.multiselect-dropdown + ul.dropdown-menu { width: 100%; max-height: 300px; overflow-y: auto; }
button.multiselect-dropdown + ul.dropdown-menu li a:hover { background: #F8FAFD; }
button.multiselect-dropdown + ul.dropdown-menu li.active a { background: #EFF3F6; }
button.multiselect-dropdown + ul.dropdown-menu li a label.checkbox { padding: 3px 20px 3px 30px!important; }
button.multiselect-dropdown + ul.dropdown-menu li.active a:hover { background: #e7e9ed; }
button.multiselect-dropdown + ul.dropdown-menu li.multiselect-all { border-bottom: 1px solid rgba(0,0,0,.15) }

table.content-table tbody td.dropdown ul.dropdown-menu.dropdown-menu-up {
	top: auto;
	bottom: 37px;
}

table.content-table tbody td.dropdown ul.dropdown-menu.dropdown-menu-up a.btn-table .icon-dropdown {
	transform: rotate(180deg);
}


.tab-content .datepicker ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 700;
}
.tab-content .datepicker ::-moz-placeholder { /* Firefox 19+ */
	font-weight: 700;
}
.tab-content .datepicker :-ms-input-placeholder { /* IE 10+ */
	font-weight: 700;
}
.tab-content .datepicker :-moz-placeholder { /* Firefox 18- */
	font-weight: 700;
}


.tab-content .datepicker .choices { margin-right: 5px; }
.tab-content .datepicker .choices .choices__inner { min-width: 220px; border-radius: 3px; border: 1px solid #8b8d8e; min-height: 28px; line-height: 14px; }

.tab-content .datepicker .choices input[type="text"] { width: 100%; border: none; border-bottom: 1px solid #ccc; border-radius: 0; height: 32px; padding: 8px 4px; }

.tab-content .datepicker select { border: 1px solid #8b8d8e; margin-right: 5px; }
.tab-content .calendar-top .datepicker select { border: 1px solid transparent!important; margin: 0px 10px 0 0px!important; }
.user-modal .tab-content {  }
.modal-backdrop.in { opacity: 0.0; background: transparent; }
.content-form { padding: 22px 30px 22px 30px; }
.black-checkbox+label:before {outline: 0; border-color: #8b8d8e!important; margin-top: 0px; background-color:#ffffff!important; }
.magic-checkbox:checked+label:before { border: #50b848!important; background: #50b848!important; }
.content-form .checkbox-label { margin: 10px 0 10px 0px; }

/* MODAL TAB 2*/

.content-rights-list { padding: 27px 15px 0px 15px!important; } 
.content-rights-list .col-md-12 { background-color: #f0f3f4; border-radius:4px; padding: 0px 30px 0px 30px;  float: left; width: 100%; padding-bottom: 25px; }
.content-rights-list .col-md-12 .group-checkbox {margin-bottom: 0px; margin-top: 0px; clear: both; padding-top: 15px; }
.content-rights-list .col-md-12:nth-of-type(odd) { background-color: #ffffff; }
.content-rights-list .col-md-12 .form-group { float:left; }
.content-rights-list .col-xs-12 label { padding-bottom: 0px; }
.content-rights-list .col-xs-12 .group-label { width: 100%; }
.content-rights-list .col-xs-12 .group-label label { margin: 20px 0 0 0px; }
.content-rights-list .black-checkbox+label { padding: 30px 0 0px 0px; margin: 20px 0px 0 0px; }
.content-rights-list .group-checkbox .black-checkbox+label { padding: 0px 0px 0px 30px; margin: 0px 0px 0 0px; }
.content-rights-list .group-checkbox li:first-child { margin-left: 0px; }
.content-rights-list .form-group { margin-bottom: 0px; margin-top: 10px; padding-right: 5px; }
.content-rights-list .black-checkbox { padding: 10px 0; }
.content-rights-list .btn-green { margin: 35px 0 0 0px; padding-left: 40px; padding-right: 40px; }
.content-rights-list input, .content-rights-list label { margin: 0px 0 0 0px; }
.content-rights-list .magic-checkbox+label:after { top:-2px; left: 0px; background: url(../images/checkbox-check.svg) 0 0 no-repeat; width: 28px; height: 28px; background-size: 28px 28px; border: 0px solid transparent; transform: none; }
.content-rights-list .magic-checkbox+label:before { height:28px; width: 28px; margin: 0 0 0 0; top: -3px; left: 0px; }
.content-rights-list .subgroup { margin-left: 0px; }
.content-rights-list .add-group-column { padding: 0px; margin-bottom: 0px; }
.content-rights-list .add-group-column .form-group { width: 60px; }
.content-rights-list .add-group-column .add-group-input { width: 100%; margin-right: 0px; margin-left: 0px; padding-right: 0px; }
.content-rights-list .btn-block { margin: 80px 0 0 0px!important; }
.content-rights-list .pull-checkbox-right { text-align: center; }
.content-rights-list .pull-checkbox-right .magic-checkbox+label:before { left: 13px; }
.content-rights-list .pull-checkbox-right .magic-checkbox+label:after { left: 13px; }

/* ADD PRICE MODAL*/

.inline-row-checkbox { display: block!important; }
.inline-row { display: inline-flex; clear: both; float: left; width: 100%; }
.inline-row input { margin-right: 10px; }
.inline-row input:last-child { margin-right: 0px!important; }

.price-modal .icon-arrow { margin: -84px 0 0 11px; position: absolute; left: 0; }
.price-modal .magic-checkbox+label { padding: 0 30px 0 0!important; }
.price-modal .name-row .form-group { width: 250px; margin-bottom: 30px; }
.price-modal input { width: 210px; }
.price-modal .modal-content { text-align: center; margin-top: -5px; }
.tab-background-fix { background-color: #FFF9D0; }

.price-modal-content .modal-content { text-align: center; margin-top: -5px; }
.price-modal-content .btn-green {margin-top: 67px; margin-bottom: 0px; clear: both; }
.price-modal-content { width: 100%; }
.price-modal-content .icon-arrow { margin: -103px 0 0 11px; position: absolute; left: 0; }
.price-modal-content h1 { font-size: 15px; font-weight: 600; margin: 0px 0 40px 0; display: none; }
.price-modal-content .modal-body { padding: 20px 25px 35px 25px; }
.price-modal-content select, .price-modal-content input { margin-bottom: 15px }
.price-modal-content label { width: 100%; text-align: left; }
.price-modal-content select { font-size: 14px; color: rgb(53, 64, 82); width: initial; margin-right: 10px; border-radius: 4px; background-color: #ffffff; outline: 0; border-color: #8b8d8e; height: 34px; box-shadow: none;  }
.price-modal-content .form-group select:nth-child(1) { width: 58px; }
.price-modal-content .form-group select:nth-child(2) { width: 100%; text-align: center; }
.price-modal-content .form-group select:nth-child(3) { width: 82px; margin-right: 0px; }
.price-modal-content .half-row { width: 48%!important; margin-right: 4%; }
.price-modal-content .half-row:last-of-type { margin-right: 0%!important; }

.filter-panel .form-group select:nth-child(1) { width: 58px; }
.filter-panel .form-group select:nth-child(2) { width: 100%; text-align: center; }
.filter-panel .form-group select:nth-child(3) { width: 82px; margin-right: 0px; }

.price-modal-content a.close { margin: -73px -51px 0 0!important; }
.price-modal-content .inline-row input { margin-right: 10px  }
.pricetable-panel .form-group { display: none; }
.pricetable-panel .btn-green { display: block; margin: 10px 25px; float: none!important }
.pricetable-panel { border-bottom: 1px solid #e7e9ed; padding-top: 1px; }
.flex-name-box:nth-child(1) { display: none; }

.filter-panel { overflow: auto; padding: 20px 25px 0 25px; background-color: #eff3f6; text-align: left!important }
.filter-panel .inline-row { display: inline-flex; width: 100%; }
.filter-panel .form-group { width: 100%!important; clear: both!important; margin-bottom: 15px!important; display: inline-block; }
.filter-panel input { width: 100%!important; }
.filter-panel .magic-checkbox+label { margin-bottom: 2.5px!important; }
.filter-panel .inline-row.name-row { margin-bottom: 5px; display: block!important }

.price-modal .modal-body { padding: 0px; }
.price-modal a.close { display: none; }
.price-modal .form-group { margin-bottom: 20px; }
.price-modal { width: 100%!important; margin-bottom: 60px!important; }
.price-modal .btn-green { }
.price-modal h1 { font-size: 15px; font-weight: 600; margin: 0px 0 40px 0; display: none; }
.price-modal label { width: 100%; text-align: left }
.price-modal select { font-size: 14px; color: rgb(53, 64, 82); width: 100%; margin-right: 10px; border-radius: 4px; background-color: #ffffff; outline: 0; border-color: #8b8d8e; height: 34px; box-shadow: none; }
.price-modal .modal-price-table { overflow-x: scroll; width: 100%; }
.price-modal .magic-checkbox+label:after { width: 10px; height: 16px; }
.price-modal .magic-checkbox+label:before { height: 25px!important; width: 25px!important; }
.price-modal .magic-checkbox+label { padding-left: 35px!important; margin-bottom: 25px; }

.flex-price-row-header { display: none!important; }
.flex-price-box-header { width: 84px; margin: 0px 0px 0 12px; display: block; text-align: right; padding: 0px 0px; }
.flex-price-box-header p { font-size: 12px; margin-bottom: 0px; font-weight: 400; }
.flex-price-box { width: 84px; margin: 0px 0px 0px 12px; display: inline-table; text-align: right; border: rgb(53, 64, 82) solid 1px; color: rgb(53, 64, 82); border-radius: 4px; padding: 10px 7px;  }
.flex-price-box p { margin-bottom: 0px; float: left;  font-size: 16px!important; }
.flex-price-row .flex-price-box:nth-child(3) { margin-left: 60px!important }
.flex-price-row { width: 100%; display: inline-flex; padding: 10px 0 10px 0; position: relative; }
.flex-price-row input { min-width: 32px; text-align: right; background: #EFFAFF; width: 100%; font-weight: 400; float: left; height: 20px; font-size: 16px!important; color: black; font-family: 'Source Sans Pro', sans-serif; padding: 1px 0 0 0px; border: 0px solid transparent; }
.flex-price-row input:hover, .flex-price-row input:focus { background: #E0F5FF; }
.flex-price-row .flex-price-box:last-child { margin-right: 0px; }
.price-row { display: inline-flex; }
.flex-name-box p { padding-bottom: 1px; font-weight: 400; margin-bottom: 0px; float: left; font-size: 16px; padding-top:8.5px; line-height: 1.0!important; clear: both; }
.flex-name-box b { clear: both; float: left; font-size: 16px }
.flex-name-box { position: fixed; background-color: #e7e9ed; width: 48px; display: block; color: rgb(53, 64, 82); padding: 15px 7px 30px 7px; margin: -10px 0px -10px 0!important; padding-left: 7px!important; text-align: center; }
.price-modal .text-gray { color: #b9b9b9; font-weight: 400; }

/* TABLE */

.table-container { padding: 5px 20px 15px 20px; background-color: #fff; border-radius: 0px; border-width: 1px; border-style: solid; border-color: rgb(230, 234, 238); }
.table-container table, .table-container tbody, .table-container th, .table-container td, .table-container tr { background-color: #ffffff; border: 0px solid; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; margin-bottom: 0px; }
.table-container th, .table-container td { border-top: 0px solid transparent!important; border-bottom: 0px solid transparent !important; }
.table-container th { font-weight: 600; }
.table-container td, .table-container td a { font-weight: 400; }
.table-container td, .table-container th { padding: 7px 0 ; }
.table-container tr { border-bottom: #e7e9ed 1px solid!important; padding: 0 10px; margin: 0 -20px; }
.table-container tr:nth-child(1) { border-top: #e7e9ed 0px solid!important; }
.table-container tr:last-child { border-bottom: transparent 0px solid!important; }
.table-container tbody { border-bottom: transparent solid 0px; }
.table-container p { margin-bottom: 0px; }
.table-container table td.dropdown a.btn-table { max-width: 124px; padding: 3px 18px 3px 8px!important; margin: 3px 0!important; }
.table-container table td.dropdown a.btn-table span.icon-dropdown { margin-top: 9px; margin-right: -12px; }
.table-container table td.dropdown ul.dropdown-menu { margin-bottom: 0px; top: 36px; left: 15px!important; width: 120px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); }
.icon-mail { background: url(../images/ico_mail.svg) 0 0 no-repeat; margin-top: 0px; float: right;margin-left:auto;margin-left: auto; margin-right: 30px; }
.icon-lock { background: url(../images/locked.svg) 0 0 no-repeat; margin-top: 4px; text-align: center; margin-left: auto; margin-right: auto; float: right; margin-right:30px; }
.icon-unlocked { background: url(../images/unlocked.svg) 0 0 no-repeat; margin-top: 4px; text-align: center; margin-left: auto; margin-right: auto; float:right; margin-right:30px; }

/* BUS-TABLE */

.table-container .bus-table tr { border-bottom: #e7e9ed 1px solid!important; padding: 0 0px; margin: 0 -20px; overflow: hidden; }
.table-container .bus-table td { padding: 5px 20px!important; }
.table-container .bus-table td:nth-child(1) { float: right!important; z-index: 999; display: block; width: 35%; text-align: right; }
.table-container .bus-table tr:last-child { border-bottom: transparent 0px solid!important; }

/* USER TABLE */

.status { text-align: center; }

/* USER  TABLE TABS*/
.top-button-bar { margin-bottom: 17px!important; }
.tab-buttons { width: 100%;margin-left: auto; margin-right: auto; display:block; text-align: center; }
.tab-buttons a {margin: 0 2.5px 0px 2.5px; display: inline-block;width: 135px; }
.table-tabs { border-bottom: 0px solid transparent; margin: 0 0 0 0px; clear: both; text-align: center; }
.table-tabs li { float: none; display: inline-block; padding: 0px 10px 20px 10px; margin: 0 0px 0 14px; }
.table-tabs li.active a:focus, .table-tabs li.active a, .table-tabs li.active a:hover, .table-tabs li a:hover, .table-tabs li a { background-color: transparent; border: 0px solid transparent; white-space: normal; }
.table-tabs li.active { border-bottom: 5px solid #50b848!important; }
.table-tabs li a { padding: 10px 0px 0px 0px; color: #354052!important; }

/* PRICETABLE */

.top-button-bar { background-color: #eff3f6!important; margin: 0 -15px!important; padding: 20px!important; }
.top-button-bar .btn-green { float: none!important; display: block; clear: both; }
.top-button-bar .btn-white { display: block; text-align: center; margin-bottom: 25px; margin-right: 0px; width: 100%; }
.in-pricetable { margin-bottom: 0px!important; float: initial!important; }
.in-pricetable .datepickers-box { margin-bottom: 15px }
.in-pricetable .btn-green { margin-bottom: 25px; }
.price-table .date-column { width: 50%; float: left; z-index: 33 }
.price-table .slots-column { text-align: right; }
.price-table .btn-table { text-align: center; }
.price-table { overflow: initial; }
.price-table a { color: rgb(0, 97, 255); }
.price-table a:hover { color: rgb(0, 97, 255); text-decoration: none; }
.table-container .menu-dropdown { left:0!important; right: 0!important; }
.table-container td { vertical-align: middle!important; }
.price-table tr { margin: 0 -20px; padding-bottom: 10px; }
.price-table td { width: initial!important; margin: 0 10px; }

/*Pricetable CALENDAR*/

.pricetable-header a:hover, .calendar-header a:focus { text-decoration: none!important; color: #fff!important; }
.pricetable-header a.font-black:hover, .calendar-header a.font-black:focus { text-decoration: none!important; color: #000!important; }
.pricetable-header-label { display: block; height: 60px; }
.pricetable-header { border-top: 1px solid #e7e9ed; border-bottom: 1px solid #e7e9ed; background-color: #ffffff; z-index: 1000; text-align: left; width: 100%; display: block; clear: both; position: absolute; }
.pricetable-header .collapsed { padding-right: 25px; padding-left: 25px; background-color: white; color: #354052; text-decoration: none; }
.pricetable-header .collapsed:hover, .pricetable-header .collapsed:focus { text-decoration: none!important; color: #354052!important; }
.pricetable-header a { font-weight: 400; font-size: 16px; font-family: "Source Sans Pro", sans-serif; background-color: #354052; color: white; line-height: 1.2; padding: 22px 25px 20px 25px; }
.pricetable-header a.collapsed .icon-dropdown { background: url(../images/arrow-icn-black.svg) 0 0 no-repeat!important; float: right; margin: 4px 0 0 0px; width: 16px; height: 9px; background-size: 16px 9px; }
.pricetable-header a .icon-dropdown { background: url(../images/arrow-icn-white.svg) 0 0 no-repeat!important; float: right; margin: 4px 0 0 0px; width: 16px; height: 9px; background-size: 16px 9px; }
.pricetable-header .arrow-icn, .pricetable-header .arrow-icn-w { display: block; float: right; }
.pricetable-body .mobile-flex-price-row-header .flex-price-box-header:nth-child(3) { margin-left: 60px!important }
.pricetable-body .mobile-flex-price-row-header { position: relative; display: inline-flex!important; border-bottom: #e7e9ed 1px solid; padding-bottom: 6px; float: left; width: initial; }
.pricetable-body .mobile-flex-price-row-header p { float: right; line-height: 1.9; margin-left: 5px; font-weight: 400; }

/* CLIENTS TABLE */

.search-client { margin-top: 35px!important; }
.clients-table td { vertical-align: middle!important; }
.clients-table p {display: none; }
.clients-table .clients-searchbox {width: 100%; float: right; height: 36px; margin: 15px 0 0 0; border-radius: 0px; }
.clients-table .icon-search {margin: -25px 10px 0 0px; padding: 0px; }
.clients-table-header { vertical-align: bottom; margin-top: 0px; display: inline; }
.clients-table-header li { display: block; text-align: left; position: relative; }
.clients-table-header li .icon-search { top: 25px; right: 10px; margin: 0px }
.clients-table-header label { display: block; }
.clients-table-header input { margin-bottom: 10px; outline: none; box-shadow: none; }
.clients-table-header input:focus { box-shadow: none; }
.clients-table-header .black-checkbox { display: inline-block; margin-right: 9px }
.clients-table-header .black-checkbox-label { margin-left:0px!important; }
.clients-table-header .datepickers-box { display: flex; margin-right: 0px; } 
.clients-table-header .datepickers-box input:last-child { margin-right: 0px; }
.clients-table-header .datepickers { width: 100%; margin-right: 12px; }
.clients-table-header .select-box { width: 100%; margin: 0 0px 0 0px!important; }
.clients-table-header .btn-green { margin-left: 0px; padding-left: 18px; padding-right: 18px; display: block; }
.clients-table-header .form-control { border: 1px solid #cccccc; height: 35px; color: #999999; }

/* CLIENTS TABLE DATEPICKER*/

.ui-datepicker { padding-top: 12px; margin-top: 10px; width: 270px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; font-family: 'Source Sans Pro', sans-serif; border-color: rgb(211, 211, 211); border-radius: 4px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.ui-datepicker .ui-datepicker-header { margin-left: -5px; margin-right: -5px; background: white; font-weight: 400; border: 0px solid white; line-height: 1.2; font-size: 16px; color: rgb(102, 102, 102); font-family: 'Source Sans Pro', sans-serif; }
.ui-datepicker .ui-state-default { text-align: center; border: 0px solid transparent; background: transparent; color: 686868; font-size: 14px; }
.ui-datepicker .ui-state-active { background: #50b848; border-radius: 4px; color: white!important; }
.ui-datepicker .ui-state-highlight { color: #686868; }
.ui-datepicker .ui-datepicker-calendar thead th span { color: #666666; }
.ui-datepicker .ui-datepicker-next-hover { border: 0px solid transparent; background: transparent; top:2px; right: 2px; cursor: pointer; color: transparent; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; border: 0px solid transparent; background: transparent; cursor: pointer; top: 2px; color: transparent; }
.ui-icon.ui-icon-circle-triangle-e { background: url(../images/arr_right.svg) 0 0 no-repeat; height: 15px; width: 15px; background-size: 15px 15px; display: block; margin-top: -6px!important; }
.ui-icon.ui-icon-circle-triangle-w { background: url(../images/arr_left.svg) 0 0 no-repeat; height: 15px; width: 15px; background-size: 15px 15px; display: block; margin-top: -6px!important; }

/* CLIENTS TABLE TABS*/

.alphabet-button { display:block; width: 100%; }
.alphabet-scrollbar { max-width: 100%; display: -webkit-inline-box; overflow-x:scroll; margin-bottom:-5px; margin-top: 10px; }
.alphabet-tabs { border-bottom: 0px solid transparent; margin: 0 0 0 0px; padding: 0px 0px 0 0px; display: flex; }
.alphabet-tabs li.active a:focus, .alphabet-tabs li.active a, .alphabet-tabs li.active a:hover, .alphabet-tabs li a:hover, .alphabet-tabs li a { background-color: transparent; border: 0px solid transparent; }
.alphabet-tabs li { float:none; display: inline-block; padding: 0px 12px 0px 12px; margin: 0 0px 0 0px; }
.alphabet-tabs li.active { border-bottom: 5px solid #50b848!important; padding: 0px 12px 0px 12px; }
.alphabet-tabs li a { padding: 10px 0px 15px 0px; text-transform: uppercase; margin: 0px; font-size: 20px; }
.alphabet-detailed-tabs { border-bottom: 0px solid transparent; margin: 0 0 0 0px; padding: 0; display: flex; }
.alphabet-detailed-tabs li.active a:focus, .alphabet-detailed-tabs li.active a, .alphabet-detailed-tabs li.active a:hover, .alphabet-detailed-tabs li a:hover, .alphabet-detailed-tabs li a { background-color: transparent; border: 0px solid transparent; }
.alphabet-detailed-tabs li { float:none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0 0px 0 50px; float: right; }
.alphabet-detailed-tabs li.active { border-bottom: 5px solid #50b848!important; padding: 0 0px 0 0px; }
.alphabet-detailed-tabs li a { padding: 10px 0px 15px 0px; margin: 0px; font-size: 20px; }

/* PAGINATION */

.table-bottom-pagination { text-align: center; }
.table-bottom-pagination ul { float: none; margin-right:0px; margin-top: 15px; }
.table-bottom-pagination ul li a, .table-bottom-pagination ul li a:focus, .table-bottom-pagination ul li a:hover { color:#354052; font-family: 'Source Sans Pro', sans-serif; font-weight:600;  background: transparent; border: 0px transparent solid; }
.table-bottom-pagination ul li.active a { background: #50b848; border-radius: 3px; }
.table-bottom-pagination ul li.active a:hover { background: #50b848; border-radius: 3px; }

/* NAV USER DROPDOWN */ 

.navbar-nav .navbar-dropdown { display: none; }
.navbar-mobile-dropdown { float:right; margin: -35px 10px 0 0; }
.nav-dropdown { max-width: 300px; z-index: 800; padding: 14px 0;border: 0px solid transparent; background: #ffffff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); border-radius: 4px!important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); position: absolute; top: 55px; left: initial; right:15px; float: right; }
.nav-dropdown li { padding: 0; width: 100%; }
.nav-dropdown li a, .nav-dropdown li a:focus { padding: 15px 30px 15px 30px; width: 100%; float: left; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight:400;  line-height: 1.5; color: rgb(53, 64, 82); white-space: normal; }
.nav-dropdown li:last-child .dropdown-hr { border-bottom: 1px solid #ffffff!important; }
.nav-dropdown li a:hover { margin: 0px; background-color: rgb(245, 242, 242)!important; }
.nav-dropdown li:hover .dropdown-hr { margin: 0px; border-bottom: 1px solid rgb(245, 242, 242)!important; }
.nav-dropdown li.active { width: 100%; border-top: 0 solid transparent!important; }
.nav-dropdown li.active a { font-weight:600; padding: 15px 30px 0px 30px; background: #ffffff; color: rgb(53, 64, 82); }
.nav-dropdown li.active a:hover, .nav-dropdown li.active a:focus { background-color: rgb(245, 242, 242); color: rgb(53, 64, 82); }
.dropdown-hr { border-bottom: 1px solid rgba(0, 0, 0, 0.102)!important; width: 100%; display: block; float:right; padding-top: 15px; }

/* NAV MENU DROPDOWN */ 

nav .navbar-menu { width: initial!important; }
.menu-dropdown, .navbar-menu { z-index: 800; padding: 14px 0; border: 0px solid transparent; background: #ffffff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); border-radius: 4px!important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); position: absolute; top: 68px; left: -50%; margin-left: -10px; float: right; }
.menu-dropdown li, .navbar-menu li {padding: 0; width: 100%; }
.menu-dropdown li a,
.nav-dropdown li a:focus,
.navbar-menu li a,
.navbar-menu li a:focus { padding: 15px 30px 15px 30px; width: 100%; float: left; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color: rgb(53, 64, 82); }
.menu-dropdown li a:hover,
.navbar-menu li a:hover { margin: 0px; background-color: transparent!important; cursor: pointer!important; color: #50B848; }
.menu-dropdown li:hover .dropdown-hr, .navbar-menu li:hover .dropdown-hr {margin: 0px; }
.menu-dropdown li.active, .navbar-menu li.active {width: 100%; border-top: 0 solid transparent!important; }
.menu-dropdown li.active a, .navbar-menu li.active a, {font-weight:600; padding: 5px 30px 5px 30px; background: #ffffff; color: rgb(53, 64, 82); }
.menu-dropdown li.active a:hover, .nav-dropdown li.active a:focus, .navbar-menu li.active a:hover, .navbar-menu li.active a:focus { background-color: rgb(245, 242, 242); color: rgb(53, 64, 82); }
.dropdown-hr { width: 100%; display: block; float:right; padding-top: 0; }
.navbar-collapse .icon-dropdown { float: none; margin: 0px 0 3px 0; display: inline-block; }
.menu-dropdown .dropdown-hr { border-bottom: 0px solid rgba(0, 0, 0, 0.102)!important; }
.menu-dropdown li a, .navbar-menu li a {padding: 5px 15px!important; }

/* NAV MENU DROPDOWN */ 

.btn-white-dropdown { margin: 12px 20px 0 0px; left: 20px; right: 0px; width: initial; }

/*CALENDAR*/

.calendar-data-wrapper { margin-top: 130px; }
.calendar-body.collapse .calendar-row, .calendar-body.collapsing .calendar-row  { margin-top: -4px; }
.calendar-body.collapse .calendar-row:nth-child(2), .calendar-body.collapsing .calendar-row:nth-child(2) { margin-top: 1px!important; }
.calendar-container { padding-left: 0px!important; padding-right: 0px!important; }
a.back-to-profile { background: #E2E9EE; display: flex; flex-wrap: nowrap; height: 32px;  border-radius: 4px; margin: 0 8px 0 -2px; padding-left: 8px; align-content: center; }
a.back-to-profile .txt { } 
a.back-to-profile .icon { display: inline-block; background: url('../images/cross.svg') 0 0 no-repeat; background-size: 17px 17px; width: 17px; height: 17px; margin-right: 4px; opacity: 0.5; } 

.datepicker { margin-top: 10px; padding-left: 10px; padding-right: 10px; float: left; width: 100%; display: flex; margin-bottom: 10px; }
.datepicker a.back-to-profile .txt { line-height: 16px; display: inline-block; white-space: nowrap; } 
.datepicker a.back-to-profile:hover { background: #DCE4EA; }
.datepicker a.back-to-profile:hover .icon { opacity: 0.75; }
.datepicker select { font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.667; font-size: 14px; border-radius: 4px; background-color: rgb(255, 255, 255); height: 42px; padding: 0 12px; border: 0px solid transparent; margin: 0px 4px 0 0px; width: inherit; }
.datepicker select:focus, .datepicker select:active, .datepicker select:hover { outline: 0; }
.datepicker select option { font-size: 14px; }
.datepicker a { padding: 7px 10px 12px 10px; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.2; font-size: 14px; text-decoration: none; }
.datepicker a.active { border-bottom: 5px solid #50b848; padding: 7px 10px; }
.datepicker a.back-to-today { display: inline-block; width: 32px; height: 32px; border: 1px solid #fff; border-radius: 4px; text-indent: -9999px; background: url('../images/ico-back-to-today.svg') center center no-repeat; }
.datepicker a.back-to-today:hover { background: rgb(231, 233, 237) url('../images/ico-back-to-today.svg') center center no-repeat; }
.datepicker a.back-to-today.is-disabled,
.datepicker a.back-to-today.is-disabled:hover { cursor: default; opacity: 0.5; background: transparent url('../images/ico-back-to-today.svg') center center no-repeat; }
.daytime-btn { display: none; }
.mobile-daytime-btn { display: block; border-bottom: 0px solid transparent!important; font-size: 24px!important; line-height: 1.667px; }
.user-select { margin: 0 0 0 10px!important; display: none; }
.calendar-top, .month-calendar {
	max-width: 1920px;
	padding-left: 0px!important;
	padding-right: 0px!important; }
.calendar-top { width: 100%; background-color: #eff3f6; overflow: hidden; margin-top: -3px; }
.calendar-top-bar { display: block; }
.calendar-top-bar li { float:left; padding-right: 20px; }
.calendar-top-bar.pull-left { margin: 13px 0 0 30px!important; }
.calendar-top-bar label, .calendar-footer-bar label { font-size: 15px; font-family: "Source Sans Pro", sans-serif; color: rgb(43, 43, 46); }
.add-icn { background: url(../images/add-icn.svg) 0 0 no-repeat; height: 24px; width: 24px; background-size: 24px 24px; display: block; margin-top: 0px; }
.plate-numbers { clear: both; overflow-y: scroll; background-color: #fff; border-radius: 3px; border-width: 1px; border-color: rgb(231, 233, 237); border-style: solid; padding: 0; }
.plate-numbers ul.plate-numbers-list { padding-top: 5px; padding-bottom: 5px; }
.plate-numbers ul.plate-numbers-list li { font-size: 12px; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.6; padding-left: 10px; padding-right: 10px; width: 100%; }

.plate-numbers:hover { position: relative; overflow: visible; }
.plate-numbers:hover ul.plate-numbers-list { position: absolute; border: 1px solid rgb(231, 233, 237); z-index: 9999; background: #fff; border-radius: 2px; top: -1px; left: -1px; right: -1px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25); }
.plate-numbers:hover ul.plate-numbers-list li:hover { cursor: pointer; color: rgb(14, 156, 87); }

.calendar-comments {
	margin-left: 10px;
	background-color: #fff;
	border-radius: 3px;
	border-width: 1px;
	border-color: rgb(231, 233, 237);
	border-style: solid;
	padding: 0;
}

.calendar-comments .table-striped tbody tr:nth-of-type(odd) {
	background-color: #f9fafb;
}

.calendar-comments table {
	margin-bottom: 0;
	border-collapse: collapse;
}

.calendar-comments table tr td,
.calendar-comments table tr th {
	border: none;
	padding: 4px 8px;
	vertical-align: middle;
}

.calendar-comments table tbody tr td {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 13px;
	line-height: 1.2;
	color: #424c5d;
	text-align: left;
}

.calendar-comments table thead a {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	color: rgb(14, 156, 87);
	line-height: 1.5;
	font-weight: 600;
}

.calendar-comments table tbody tr td a {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 13px;
	color: rgb(14, 156, 87);
	line-height: 1.2;
	font-weight: 400;
	margin: 0 5px;
}

.calendar-comments table tbody tr td:first-child {
	font-weight: 600;
	width: 100px;
}

.calendar-comments table tbody tr td:last-child {
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

textarea {resize: none!important; }
a { outline: 0px!important; }
.comments-section { margin: 0 10px 10px 10px; overflow: visible; clear: both; display: none; }
.calendar-footer-bar { clear: both; padding: 25px 30px 10px; overflow: auto; display:none; margin: 0; background-color: #eff3f6; }
.calendar-footer-bar li { float: left; padding-right: 30px; }
.filter-btn { display: block; background-color: #50b848; text-align: center; padding: 0px!important; text-align: center!important; }
.filter-btn a { display: block; color: #fff; padding: 22px 22px 23px 22px }
.filter-btn a:focus, .filter-btn a:hover { text-decoration: none; }
.calendar-dates .calendar-row-label { text-align: center!important; padding: 22px 22px 12px 0px; font-weight: 700; font-family: "Source Sans Pro", sans-serif; width:136px!important; }
.calendar-dates, .month-calendar { background-color: #fff; width: 100%; background-color: white; }
.calendar-dates .calendar-body, .month-calendar .calendar-body { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; }
.calendar-dates .calendar-body { height: 58px; margin-bottom: 0px!important; }
.calendar-dates.calendar-daily .calendar-body { height: 86px; margin-bottom: 0px!important; }
.calendar-dates .calendar-day, .month-calendar .calendar-day { border-bottom: solid 1px #e7e9ed; border-left: 1px solid #e7e9ed; background-color: #fff; height: 42px; width: 100px; }
.calendar-dates .calendar-day a:hover,
.month-calendar .calendar-day a:hover { color: #50b848; text-decoration: none; }
.calendar-dates .calendar-day { text-align: center; padding: 3px 0; font-size: 16px; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 20px; height: 30px; }
.calendar-dates.calendar-daily .calendar-day { height: 58px; }

.calendar-day.last-mo { background: #fafafa; color: rgba(53, 64, 82, 0.4); }

.month-calendar a.calendar-day:hover { background: #fafafa; text-decoration: none; color: #50b848; }
.calendar-dates .calendar-row, .month-calendar .calendar-row { display: inline-flex; }
.calendar-dates .calendar-row-label .monthly-label { padding-top: 10px;padding-bottom: 13px; }
.daily-label {display: block; font-size: 14px; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.286; text-align: center; text-align: right; }
.daily-row { padding: 2px 5px 3px 0px!important; }

.calendar-day .daily-label { text-align: center; }
.calendar-day .daily-label:first-child { margin-top: -6px; }
.calendar-dates .calendar-row-label, .month-calendar .calendar-row-label { width: 136px; text-align: left; padding-left: 4px; margin-right: -1px; }
.calendar-dates { border-bottom: solid 2px #e7e9ed; }

.calendar-dates .calendar-row-label.quickadd,
.month-calendar .calendar-row-label.confirmed.quickadd { background: #E2E8ED; }

.month-calendar .calendar-row-label.quickadd { background: #EFF3F6; border-bottom: 1px solid #fff; }

.calendar-row-label.quickadd a.add-trip,
.calendar-row-label.confirmed.quickadd a.add-trip { display: inline-block; width: 16px; height: 16px; background: #3491FF url('../images/quickadd_action.svg') 0 0 no-repeat; border-radius: 2px; text-indent: -9999px; position: absolute; top: 13px; right: 13px; }

.calendar-row-label.quickadd a.add-trip:hover,
.calendar-row-label.confirmed.quickadd a.add-trip:hover { background: #086DE4 url('../images/quickadd_action.svg') 0 0 no-repeat; } 

.calendar-row-days .calendar-day.daily-statuses {  }

.calendar-row-label.confirmed { background-color: #FFF9D0; }
.calendar-row-label { border-left: 1px solid #e7e9ed; }
.calendar-dates .calendar-row .calendar-row-days,
.month-calendar .calendar-row .calendar-row-days { position: relative; float:left; display: flex; width: 1770px; overflow-y: none; margin-left: 135px; }
.month-calendar .calendar-row { clear: both; }
.month-calendar { overflow-x: auto; }
.month-calendar .calendar-row-label { padding-top: 4px; position: relative; padding-bottom: 4px; border-right: 1px solid #e7e9ed; }
.month-calendar .calendar-row-label:last-child { border-bottom: solid 1px #e7e9ed }
.month-calendar .calendar-row-label a {}
.calendar-row-label .label-text { font-weight:600; font-size: 12px; font-family: "Source Sans Pro", sans-serif; color:#000; display: block; }
.calendar-row-label .label-text:last-child { font-weight: 400; clear: both; }
.calendar-row-label .label-text a:hover { color: #50b848;; text-decoration: none; }
.calendar-row-label .has-sublevels { display: inline-block; width: 100%; height: 34px; }
.calendar-row-label .has-sublevels:before { content: ""; display: inline-block; width: 24px; height: 24px; background: url('../images/ico_has_sublevels.svg') 0 0 no-repeat; margin: 4px 0 0 4px; }



.calendar-header-label { display: block; height: 30px; margin-top: 0px; }
.calendar-header { background-color: rgb(53, 64, 82); z-index: 1002; text-align: center; width: 100%; display: block; clear: both; position: absolute; }
.calendar-header a {font-size: 16px; font-family: "Source Sans Pro", sans-serif; color: rgb(255, 255, 255); line-height: 1.2; padding: 6px 0 6px 0; }


.arrow-icn-w { background: url(../images/arrow-icn-white.svg) 0 0 no-repeat; height: 9px; width: 16px; background-size: 16px 9px; display: inline-block; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 20px; }
a.collapsed .arrow-icn-w { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.arrow-icn-b { background: url(../images/arrow-icn-black.svg) 0 0 no-repeat; height: 9px; width: 16px; background-size: 16px 9px; display: inline-block; -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-left: 20px; }
a.collapsed .arrow-icn-b { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.calendar-header a:hover, .calendar-header a:focus { text-decoration: none; color: #fff; }
.rent-bus { color: red; text-transform: uppercase; position: absolute; right: 4px; top: 2px; }
.calendar-dates .red-line { position: absolute; bottom: 0px; z-index: 1; height:66px; border-left: 1px solid red; } 
.month-calendar .calendar-row { position: relative; } 
.month-calendar .red-line { position: absolute; bottom: 0px; z-index: 999; height: 100%; border-left: 1px solid red; }
.calendar-container .table-tabs {display: block; margin-bottom: 4px; }
.comments-panel { background-color: #fff; padding: 20px; margin: -4px 0 0 0; }
.comments-panel table td { display: block; text-align: left; padding: 0 30px!important; }
.comments-panel table td:last-child { text-align: left!important; line-height: 1.2; padding-bottom: 20px!important; } 
.comments-panel table td:first-child { padding-top: 12px!important; }
.comments-panel .btn-green { text-align: center; margin-bottom: 10px; }
.comments-panel .calendar-comments { margin: 0px -20px 0 -20px; height: 100%; overflow: hidden; max-height: initial; border: 0px solid transparent!important; }
.comments-panel .plate-numbers-list { text-align: center; width: 100%; }
.comments-panel .plate-numbers-list li { padding: 5px 0; }
.comments-panel .calendar-top-bar { display: block; }
.comments-panel .calendar-top-bar li { float:none; text-align: center; padding: 5px 0px; }

/*CALENDAR date arrows*/

.arrow-next { flex-shrink: 0; background: url(../images/arrow-next-a.svg) 0 0 no-repeat; height: 11px; width: 18px; background-size: 18px 11px; display: block; float: left; margin: 16px 0px 0 6px; transform: rotate(270deg); -webkit-transform: rotate(270deg); padding: 0px!important; }
.arrow-prev { flex-shrink: 0;  background: url(../images/arrow-next-a.svg) 0 0 no-repeat; height: 11px; width: 18px; background-size: 18px 11px; display: block; float: left; margin: 16px 14px 0 2px; transform: rotate(90deg); -webkit-transform: rotate(90deg); padding: 0px!important; }
.arrow-next.disabled { cursor: default; flex-shrink: 0;  background: url(../images/arrow-next.svg) 0 0 no-repeat; height: 11px; width: 18px; background-size: 18px 11px; display: block; float: left; margin: 16px 0px 0 6px; transform: rotate(270deg); -webkit-transform: rotate(270deg); padding: 0px!important; }
.arrow-prev.disabled { cursor: default; flex-shrink: 0;  background: url(../images/arrow-next.svg) 0 0 no-repeat; height: 11px; width: 18px; background-size: 18px 11px; display: block; float: left; margin: 16px 14px 0 2px; transform: rotate(90deg); -webkit-transform: rotate(90deg); padding: 0px!important; }

/* Calendar-Filter-Modal */

.calendar-modal .modal-dialog { margin-top: 60px; }
.calendar-modal select { display: block!important; width: 100%; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.2; font-size: 15px; border-color: rgb(91, 93, 95); border-radius: 4px; height: 37px; margin: 0px 0 25px 0!important; padding: 0 10px; }
.calendar-modal .modal-body { padding: 15px; }
.calendar-modal .add-group-column { padding: 0 10px; }
.calendar-modal .icon-arrow { margin: -54px 0 0 -5px; }
.calendar-modal .magic-checkbox+label:after { width: 10px; height: 16px; }
.calendar-modal .magic-checkbox+label:before { height: 25px!important; width: 25px!important; }
.calendar-modal .magic-checkbox+label { padding-left: 35px!important; margin-bottom: 25px; }
.user-modal .group-checkbox-inline { display: inline-block; padding: 0 10px; margin-bottom: 0px; }
.user-modal .group-checkbox-inline li { float: left; }
.user-modal .group-checkbox-inline .form-group { margin-right: 0px; width: 65px; margin-bottom: 0px; }

/* Calendar-right-click-menu */

.rmenu-icn6 { background: url(../images/rmenu-icn6.png) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: left; margin: 0 22px 0 10px; }
.rmenu-icn1 { background: url(../images/rmenu-icn1.png) 0 0 no-repeat; height: 20px; width: 14px; background-size: 14px 20px; display: block; float: left; margin: 0 22px 0 12px; }
.rmenu-icn2 { background: url(../images/rmenu-icn2.png) 0 0 no-repeat; height: 9px; width: 22px; background-size: 22px 9px; display: block; float: left; margin: 0 16px 0 10px; }
.rmenu-icn3 { background: url(../images/rmenu-icn3.png) 0 0 no-repeat; height: 13px; width: 19px; background-size: 19px 13px; display: block; float: left; margin: 0 18px 0 11px; }
.rmenu-icn4 { background: url(../images/rmenu-icn4.png) 0 0 no-repeat; height: 14px; width: 13px; background-size: 13px 14px; display: block; float: left; margin: 0 21px 0 14px; }
.rmenu-icn5 { background: url(../images/rmenu-icn5.png) 0 0 no-repeat; height: 17px; width: 13px; background-size: 13px 17px; display: block; float: left; margin: 0 22px 0 14px; }

.rmenu-icn7 { background: url(../images/rmenu-icn7.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: left; margin: 0 22px 0 10px; }
.rmenu-icn8 { background: url(../images/rmenu-icn8.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: left; margin: 0 22px 0 10px; }
.rmenu-icn9 { background: url(../images/rmenu-icn9.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: left; margin: 0 22px 0 10px; }

.rmenu-icn10 { background: url(../images/locked.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: left; margin: 0 22px 0 10px; }

.context-menu { display: none; position: absolute; top:auto; left: auto; right: auto; bottom:auto; z-index: 99999; padding: 12px 0; width: 200px; background-color: #fff; border: solid 1px #dfdfdf; box-shadow: 1px 1px 2px #cfcfcf; }
.context-menu--active { display: block; }
.context-menu__items { list-style: none; margin: 0; padding: 0; }
.context-menu__item { display: block; margin-bottom: 4px; }
.context-menu__item:last-child { margin-bottom: 0; }
.context-menu__link { text-align: left; display: block; padding: 6px 12px; line-height: 1.2; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); font-size: 14px; text-decoration: none; }
.context-menu__link:hover { text-decoration: none; }
.task__content { padding: 0 0px 0 0; text-align: center; }

.context-menu__items.dropdown-menu { z-index: 99999999999!important; left: initial; right: 0; top: 52px; box-shadow: 1px 1px 2px #cfcfcf!important; -webkit-box-shadow: 1px 1px 2px #cfcfcf!important; border: solid 1px #dfdfdf; width: 200px; padding: 12px 0; border-radius: 0px; }
.right-click-dropdown {
	float: right;
	height: 21px;
	width: 5px;
	display: block;
	margin: 7px -25px 0 0;
	padding: 10px; /* Adjust the padding as needed */
	background: url(../images/cal-mob-nav.svg) center center no-repeat;
	background-size: contain;
}
.empty-state { width: 100%; display: flex; background: white; height: 200px; margin-top: 130px; position: relative; min-width: 1920px; align-items: center; }
.empty-state span { position: fixed; left: 0; right: 0; width: 100%; display: flex; margin: 0 auto; justify-content: center; } 

.calendar-body { display: flex; }
.calendar-body .row { margin-left: 0; margin-right: 0; }
.calendar-body .calendar-wrapper-column {  }
.calendar-body .calendar-rows {  }
.calendar-body .calendar-rows .calendar-row .calendar-row-days { margin-left: 0; }

.event.fuelcontrol .task__content { overflow: hidden; }
.event.fuelcontrol .task__content .calendar-badge { text-indent: 0px; }
.event.fuelcontrol .task__content .hidden { text-indent: -9999px; }
.event.fuelcontrol .task__content .event-text-bottom { display: none; }


/* BUS */

.extras-column { width: 50%; float: right; z-index: 333; display: block; }
.extras-list { display: inline-block; margin-bottom: 0px; position: absolute; right: 0px; top: 10px; margin-top: 40px; }
.extras-list li { clear: left; float: left; margin-right: 15px; margin-bottom: 12.5px  }
.extra-1 { background: url(../images/extra-icn1.png) 0 0 no-repeat; height: 21px; width: 15px; background-size: 15px 21px; display: block; }
.extra-2 { background: url(../images/extra-icn2.png) 0 0 no-repeat; height: 21px; width: 21px; background-size: 21px 21px; display: block; }
.extra-3 { background: url(../images/extra-icn3.png) 0 0 no-repeat; height: 20px; width: 13px; background-size: 13px 20px; display: block; }
.extra-4 { background: url(../images/extra-icn4.png) 0 0 no-repeat; height: 20px; width: 20px; background-size: 20px 20px; display: block; }
.extra-5 { background: url(../images/extra-icn5.svg) 0 0 no-repeat; height: 14px; width: 20px; background-size: 20px 14px; display: block; opacity: 0.1; margin-top: 6px; }
.extra-1.active { background: url(../images/extra-icn1-a.png) 0 0 no-repeat; height: 21px; width: 15px; background-size: 15px 21px; display: block; }
.extra-2.active { background: url(../images/extra-icn2-a.png) 0 0 no-repeat; height: 21px; width: 21px; background-size: 21px 21px; display: block; }
.extra-3.active { background: url(../images/extra-icn3-a.png) 0 0 no-repeat; height: 20px; width: 13px; background-size: 13px 20px; display: block; }
.extra-4.active { background: url(../images/extra-icn4-a.png) 0 0 no-repeat; height: 20px; width: 20px; background-size: 20px 20px; display: block; }
.extra-5.active { background: url(../images/extra-icn5.svg) 0 0 no-repeat; height: 14px; width: 20px; background-size: 20px 14px; display: block; opacity: 1!important; margin-top: 6px; }
.bus-table b { text-align: left; clear: both; font-size: 15px; }
.bus-table a { font-size: 18px; color: rgb(0, 97, 255); line-height: 1.5; clear: both; line-height: 1.5!important; float: none; }
.bus-table p { clear: both; color: #354052!important; line-height: 1.5!important; margin: 0px!important; font-size: 15px; }
.bus-table td { color: #354052!important; vertical-align: middle!important; font-size: 15px; }
.bus-table a:hover, .bus-table a:focus { text-decoration: none; }
.bus-table tr:nth-child(even) {background: #f2f2f2; }
.bus-table tr:nth-child(odd) {background: white; }
.bus-table tr td { background-color: transparent; }
.bus-table tr { clear: both; overflow: unset; }
.bus-table tbody tr { padding-top: 10px!important; position: relative; }

/* BUS TABLE TABS*/

.bus-mobile-search { width: initial; background: #f2f2f2; padding:5px 20px 10px 20px!important; margin: -5px -20px 0px -20px; }
.bus-mobile-search input { display: block; width: 100%; border: 1px solid #96979a; }
.bus-mobile-search input:focus, .bus-mobile-search input:hover { display: block; width: 100%; border: 1px solid #96979a; }
.bus-mobile-search .icon-search { margin: -25px 15px 0 0px!important; }
.bus-scrollbar { display: flex; overflow-x: scroll; margin-top: 10px; }
.bus-scrollbar .btn-green { float: none!important; margin-left: 0px!important; margin-bottom: 13px; }
.bus-tabs { border-bottom: 0px solid transparent; margin: 0 0 0 0px; padding: 0px 0px 0 0px; display: flex; float: none!important }
.bus-tabs li.active a:focus, .bus-tabs li.active a, .bus-tabs li.active a:hover, .bus-tabs li a:hover, .bus-tabs li a { background-color: transparent; border: 0px solid transparent; }
.bus-tabs li { float:none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0 40px 0 0px; display: inline-block; }
.bus-tabs li.active { border-bottom: 5px solid #50b848!important; padding: 0px 0px 0px 0px; }
.bus-tabs li a { padding: 10px 0px 15px 0px; margin: 0px; font-size: 14px; white-space: pre; }
.tabs-scrollbar { max-width: 100%; display: -webkit-inline-box; overflow-x: scroll; margin-bottom:-5px; margin-top: 10px; }
.tabs-scrollbar .btn-green { float: none!important; margin-left: 0px!important; }
.scroll-tabs { float: none!important; display: flex!important; border-bottom: 0px solid transparent; margin: 0 0 0 0px; clear: both; text-align: center; }
.scroll-tabs li { float: none; display: inline-block; padding: 0px 10px 0px 10px; margin: 0 0px 0 14px; }
.scroll-tabs li.active a:focus, .scroll-tabs li.active a, .scroll-tabs li.active a:hover, .scroll-tabs li a:hover, .scroll-tabs li a {background-color: transparent; border: 0px solid transparent; white-space: nowrap; }
.scroll-tabs li.active {border-bottom: 5px solid #50b848!important; }
.scroll-tabs li a { padding: 10px 0px 15px 0px; color: #354052!important; }
.search-tabs { display: none; }
.drivers-name { clear: both; float: none!important; display: block; margin-left: 34px; font-size: 15px!important; }
.drivers-name:nth-child(1) {margin-left: 0px; }
.slot-column {z-index: 33; }
.slot-column p, .slot-column span { float: left; clear: none!important; font-weight: 400; line-height: 1.3!important; padding-right: 5px; }
.phone-icn { background: url(../images/phone-icn.png) 0 0 no-repeat; height: 21px; width: 18px; background-size: 18px 21px; display: block!important; float: left!important; margin-right: 15px!important; margin-bottom: 20px!important; }
.driver-icn { background: url(../images/driver-icn.png) 0 0 no-repeat; height: 21px; width: 19px; background-size: 19px 21px; display: block; float: left; margin-right: 15px; }
.phone-column a, .phone-column span { clear: none!important; float: left; font-weight: 400; line-height: 1.3!important; padding-right: 5px; font-size: 15px; }

/* Alerts */

.alert-failure { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: rgb(177, 55, 55); line-height: 1.2; border-radius: 4px; background-color: rgb(253, 228, 228); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.21); display: block; margin: 0 auto; padding: 7.5px 40px; text-align: center; }
.alert-event { display: flex; left: 0px; right: 0px; position: fixed; z-index: 999999; top: 65px; }
.alert-success { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: rgb(55, 177, 72); line-height: 1.2; border-radius: 4px; background-color: rgb(228, 253, 232); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.21); display: block; margin: 0 auto; padding: 7.5px 40px; text-align: center; }
.alert-catastrophic { border: 1px solid #CE7F8B; color: #871717; background: #FF9999;}
.alert-catastrophic a { color: #871717; }

/* Manager-table */

.manager-table { margin: 0 65px!important; width: initial!important; }
.manager-table th { text-align: center; }
.manager-table table tr:nth-child(even) td { color: #f49d9d; text-align: center; }
.manager-table table tr:nth-child(odd) td { color: #354052; text-align: center; }
.manager-sum { display: flex; margin: 0 65px 0 65px; justify-content: space-between; flex-wrap: wrap; }
.manager-sum-box { background-color: #ffffff; text-align: center; border: rgb(230, 234, 238) solid 1px; border-radius: 4px; padding: 15px 0px; margin-top: 20px; width: 189px; }
.manager-sum-box b { font-weight: 600; font-size: 24px; color: rgb(53, 64, 82); line-height: 1.667; }
.manager-sum-box p { margin: 0 0 0 0; font-weight: 400; line-height: 1.571;  color: rgb(127, 143, 164); font-size: 14px; }

/*OVERVIEW*/

.overview-content .overview-header { background: #ffffff; margin-left: -10px; margin-right: -10px; margin-bottom: 15px; }
.overview-content .header-mobile-row { border-top: 1px solid #e7e9ed; display: flex!important; justify-content: space-between; padding-left: 15px!important; padding-right: 15px!important; margin-left: 10px!important; margin-right: 10px!important; }
.overview-content { width: 100%!important; padding-left: 0; padding-right: 0px; }
.overview-content .header-mobile-row h1 { font-size: 18px; width: initial; float: none; }
.overview-content .button-row { text-align: center!important; padding-top: 20px; }
.overview-content .button-row a { padding: 0 10px; }
.overview-content .overview-row.header-row { padding-top: 15px; padding-left: 25px; padding-right: 25px; background-color: white!important; display: block; width: initial!important; overflow: auto; padding-bottom: 10px; margin-left: -10px; margin-right: -10px; margin-top: -15px;  }
.overview-content .overview-row.header-row-secondary { display: none!important; }
.overview-content .header-row-secondary p.gray-text { text-align: right!important; padding-bottom: 8px; }
.overview-content .header-row-secondary h1 { text-align: right!important; width: initial!important; float: right; }
.overview-content .footer-row { margin-bottom: 0px; }
.overview-content .footer-row p { margin-bottom: 15px; }
.overview-content .overview-column:nth-child(2) { border-left: 0px solid #e7e9ed; padding-left: 0px; } 
.overview-content .overview-column:nth-child(1) { padding-right: 0px; }
.overview-content .overview-column .overview-row:last-child { margin-bottom: 0px; }
.overview-content .col-md-6, .overview-content .col-sm-4, .overview-content .col-sm-8, .overview-content .col-sm-6, .overview-content .col-sm-5, .overview-content .col-sm-7, .overview-content .col-sm-12 { padding: 0px; position: relative; }
.overview-content p.gray-text { font-size: 16px!important; line-height: 1.375; color: #7f8fa4!important; font-weight: 400; }
.overview-content p { font-size: 16px; line-height: 1.375; color: rgb(53, 64, 82); margin-bottom: 0px; }
.overview-content h1 { font-size: 24px; color: rgb(53, 64, 82); margin: -2px 0 0 0; }
.overview-content h2 { font-size: 18px; color: rgb(53, 64, 82); line-height: 1.667; margin: 0px; }
.overview-content a { font-size: 16px; line-height: 1.375; color: #0061ff; font-weight: 600!important; }
.overview-content a:hover { text-decoration: none; }
.thin-text { font-weight: 400; }
.overview-content .driver-img { float: left; height: 47px; width: 47px; margin-right: 20px; background-size: 47px 47px; display: block; }
.overview-content .btn-green { color: white }
.overview-content .extras-list { float: right; position: initial; display: inline-block; margin-top: 0px; }
.overview-content .extras-list li { clear: none; margin-bottom: 0px; }
.overview-content .extras-list li:last-child { margin-right: 0px; }
.overview-content .overview-row { clear: both; width: 100%; margin-bottom: 10px; display: inline-block; padding-left: 15px; padding-right: 15px; }
.overview-content-main { background-color: #fff!important; padding: 15px 10px 20px 10px; width: 100%; margin-bottom: 30px; overflow-y: auto; overflow-x: hidden; }
.overview-content-main h1 { margin-left: 0px; float: left; width: 74% }
.overview-content-main h2 { margin-left: 0px; float: left; width: 75% }
.overview-content-main a { text-align: right; }
.overview-content-main p.gray-text { clear: both; text-align: left!important; width: initial; }
.overview-content-main p { text-align: right; }
.overview-content .button-row a { width: initial; }
.overview-content-secondary { position: relative; width: 100%!important; background: white; padding: 30px 30px 30px 30px!important; margin-bottom: 30px; margin-right: 0px!important; text-align: center; overflow: auto; border-width: 1px; border-color: rgb(230, 234, 238); border-style: solid; border-radius: 4px; }
.overview-content-secondary h1 { margin-bottom: 30px; }
.overview-content-secondary select { margin-bottom: 5px; font-size: 14px; color: rgb(53, 64, 82); width: initial; margin-right: 10px; border-radius: 4px; background-color: #ffffff; outline: 0; border-color: #8b8d8e; box-shadow: none; height: 37px; }
.overview-content-secondary p { margin-bottom: 10px; }
.overview-content-secondary p.gray-text { margin-bottom: 10px; }
.overview-content-secondary p.bold-font { font-size: 18px; margin-bottom: 20px; }
.overview-content-secondary p.info-text { transform: translate(-50%, -50%); top: 55%; left: 50%; position: absolute; }
.overview-content-secondary p.horisontally-aligned { display: block; }
.overview-box-row { display: block; }
.overview-content .release-year { display: none!important; }
.overview-content .btn-wrapper { display: -webkit-inline-box; }
.overview-content .btn-wrapper .btn-green { margin: 10px 5px; }
.overview-content .overview-content-secondary .btn-wrapper .btn-green { position: initial; margin-left: 10px; bottom: 0; }
.overview-content .overview-content-secondary .btn-green { position: absolute; bottom: 25px; margin-left: -60px; }
.overview-content .overview-content-secondary .form-group { display: flex; justify-content: center; }
.overview-content .overview-content-secondary .form-group .gray-text { margin-bottom: 0px!important; margin-top: 6px!important; margin-right: 10px; }
.overview-content .extra-works { width: 100%; }
.overview-content .extra-works tr:first-of-type { border-top: 0px solid #EAECEF!important; }
.overview-content .extra-works tr td:last-of-type { padding-right: 8px; }
.overview-content .extra-works tr { border-top: 1px solid #EAECEF; }
.overview-content .extra-works tr td { padding: 10px 0; vertical-align: middle!important; width: 60px!important; }
.overview-content .extra-works tr td p.gray-text { font-weight: 400!important; font-size: 14px!important; margin-bottom: 0px!important }
.overview-content .table-scroll { overflow-y: auto; max-height: 400px; border-top: 1px solid #EAECEF; border-bottom: 1px solid #EAECEF; margin-bottom: 20px; }
.overview-content .extra-works tr td:first-of-type { width: initial!important; }

/*LOGS*/

.navbar-bullet { margin-top: 0px; margin-left: 0px; margin-right: 0px; clear: both; margin-bottom: 10px; float: left!important; display: block; }  
.logs-table { width: 100%!important; margin-left: auto!important; margin-right: auto!important; }
.logs-table.table-container  { padding: 0 0 0 0px!important; }
.filter-body { text-align: center; background: #eff3f6; padding: 25px 25px 25px 25px; width: 100%; margin-bottom: 0px; }
.filter-body .datepicker { display: inline-flex; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; width: 100%; clear: both; }
.filter-body select { margin-right: 0px!important; margin-bottom: 10px!important; }
.filter-body .datepicker select { width: initial; margin-right: 10px!important; }
.filter-body .datepicker select:nth-child(3) { margin-right: 0px!important; }
.filter-body .datepicker .overflow-string { width: 100%; }
.filter-body select { width: 100%; font-weight: 400; height: 36px; font-size: 14px; line-height: 1.2; font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.667; border-radius: x; background-color: rgb(255, 255, 255); outline: 0px; border: 0px solid transparent; margin: 0px 10px 0 0px; padding-right: 10px!important; }
.filter-body input { border-radius: 4px; font-weight: 400; float: left; width: 140px; height: 36px; font-size: 14px; padding: 10px 15px; color: black; font-family: 'Source Sans Pro', sans-serif; border: 0px solid transparent; outline: 0px; margin-right: 0px; margin-bottom: 10px; }
.filter-body button.dropdown-toggle { border: 0px solid transparent; color: #000000; margin-right: 10px!important; }
.filter-body .filter-checkbox { margin-left: 10px; margin-right: 10px; align-items: center; width: initial!important; justify-content: flex-start; margin-top: 5px; margin-bottom: 10px; display: -webkit-box; clear: both; }
.filter-body .filter-checkbox .form-group { margin-right: 10px; display: inline-table; width: 0; float: left; margin-bottom: 0px; }

.filter-body select, .filter-body input { float: none!important; }


.magic-checkbox+label:before { background-color: white; }
.logs-table td:nth-child(1) { width: 50%; float: left; }
.logs-table td:nth-child(2) { text-align: right!important; }
.logs-table td:last-child { padding: 6px!important; }
.logs-table tr { border-top: 1px solid #ffffff; border-bottom: 0px solid transparent!important; background: transparent!important; padding: 0 20px!important; margin-top: 0px!important; }
.logs-table td { padding: 12.5px 5px!important; font-weight: 400; font-size: 16px; color: rgb(53, 64, 82); border-bottom: 0px solid transparent!important; background-color:transparent!important; } 
.logs-table a.btn-table { margin-top: -52px; position: absolute; right:5px; color: black!important; text-align: left!important; float: right; border-color: #ffffff!important; width: 140px; }
.logs-table.table-container .menu-dropdown { right: 5px!important; top: -5px; }
.filter-body .form-group { margin-bottom: 0px; display: flex; width: 100%; }
.filter-body .form-group input { width: 100%; }
.filter-body .btn-green { padding: 7px 42px!important; margin-left: 10px; margin-bottom: 10px; }
.filter-header-label { display: inline-block; height: 60px; }
.filter-header-label { display: block; height: 60px; }
.filter-header-label .icon-dropdown { display: inline-block; float: none; margin-top:0px; height: 7px; }
.filter-header { background-color: #354051; z-index: 1000; text-align: center; width: 100%; display: block; clear: both; position: absolute; }
.filter-header a {font-size: 16px; font-family: "Source Sans Pro", sans-serif; color: #ffffff; line-height: 1.2; padding: 22px 0 20px 0; }
.filter-header a:hover, .filter-header a:focus {text-decoration: none; }
.filter-header a.collapsed { background-color: #eff3f6; color: #000; }
.filter-header a .icon-dropdown { background: url(../images/dropdown-w.png) 0 0 no-repeat; width: 7px;  background-size: 7px 4px; display: inline-block; float: none; margin-top: 0px; height: 7px; }
.filter-header a.collapsed .icon-dropdown  { background: url(../images/dropdown.png) 0 0 no-repeat; width: 7px; background-size: 7px 4px; display: inline-block; float: none; margin-top: 0px; height: 7px; }
.filter-header a.collapsed:hover, .filter-header a.collapse:focus { text-decoration: none; }

/*INQUIRY*/

.label-approved { font-size: 21px!important; font-family: "Source Sans Pro", sans-serif; color: rgb(65, 173, 65); line-height: 2.5; text-transform: uppercase; }
.label-disapproved { font-size: 21px!important; color: rgb(255, 107, 107); font-family: "Source Sans Pro", sans-serif; line-height: 2.5; text-transform: uppercase; }
.inquiry-table .menu-dropdown { margin-top: 7px; text-transform: initial!important; left: 20px; right: 20px; }
.inquiry-table { width: initial!important; padding-top: 0px!important; }
.inquiry-table p, .inquiry-table b { display: inline-block; }
.inquiry-table b { font-size: 21px; margin-right: 10px }
.inquiry-table p { font-weight: 400; }
.inquiry-table p.thin-text { text-align: right; }
.inquiry-table td { clear: both; padding-left: 0px!important; padding-right: 0px!important; }
.inquiry-table tr { padding: 0 20px; }
.inquiry-table td { display: inline-block!important; }
.inquiry-table .btn-table { float: right; margin-top: 7px; }
.inquiry-table .drive-type { position: absolute; margin-top: -39px; background: transparent; width: 50%; }
.inquiry-table .label-approved .btn-table, .inquiry-table .label-disapproved .btn-table  { text-transform: initial; font-size: 16px; }
.inquiry-bar { background-color: #fedc32!important; }
.mobile-column-right { text-align: right!important; }

/*OFFER*/

.bordered-box { margin-bottom: 20px; padding: 20px 10px; border-style: solid; border-width: 1px; border-color: rgb(217, 222, 230); border-radius: 4px; margin-right: 0px; margin-left: 0px; background-color: #ffffff }
.bordered-box p { margin-top: 25px; font-weight: 400; font-size: 16px; }
.bordered-box b { margin-bottom: 0px; line-height: initial; }
.offer-content h1 { font-size: 36px; }
.offer-content .btn-green { display: table; margin-left: auto; margin-right: auto; float: none!important; margin-bottom: 0px; padding-left: 32px; padding-right: 32px; }
.offer-content .input-row { display: flex; width: 100%; clear: both; }
.offer-content .input-row .form-group:last-child { margin-right: 0px!important; }
.offer-content .input-row .form-group { margin-bottom: 0px!important; }
.offer-content h2 { font-size: 24px; }
.offer-content p { font-size: 16px; }
.offer-content b { font-size: 16px; }
.offer-content { width: initial; margin-left: -15px!important; margin-right: -15px!important; display: block; padding-right: 25px!important; padding-left: 25px!important; padding-top: 0px!important; padding-bottom: 0px; }
.offer-content .column-info { float: left; width: 100%; float: left; clear: both;  }
.offer-content .column-pictures { width: initial; clear: both; float: none; margin-left: -25px; margin-right: -25px; }
.offer-content .content-header { display: block; }
.offer-content .content-header label { clear: both; width: 100%; }
.offer-content .content-header input { width: 100%; margin-right: 0px; margin-bottom: 0px; }
.offer-content .content-header select { width: 100%; margin-right: 0px; margin-bottom: 15px; }
.offer-content .content-header .form-client, .offer-content .content-header .form-client select { width: 100%!important; }
.offer-content .content-header .form-size, .offer-content .content-header .form-size select { width: 100%!important; }
.offer-content .content-header .form-group { width: 100%; margin-right: 5px; }
.offer-content .content-header .form-group:last-child { width: 100%; margin-right: 20px; }
.offer-content .content-row label { margin-top: 0px; margin-right: 0px; float: left!important; display: block; }
.offer-content .content-row select { border: 1px solid rgb(218, 222, 230)!important; margin-top: 0px; margin-right: 0px; float: none; display: block; clear: both; width: 100%; margin-bottom: 20px; }
.offer-content hr { clear: both; }
.offer-content h1 { margin: 0px; line-height: initial; margin-bottom: 12px; border-left: 1px solid #e7e9ed; text-align: center!important; }
.offer-content .info-row { position: relative; margin-bottom: 5px; margin-bottom: 25px; }
.offer-content .info-row b { line-height: 0.5!important; }
.offer-content .magic-checkbox+label { margin-top: 0px; padding-left: 40px!important; padding-top: 5px!important; }
.offer-content .btn-gray { margin-top: -38px; margin-bottom: 16px; }
.offer-content .gray-text { font-weight: 400; margin-top: -25px; }
.offer-content .magic-checkbox+label:after { top:3px!important; left: 10px!important; width: 10px!important; height: 19px!important; }
.offer-content .magic-checkbox+label:before { width: 30px!important; height: 30px!important; background: #ffffff; }
.offer-content .content-body b { display: block; clear: none; margin-bottom: 10px; line-height: initial; margin-top: 5px; }
.offer-content .content-body h2 { margin: 0px; }
.offer-content .content-body .extras-list { margin-top: 12px; float: left; margin-left: auto; margin-right: auto; position: relative; display: inline-block; }
.offer-content .content-body .extras-list li { width: 30px; margin-right: 5px; margin-left: 5px; background-position: 50% 50%; clear: none; }
.offer-content .content-body .extras-list li p { color: #e5e5e5!important; clear: both; font-size: 12px; margin-top: 24px; text-align: center; }
.offer-content .content-body .extras-list li.active p { color: black!important }
.offer-content img { margin-bottom: 20px; width: 100%; height: auto; }
.offer-content select { width: initial; font-size: 14px; color: rgb(53, 64, 82); margin-right: 10px; border-radius: 4px; background-color: #ffffff; outline: 0; border-color: #8b8d8e; height: 36px; box-shadow: none; border: 1px solid rgb(218, 222, 230);}
.offer-content input { border: 1px solid rgb(218, 222, 230); border-radius: 4px; font-weight: 400; float: left; width: 140px; height: 36px; font-size: 14px; padding: 6px 12px; color: black; font-family: 'Source Sans Pro', sans-serif; outline: 0px; margin-right: 10px; } 
.offer-content .pen-icn { margin-top: -28px; }
.offer-content .content-background { background: #eff3f6; margin: 0px -25px 0 -25px; padding: 20px 25px;  }
.offer-content .col-sm-5.info-row { border-top: 1px solid #e7e9ed; padding-top: 15px; clear: both; }
.pen-icn { background: url(../images/pen-icn.png) 0 0 no-repeat; width: 16px; height: 16px; background-size: 16px 16px; display: block; }



/*Text-Editor*/

.ta-editor { margin-bottom: 15px!important; }
.ta-editor p, .ta-editor div, .ta-editor u, .ta-editor ul, .ta-editor ol, .ta-editor a, .ta-editor i  { font-weight: normal!important; }
.ta-editor b { font-weight: 600!important; } 
.btn-toolbar.ng-scope { margin-bottom: 10px!important; }

/*Offer*/

.overview-content .fixed-height { height: 560px!important; margin-right: 0px!important; width: 100%!important }
.overview-content .fixed-height:last-child { height: 560px!important; margin-right: 0px!important; }
.tab-divider { margin: 6px 0 6px 0; border-top: 1px solid #eaecef; }
.col-row .price-heading { color: #1b48ff!important; font-size: 14px!important; font-weight: 600; float: left; }
.col-row .price-heading:hover { text-decoration: underline; }
.overview-content-secondary { overflow-y: hidden; }
.overview-content-secondary h2 { padding-bottom: 12px; border-bottom: 1px solid #eaecef; }
.col-row { width: initial; border-bottom: 1px solid #eaecef; margin-left: 20px; margin-right: 20px; overflow: auto; padding: 22px 10px; }
.col-row p { margin: 0px; }
.col-row .mail-heading { outline: none; color: #293141; font-size: 18px; font-weight: 600; text-align: left; float: left }
.col-row .mail-heading:hover { text-decoration: underline; }
.col-row .mail-nr { border-radius: 2px; background-color: #eaecef; color: #808da1; font-family: "Source Sans Pro"; font-size: 13px; font-weight: 400; padding: 1px 8px; margin-left: 8px; }
.col-row .mail-date { color: #94a0b1; font-size: 15px; font-weight: 400; text-align: right; float: left; clear: both }
.col-row .mail-author { color: #94a0b1; font-size: 15px; font-weight: 400; text-align: left; float: left; clear: none; }
.overview-content .scroll-box { overflow-y: auto; height: 100%; margin: 0px -30px 0 -30px; padding: 0 30px 30px 30px; height: 484px; }

.mail-modal-content .modal-header { color: #293141; font-size: 20px; font-weight: 600; border-bottom: 1px solid #f5f6f8!important; padding-left: 25px; }
.mail-modal-content .modal-mailbox { width: 100%; height: initial; overflow-y: auto; padding: 0 30px; float: left }
.mail-modal-content a .icn-collapse { float: left; transform: rotate(180deg); -webkit-transform: rotate(180deg);  background: url(../images/icn-collapse.svg) 0 0 no-repeat; height: 5px; width: 8px; background-size: 8px 5px; display: block; margin-top: 9px; margin-right: 5px; margin-left: 5px; }
.mail-modal-content a.collapsed .icn-collapse { transform: rotate(0deg); -webkit-transform: rotate(0deg); float: left; background: url(../images/icn-collapse.svg) 0 0 no-repeat; height: 5px; width: 8px; background-size: 8px 5px; display: block; margin-top: 9px; margin-right: 5px; margin-left: 5px; }
.mail-modal-content .panel-title b { color: #293141; font-weight: 600; float: left; }
.mail-modal-content .panel-title { font-size: 15px; color: #99a3b5; font-weight: 400;   }
.mail-modal-content .panel-body { color: #293141; font-size: 14px; font-weight: 400; line-height: 25px; }
.mail-modal-content .panel-heading { padding: 18px 8px; overflow: auto; width: 100%; }
.mail-modal-content .panel-body { padding: 0px 8px 15px 8px; }
.mail-modal-content .modal-mailbox .mail-date { clear: both; float: left; color: #94a0b1; font-size: 15px; font-weight: 400;}
.panel-wrapper { border-bottom: 1px solid #f5f6f8; }
.mail-modal-content .gray-text { float: left; clear: both; float: left;  }
.mail-modal-content .icon-arrow { margin-top: -34px; }

.mediaquery { float: left }

.calendar-heading { overflow-x: hidden; overflow-y: hidden; display: block; position: absolute; z-index: 1004; left: 0px; right: 0px }

.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd { height: 27px; position: absolute; top: 61px; left: 1px; right: 0px; z-index: 1002; border-top: 1px solid #e7e9ed; text-align: center; }
.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd.monthly { top: 29px; }
.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd.monthly:before { margin-top: 7px; }
.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd:hover { background: #f9f9f9; }
.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-top: 4px; background: url('../images/quickadd_btn.svg') 0 0 no-repeat; }

.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd.active {  }
.calendar-heading .calendar-dates .calendar-wrapper-column a.quickadd.active:before { background: url('../images/quickadd_btn_act.svg') 0 0 no-repeat; }




.calendar-wrapper-column { left: 0px; position: absolute; z-index: 999; background: white; z-index: 1001; }
.calendar-wrapper-column .calendar-row-label { clear: both;}

/*Salaries*/

.salaries-table { background-color: white; max-width: 1870px; margin-left: auto; margin-right: auto; display: block; padding-left: 0px; padding-right: 0px; border: 1px solid #e6eaee; padding-top: 0px!important; margin-top: 90px; }
.salaries-table h1 { margin: 18px 22px 16px 0px; color: #293141; font-size: 20px; font-weight: 600; }
.salaries-table h1 .text-gray { font-weight: 400!important; color: #6c7c93; }
.salaries-table h2 { margin: 0px; padding-left: 8px; background-color: #eff3f6; display: inline-block; color: #283141; font-size: 16px; font-weight: 600; }
.salaries-table .btn-green { margin: 12px 0px 10px 0px; display: block; width: 100%; }
.salaries-table .table-header { width: 100%; padding: 0 10px; position: absolute; right: 0px; margin-top: -57px; background-color: white; }

.salaries-table .sticky-rows { clear: both; display: grid; grid-template-columns: 126px repeat(16, 1fr); grid-template-rows: repeat(2, auto); position: sticky; top: 70px; }

.salaries-table .sticky-rows .col { grid-row: 2 / 3; border-right: 1px solid #e6eaee; border-bottom: 1px solid #e6eaee; padding: 8px; background: #fff; }
.salaries-table .sticky-rows .col.has-border { border-right: 2px solid #C7CCD6; }
.salaries-table .sticky-rows .col.col-first { border-right: 1px solid #e6eaee; text-align: left; color: #354052; }
.salaries-table .sticky-rows .col.col-first .pri { font-weight: 700; text-align: left; }
.salaries-table .sticky-rows .col.col-first .sec { text-align: left; }
.salaries-table .sticky-rows .col.col-last { border-right: none; }

.salaries-table .sticky-rows .col.col-head { grid-column: span 1; grid-row: 1 / 2; border-bottom: 1px solid #e6eaee; background: #eff3f6; font-weight: 700; text-align: center; }
.salaries-table .sticky-rows .col.col-head:last-child { }
.salaries-table .sticky-rows .col.col-w { grid-column: span 4; }

.salaries-table .sticky-rows .col .pri,
.salaries-table .sticky-rows .col .sec { text-align: center; display: block; }
.salaries-table .sticky-rows .col .pri { text-align: center; font-weight: 700; }
.salaries-table .sticky-rows .col .sec { color: #6c7c93; }



.salaries-table .table-content-column { display: flex; width: 100%; background-color: white; }
.salaries-table .table-content-column.calendar-fixed { position: fixed!important; z-index: 200; left: 0; right: 0; overflow: hidden; border-bottom: 1px solid #e6eaee; top: 55px!important; }


.mquery { float: left; }
.salaries-table .table-content-column .column { padding: 8px 8px; border-right: 1px solid #e6eaee; }
.salaries-table .salarie-inputs .column-object { text-align: left; }
.salaries-table .salarie-inputs .column-row { border-bottom: 1px solid #e6eaee!important; }

.salaries-table .table-content-column { text-align: center; }
.salaries-table .table-content-column .column-header { font-size: 14px; color: #283141; font-weight: 600; display: block; }
.salaries-table .table-content-column .column-details { font-size: 14px; color: #6c7c93; font-weight: 400; display: block; line-height: 16px; }
.salaries-table input { outline: none; height: 34px; border: 1px solid #cbcbcb; border-radius: 4px; font-size: 16px; font-weight: 400; padding: 6px 12px 8px 12px; text-align: right; width: 100%; /*margin-left: 5px; margin-right: 5px;*/ }
.salaries-table .column-object { flex-shrink: 0; }
.salaries-table .column-object .column-label-name { width: 100%; border-bottom: 1px solid #e6eaee; padding: 6px 0px 6px 0!important; border-top: 1px solid transparent!important; }
.salaries-table .column-object:last-child .column-label-name { border-right: 0px solid transparent!important; }
.salaries-table .column-object:last-child .column-label-name.border-right, .salaries-table .column-object:last-child .column-label-name.border-left { border-right: 2px solid #C7CCD6!important; }

.salaries-table .table-content-column .column-object:nth-of-type(1) .column-label-name { width: 134px }

.salaries-table .border-right { border-right: #C7CCD6 2px solid!important; }
.salaries-table .border-left { border-left: #C7CCD6 2px solid!important; }
#stickyScroll .column-object:nth-child(1) { width: 126px; }
.salaries-table .column-object:nth-child(1) { border-left: red 0px transparent!important; width: 100%; }
.salaries-table .salarie-inputs .column-object:nth-of-type(1) .column-label-name { width: 100% }
.salaries-table .column-label { display: table-cell; }
.salaries-table .column-object .mquery .column-label { display: table-cell; }
.salarie-inputs .column-object .column-label { height: 50px!important; white-space: nowrap; }
.salaries-table .column-object .column-row { border-bottom: 0px solid #e6eaee; display: flex; }
.salaries-table .column-object .column-row.highlighted .column { background-color: #F8FBFD!important; }
.salaries-table .column-object .column-information { float: left; clear: both; padding: 15px 10px 15px 19px; width: 126px!important; /* position: absolute; left: 0;*/ background: white; }
.salaries-table .column-label-name { background-color: #eff3f6; width: 100%; display: block; }
.salaries-table .column-label-name .column-header { text-align: center!important; }
.salaries-table .column-object .column-label:first-of-type { flex-shrink: 0; background-color: white!important; /* position: absolute; left: 0; */ padding: 6px 8px 8px 8px;  }
.salaries-table .salarie-inputs .column-object .column-label:nth-of-type(2) { padding-left: 8px; padding-right: 8px; }

.salaries-table .salarie-top-bar { display: block; float: left; margin: 20px 0 5px 0px!important; width: 300px; }
.salaries-table .salarie-top-bar li { display: block; float: left; padding: 0 0 0 30px; }

.salaries-table .total-column-width .column-object:nth-of-type(1) .column-label-name { width: 229px!important; }
.salaries-table .total-column-width .column { width: 180px!important; text-align: right; color: #283141; font-size: 14px; font-weight: 400; border-bottom: 1px solid #e6eaee; padding: 4px 10px 4px 10px!important; }
.salaries-table .total-column-width .column-row .column:nth-of-type(1) { width: 230px!important; border-bottom: 1px solid #e6eaee; }
.salaries-table .total-column-width .column-row .column:nth-of-type(2) { width: 409px!important;  }
.salaries-table .total-column-width .column a { color: #196dff; font-size: 14px; font-weight: 400; }

.salaries-table .icn-add { background: url(../images/icn-add.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: right; margin-top: 2px; }
.salaries-table .icn-add:focus { outline: none; }
.salaries-table .detailed-column-width .column-object:nth-of-type(1) .column-label .column-header { font-weight: 400!important; }
.salaries-table .detailed-column-width .column-object:nth-of-type(1) .column-label-name { width: 119px!important; }
.salaries-table .detailed-column-width .column { width: 250px!important; color: #283141; font-size: 14px; font-weight: 400; padding: 15px 20px 13px 20px!important; border-bottom: 1px solid #e6eaee; }
.salaries-table .detailed-column-width .column-row .column:nth-of-type(1) { width: 120px!important; border-bottom: 1px solid #e6eaee; }
.salaries-table .detailed-column-width .column-row .column:nth-of-type(2) { width: 369px!important; padding-left: 139px!important; }
.salaries-table .detailed-column-width .column-row .column .text-gray { color: #6c7c93; }
.salaries-table .detailed-column-width .detail-row { background-color: #f8fafd!important; }
.salaries-table .detailed-column-width .detail-row .column:nth-of-type(1) { background-color: #ffffff; border-bottom: 1px solid #ffffff; }
.salaries-table .detailed-column-width .column-object .column-row:last-of-type .detail-row .column:nth-of-type(1) { background-color: #ffffff!important; border-bottom: 1px solid #e6eaee!important; }


.salaries-table .table-total .column-object .column-row { border-bottom: 0px solid transparent!important; }
.table-total .detailed-column-width .column:nth-of-type(1) { background-color: transparent!important; border-bottom: 0px solid #ffffff!important; border-right: 0px transparent solid; }
.table-total .detailed-column-width .column { border-bottom: 0px solid transparent; border-right: 0px solid transparent; }
.table-total .total-column-width .column.highlighted { background-color: #eff3f6; border-top: 0px solid #e7e9ed; border-bottom: 1px solid #e7e9ed; border-right: 1px solid #e7e9ed;}
.table-total .total-column-width .column.border-right { border-right: 1px solid #e7e9ed!important; } 
.table-total .total-column-width .column.highlighted.border-top { border-top: 1px solid #e7e9ed!important; } 
.table-total .detailed-column-width .column.highlighted { background-color: #eff3f6; border-top: 0px solid #e7e9ed; border-bottom: 1px solid #e7e9ed; border-right: 1px solid #e7e9ed;}
.table-total .detailed-column-width .column.border-right { border-right: 1px solid #e7e9ed!important; } 
.table-total .detailed-column-width .column.highlighted.border-top { border-top: 1px solid #e7e9ed!important; } 
.table-total .detailed-column-width .column.no-border-right { border-right: 0px solid #e7e9ed!important; } 
.table-total .detailed-column-width a { color: #196dff; font-size: 14px; font-weight: 400; }
.table-total .detailed-column-width .text-bold, .table-total .total-column-width .text-bold { color: #283141; font-size: 14px; font-weight: 600; }

.salaries-table .icn-new-window { background: url(../images/icn-new-window.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; float: right; margin-top: 2px; margin-left: 5px; }
.salaries-table .datepicker { margin-top: 0px; padding: 0px; }
.salaries-table select { font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.667; font-size: 14px; background-color: rgb(255, 255, 255); height: 42px; padding: 0 12px; margin: 0px 10px 0 0px; width: initial; border-radius: 3px; border: 1px solid #e7e9ed; }
.salaries-table select:focus, .salaries-table select:active, .salaries-table select:hover { outline: 0; }
.salaries-table select option { font-size: 14px; }
.salaries-table .detailed-column-width.mquery.table-content-column { margin-top: 225px; }


.salaries-modal-content input[type="text"]:first-of-type { margin-right: 8px; }
.salaries-modal-content table { border: 0px #e7e9ed solid; width: 100%; margin-top: 0px; }
.salaries-modal-content table input { border-radius: 4px; border: 1px solid #8b8d8e; background-color: #fff; color: #999; font-size: 13px; font-weight: 400; margin-bottom: 0px; padding: 12px 12px 12px 12px; }
.salaries-modal-content table tr { border-bottom: 1px #e7e9ed solid; display: block; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
.salaries-modal-content table tr:last-of-type { border-bottom: 0px solid transparent; margin-bottom: -20px; }
.salaries-modal-content table tr td { padding: 0px; border-right: 0px solid #e7e9ed; } 
.salaries-modal-content table tr td:first-of-type { padding: 15px 15px 13px 0px; width: 100%; display: block; }
.salaries-modal-content table tr td:last-of-type { border-right: 0px solid #8b8d8e; width: 100%; display: block; margin-top: 15px; margin-bottom: 20px; } 
.salaries-modal-content table thead { display: none }

.salaries-modal-content table tr td:nth-of-type(2) { clear: both; } 

.salaries-modal-content .modal-body { padding: 20px; }
.salaries-modal-content .modal-body h1 { margin-bottom: 5px; margin-top: 25px; }
.salaries-modal-content .modal-header { padding: 20px; }
.salaries-modal-content .modal-footer { padding: 12px; padding-top: 0px!important; border-top: 1px solid #e5e5e5 }
.salaries-modal-content { width: 900px; }
.salaries-modal-content .btn-green {margin-top: 12px; margin-bottom: 0px; }
.salaries-modal-content h1 { color: #293141; font-size: 20px; font-weight: 600; float: left; margin: 0px; }
.salaries-modal-content label { width: 100%; text-align: left; margin-left: 10px; padding-bottom: 0!important; padding-top: 0px; }
.salaries-modal-content .short-row { width: 50px; }
.salaries-modal-content .short-row:nth-of-type(1) { margin-right: 0px; width: 50px; }
.salaries-modal-content .long-row { width: 100%; margin-left: 10px; margin-right: 0px!important; }
.salaries-modal-content .units { color: #283141; font-size: 14px; font-weight: 400; margin-left: 0px; }
.salaries-modal-content .icon-arrow { margin: -55px 0 0 10px; position: absolute; left: 0; }
.salaries-modal-content .no-placeholder .short-row:last-of-type { width: 85px; }
.salaries-modal-content a.close { margin: -73px -30px 0 0!important; }
.salaries-modal-content select { padding: 0 8px; font-weight: 400; border: 1px solid #8b8d8e!important; width: 100%; font-size: 13px; color: rgb(53, 64, 82); margin-right: 10px; border-radius: 4px; background-color: #ffffff; outline: 0; border-color: #8b8d8e; height: 34px; box-shadow: none; }
.salaries-modal-content	select:disabled, .salaries-modal-content select[disabled] { color: red!important; }
.salaries-modal-content .inputgroup label { margin-left: 0px; }
.salaries-modal-content .inputgroup .form-group { margin-left: 0px; margin-bottom: 20px; }
.salaries-modal-content .refuel { padding-right: 0px!important; }
.salaries-modal-content .ammount { margin-left: 10px!important; }


.fuel-table .datepicker { margin-top: 8px; padding: 0px; margin-bottom: 0px; width: initial!important; }
.fuel-table .datepicker p:first-of-type { margin-left: 20px; }
.fuel-table .datepicker p { margin-top: 12px; margin-right: 10px; }
.fuel-table select { font-family: "Source Sans Pro", sans-serif; color: rgb(53, 64, 82); line-height: 1.667; font-size: 14px; background-color: rgb(255, 255, 255); height: 42px; padding: 0 12px; margin: 0px 10px 0 0px; width: initial; border-radius: 3px; border: 1px solid #e7e9ed; }
.fuel-table select:focus, .fuel-table select:active, .fuel-table select:hover { outline: 0; }
.fuel-table select option { font-size: 14px; }
.fuel-table { background-color: white; max-width: 1870px; margin-left: auto; margin-right: auto; display: block; padding-left: 0px; padding-right: 0px; border: 1px solid #e6eaee; padding-top: 0px!important; overflow: auto; position: relative; margin-bottom: 80px; }
.fuel-table h1 { margin: 18px 22px 16px 0px; color: #293141; font-size: 20px; font-weight: 600; }
.fuel-table h1 .text-gray { font-weight: 400!important; color: #6c7c93; }
.fuel-table h2 { margin: 0px; padding-left: 18px; background-color: #eff3f6; display: inline-block; color: #283141; font-size: 18px; font-weight: 600; position: absolute; }
.fuel-table .btn-green { margin: 8px 0px 0px 0px; display: block; width: 100%; padding: 10px 16px 5px 16px }
.fuel-table .table-header { width: 100%; padding: 10px; background-color: white; display: flex }
.fuel-table .table-header p, .fuel-table .table-header h1 { flex-shrink: 0; }
.fuel-table .table-header .form-group { margin-bottom: 0px; margin-top: 20px; margin-right: 20px; margin-left: 10px; flex-shrink: 0;  }
.fuel-table .table-content-column { display: flex; width: 100%; background-color: white; }
.fuel-table .table-content-column.calendar-fixed { position: fixed!important; z-index: 200; left: 0; right: 0; overflow: hidden; border-bottom: 1px solid #e6eaee; top: 55px!important; }
.fuel-table td.no-background { background-color: white!important; border-bottom: 0px!important; }
.fuel-table .highlighted { background-color: #F8FAFD; }
.fuel-table .no-refuel { background-color: #FFF1F1!important; }
.fuel-table table { /*width: 1900px;*/ clear: both; }
.fuel-table table .mquery { float: none!important; text-align: left; }
.fuel-table thead { background-color: #EFF3F6; }
.fuel-table tr { width: 100%; vertical-align: middle!important; }
.fuel-table th { padding: 2px; color: #283141; font-size: 13px; font-weight: 600; border-bottom: 1px solid #e7e9ed; border-right: 1px solid #e7e9ed; text-align: center; background-color: #EFF3F6!important }
.fuel-table thead tr:first-of-type th { text-align: center }
.fuel-table td { padding: 2px; border-bottom: 1px solid #e7e9ed; border-right: 1px solid #e7e9ed; color: #283141; font-size: 13px; font-weight: 400; text-align: left; flex-shrink: 0; }
.fuel-table tr td:last-of-type, .fuel-table th:last-of-type { border-right: 0px solid #e7e9ed; }
.fuel-table td.border-right { border-right: 1px solid #e7e9ed!important; }
.fuel-table table a { color: #307CFF; font-size: 12px; font-weight: 400;}
.fuel-table table a:focus { color: #307CFF!important; outline: none; }
.fuel-table tfoot { background-color: #EFF3F6; }
.fuel-table tfoot td { font-weight: 600; padding: 0; }
.fuel-table input { display: block; margin-left: auto; margin-right: auto; margin-top: 0px; }
.fuel-table .negative { font-size: 14px; color: #DA251C; letter-spacing: 0; font-weight: 600; }
.fuel-table .positive { font-size: 14px; color: #50B848; letter-spacing: 0; font-weight: 600; }
.fuel-table .disabled td, .fuel-table .disabled a { color: #A8B0BD!important; pointer-events: none; cursor: default; }
.fuel-table .disabled td a.clickable { color: #307CFF!important; pointer-events: initial; cursor: pointer; margin-right: auto; margin-left: auto; text-align: center; }
.fuel-table tr.no-logs td { background-color: #F8FAFD!important; font-size: 14px; color: #A8B0BD; letter-spacing: 0; font-weight: 400!important; text-align: left; }
.fuel-table .max-width-col { width: 100%; }
.fuel-table td.no-bottom-border { border-bottom: 1px solid transparent!important; }

/*VISATABLE*/

.fuel-table .fixed-header { position: fixed; left: 0; right: 0; padding-left: 15px; padding-right: 15px; background: white; z-index: 2; top: 55px; padding-bottom: 10px; }
.fuel-table .fixed-header+table { margin-top: 126px; }
.fuel-table td { position: relative; }
.checkmark { background: url(../images/checkmark.svg) 0 0 no-repeat; height: 16px; width: 16px; background-size: 16px 16px; display: block; margin-left: -8px; position: absolute; left: 50%; }
.fuel-table .btn-green.hidden-element { display: none; }

.fuel-table th a { color: #354052; font-size: 13px; font-weight: 600; }
.fuel-table th a span.asc-icn,
.fuel-table th a span.desc-icn { margin: 0 4px 0 4px; }
.fuel-table th a:hover { color: #23527c; }

.ico-not-accept-print {
	display: none;
}

@media print {
	.tabs-scrollbar { display: none; }

	.fuel-table { margin: 0; padding: 0; }
	.fuel-table table { margin: 0; padding: 0; }

	.fuel-table table tbody {  }

	.fuel-table table tbody,
	.fuel-table table tfoot { border: 0px solid transparent!important; border-left: 1px solid #bababa!important; border-right: 1px solid #bababa!important; }
	.fuel-table table tbody+thead tr th,
	.fuel-table table tbody+tfoot tr th,
	.fuel-table table tbody+tfoot tr td { padding-top: 0px!important; }
	.fuel-table table td { font-size: 13px; padding: 10px 5px; border: 0px solid transparent!important; border-left: 0px solid #bababa!important; border-right: 1px solid #bababa!important; }
	.fuel-table table td.no-refuel { background-color: #FFF1F1!important; }
	.fuel-table table td a { font-size: 13px!important; }
	.fuel-table table td.positive,
	.fuel-table table td.negative { font-size: 13px; }
	.fuel-table-line {border-top: 1px solid #bababa!important;}
	.fuel-table-line-bottom {border-bottom: 1px solid #bababa!important;}

	.fuel-table table th { border-bottom: 2px solid #BABABA!important; border-right: 1px solid #BABABA!important; font-size: 13px; padding: 10px 5px; background: transparent!important; }
	.fuel-table table th:first-child { border-left: 1px solid #BABABA!important; }
	.fuel-table table { overflow: none!important; border-top: 1px solid #BABABA!important; }

	.visa-table table td {font-size: 11px!important; padding: 3px 4px!important;}

	* { border: 0px solid transparent!important;  }
	.fuel-table .fixed-header { display: none; }
	.fuel-table .table-header { display: none; }
	.fuel-table .fixed-header+table { margin-top: 0px; }
	.checkmark { background: url(../images/checkmark.svg) 0 0 no-repeat; height: 10px; width: 10px; background-size: 10px 10px; display: block; margin-left: 0px; position: absolute; left: 40%; }

	.salaries-table { position: static; border: 1px solid red; }
	.salaries-table .table-header { display: none; }
	.salaries-table .table-header .datepicker { }
	.salaries-table .table-header .datepicker select { }
	.salaries-table .table-header .salarie-top-bar { }
	.salaries-table .table-header .btn { display: none; }

	.salaries-table .table-content-column { }
	.salaries-table .table-content-column .column-object { }
	.salaries-table .table-content-column .column-object .column-row { }
	.salaries-table .table-content-column .column-object .column-row .column { }

	.checkmark { filter: none; -webkit-filter: grayscale(100%) brightness(75%) contrast(200%); -moz-filter: grayscale(100%) brightness(75%) contrast(200%); -ms-filter: grayscale(100%) brightness(75%) contrast(200%); -o-filter: grayscale(100%) brightness(75%) contrast(200%); }

	.hide-in-print { display:  none!important; }

	.ico-not-accept-print { display: inline-block!important; width: 10px; height: 10px;}

	/*Trips list print*/
	.trip-cell {
		background-color: #0e9c57;
		padding: 2px 2px!important;
		font-size: 12px!important;
	}
}




/*LOADER*/

#circularG { position: relative; width: 58px; height: 58px; margin: 0 auto 0 auto; display: block; top: 12.5px; }
.circularG { position:absolute; background-color:rgb(0,0,0); width:14px; height:14px; border-radius:9px; -o-border-radius:9px; -ms-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; animation-name:bounce_circularG; -o-animation-name:bounce_circularG; -ms-animation-name:bounce_circularG; -webkit-animation-name:bounce_circularG; -moz-animation-name:bounce_circularG; animation-duration:1.1s; -o-animation-duration:1.1s; -ms-animation-duration:1.1s; -webkit-animation-duration:1.1s; -moz-animation-duration:1.1s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; }
#circularG_1 { left:0; top:23px; animation-delay:0.41s; -o-animation-delay:0.41s; -ms-animation-delay:0.41s; -webkit-animation-delay:0.41s; -moz-animation-delay:0.41s; }
#circularG_2 { left:6px; top:6px; animation-delay:0.55s; -o-animation-delay:0.55s; -ms-animation-delay:0.55s; -webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; }
#circularG_3 { top:0; left:23px; animation-delay:0.69s; -o-animation-delay:0.69s; -ms-animation-delay:0.69s; -webkit-animation-delay:0.69s; -moz-animation-delay:0.69s; }
#circularG_4 { right:6px; top:6px; animation-delay:0.83s; -o-animation-delay:0.83s; -ms-animation-delay:0.83s; -webkit-animation-delay:0.83s; -moz-animation-delay:0.83s; }
#circularG_5 { right:0; top:23px; animation-delay:0.97s; -o-animation-delay:0.97s;-ms-animation-delay:0.97s; -webkit-animation-delay:0.97s; -moz-animation-delay:0.97s; }
#circularG_6 { right:6px; bottom:6px; animation-delay:1.1s; -o-animation-delay:1.1s; -ms-animation-delay:1.1s; -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s;}
#circularG_7 { left:23px; bottom:0; animation-delay:1.24s; -o-animation-delay:1.24s; -ms-animation-delay:1.24s; -webkit-animation-delay:1.24s; -moz-animation-delay:1.24s; }
#circularG_8 { left:6px; bottom:6px; animation-delay:1.38s; -o-animation-delay:1.38s; -ms-animation-delay:1.38s; -webkit-animation-delay:1.38s; -moz-animation-delay:1.38s; }

@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}

.circle-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-color: #FFE300; background-color: hsla(53, 100%, 50%, 0.9); z-index: 999999;}
.loader-wrapper { border-radius: 50%; background-color: white; height: 84px; width: 84px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -42px; }
.loader-wrapper span { text-align: center; display: block; margin: 0 auto; margin-top: 40px; font-weight: 400;  font-size: 16px; color: #000000; letter-spacing: 0; }


/*GLOBAL SEARHBOX*/

.tt-menu .tt-typed { font-weight: 700; }
.tt-menu { max-height: 400px; overflow: auto; padding: 0px; background-color: white!important; margin-top: 2px!important; }
.tt-menu .tt-dataset { display: flex; flex-direction: column; margin-bottom: 10px; }
.tt-menu .tt-dataset li { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
.tt-menu .tt-dataset:first-of-type h3 { border-top: 1px solid transparent!important; }
.tt-menu { width: 100%; background: #FFFFFF; border: 1px solid #D4D7DE; border-radius: 3px; }
.tt-menu h3 { font-size: 12px; color: #A0A3AA;letter-spacing: 0; line-height: 28px; font-weight: 300; margin: 0px 0 0 0px!important; padding: 6px 20px 6px 20px!important; border-top: 1px solid #ccc; pointer-events: none; }
.tt-menu .tt-selectable { font-size: 13px; color: #000000;letter-spacing: 0; line-height: 1; font-weight: 400; padding-left: 20px; padding-right: 20px; width: 100%; padding: 7px 20px; text-align: left; display: block; }
.tt-menu a.tt-selectable:hover { background-color: #f5f5f5!important; text-decoration: none; }
.desktop-search input { padding: 6px 28px 6px 12px; }
.desktop-search .dropdown-toggle { margin-left: 0px; }
.tt-menu .tt-dataset a.tt-selectable.tt-highlight { background-color: #4E8FFF!important; color: white!important; }
.tt-menu .tt-dataset a.tt-selectable.tt-highlight:hover { background-color: #4E8FFF!important; }

/*SUGGEST BOX*/

.dropdown-menu.inner li a:focus { outline: 0!important; box-shadow: none!important; }
.dropdown-menu.inner li.active a { background-color: #4E8FFF!important; font-size: 12px; color: #FFFFFF; letter-spacing: 0; line-height: 28px; font-weight: 400!important; margin-top: 0px!important; }
.dropdown-menu.inner li a { font-size: 12px; color: black; letter-spacing: 0; line-height: 28px; font-weight: 400; padding: 3px 16px!important; }
.dropdown-menu input { border: 1px solid #E7E9ED; background: #FFFFFF; border: 1px solid #E7E9ED; border-radius: 3px; padding: 12px 8px; }
.dropdown-menu input:focus { border: 1px solid #E7E9ED; }
.btn-group.bootstrap-select .dropdown-toggle { padding: 7px 25px 7px 12px }
.btn-group.bootstrap-select button:hover, .btn-group.bootstrap-select button:focus, .btn-group.bootstrap-select button:active { outline: 0px!important; background-color: white!important; }
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-color: white!important; box-shadow: inset 0 3px 5px rgba(0,0,0,.125)!important; }



.heading-md { font-size: 20px; color: #364052; letter-spacing: 0; font-weight: 700; }
.user-modal .heading-wrapper { padding: 10px 30px; border-bottom: 1px solid #F5F6F8; overflow: auto; }
.user-modal .heading-wrapper .btn-green { margin-bottom: 8px; margin-top: 12px; }
.user-modal .body-wrapper { padding: 0px 30px 30px 30px; overflow: auto; max-height: 500px; }
.full-row-table { width: 100%; margin-top: 30px; }
.full-row-table tbody { border-left: 1px solid #E7E9ED; width: 100%; border-right: 1px solid #E7E9ED; border-top: 1px solid #E7E9ED; }
.full-row-table tr { vertical-align: middle; }
.full-row-table td { border-bottom: 1px solid #E7E9ED; overflow: auto; vertical-align: middle; font-size: 14px; color: #354052; letter-spacing: 0; line-height: 36px; padding: 0 20px; }
.full-row-table th { font-weight: 700; font-size: 20px; color: #364052; letter-spacing: 0; vertical-align: middle; padding-bottom: 10px; }
.flexbox { display: flex; }
.full-row-table .flexbox { float: right; }
.missing { color: red!important; }


@media only screen and ( max-width: 767px ) {

	a.back-to-profile { background: #E2E9EE; display: flex; flex-wrap: nowrap; height: 32px;  border-radius: 4px; margin: 0 8px 0 -2px; padding-left: 8px; align-content: center; }
a.back-to-profile .txt { max-width: 90px; overflow: hidden; text-overflow: ellipsis; line-height: 13px; height: 16px;; } 
a.back-to-profile .icon { display: inline-block; background: url('../images/cross.svg') 0 0 no-repeat; background-size: 17px 17px; width: 17px; height: 17px; margin-right: 4px; opacity: 0.5; } 

	/* TABLE ONLY *//* USER TABLE *//* TABLE ONLY *//* USER TABLE *//* TABLE ONLY *//* USER TABLE */
	.table-container tbody
	.table-container table,  
	.table-container tbody, 
	.table-container th, 
	.table-container td, 
	.table-container tr { display: block; }
	.table-container td, .table-container th {padding: 5px 0 5px 0 }
	.table-container tr {margin-top: 10px; }

	/* Hide table headers (but not display: none;, for accessibility) */
	.table-container thead tr { position: absolute; top: -9999px; left: -9999px; }
	.table-container td { border: none; width: 100%; white-space: normal; text-align: left; }
	.table-container td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } 
	.table-container td:before { content: attr(data-title); }

	/* TABLE ONLY *//* USER TABLE *//* TABLE ONLY *//* USER TABLE *//* TABLE ONLY *//* USER TABLE */

}




/* DRAGABLE MODAL */
.jsPanel { }
.jsPanel .jsPanel-hdr { background: #eff3f6; padding: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
.jsPanel .jsPanel-hdr .jsPanel-hdr-toolbar { margin: 0 5px 0 8px; font-weight: 400; font-size: 12px; }

.jsPanel .jsPanel-hdr .jsPanel-headerbar .jsPanel-titlebar { }
.jsPanel .jsPanel-hdr .jsPanel-headerbar .jsPanel-titlebar .jsPanel-title { font-size: 24px; font-family: 'Source Sans Pro', sans-serif; font-variant: normal; }
.jsPanel .jsPanel-hdr .jsPanel-headerbar .jsPanel-controlbar {}


.jsPanel-replacement { border-top: 1px solid #e7e9ed; border-right: 1px solid #e7e9ed; border-left: 1px solid #e7e9ed; }
.jsPanel-replacement .jsPanel-hdr .jsPanel-headerbar .jsPanel-titlebar .jsPanel-title { font-variant: normal; font-size: 14px; }

.jsPanel .jsPanel-content {
	height: 100%;
	overflow: hidden!important;
}


.dragable-modal-content { padding: 20px; position: relative; top: 0; left: 0; right: 0; bottom: 0; background: #fff; }
.dragable-modal-content.bus-select { min-width: 480px; }
.dragable-modal-content.bus-select ul.nav-pills { margin-bottom: 20px; }

ul.nav-pills-centered { display: flex; justify-content: center; }

@media (max-width: 640px) {
	.nav-pills-centered {
		display: block!important;
		text-align: center;
		white-space: nowrap;
		overflow-x: auto;
	}
}

ul.nav-pills-centered li { padding: 0 5px; }
ul.nav-pills-centered li a { padding: 1px 6px; font-size: 14px; color: #2365ff; border-radius: 2px; }
ul.nav-pills-centered li a:hover { background: transparent; text-dcoration: underline; }
ul.nav-pills-centered li.active a { background: #2365ff; color: #fff; }
ul.nav-pills-centered li.active a:hover { background: #2365ff; }

.has-search .form-control-feedback { right: 0; left: initial; color: #ccc; text-indent: -9999px; background: url('images/search.svg') center center no-repeat; }
.has-search .form-control { padding-right: 34px; padding-left: 12px; }
.search-query:focus + button { z-index: 3; }

.selected-value { margin-bottom: 20px; background: #F8FBFD; border: 1px solid #e6eaee; border-radius: 4px; padding: 6px 8px; }
.selected-value .lbl { font-size: 15px; display: block; color: #354052; }
.selected-value .lbl a { color: #2365ff; }
.selected-value .val { font-size: 16px; }
.selected-value .val.lg { font-size: 24px; line-height: 24px; }

h3 { font-size: 15px; color: #354052; } 
ul.items-list { border: 1px solid #ccc; border-radius: 2px; height: 200px; overflow-y: auto; margin-bottom: 24px; }
ul.items-list li { font-size: 14px; font-weight: 400; display: flex; border-bottom: 1px solid #eff3f6; padding: 6px 8px; margin-top: 2px; }
ul.items-list li .value {  }
ul.items-list li .value .secondary { color: #ccc; font-weight: 400; }
ul.items-list li a.action { color: #2365ff; margin-left: auto; }

ul.items-list li a.chief,
ul.items-list li .chief { display: inline-block; width: 16px; height: 16px; margin-right: 6px; margin-top: 2px; border: 1px solid #C2D3DF; text-indent: -9999px; border-radius: 50%; justify-self: flex-start; }


ul.items-list li a.chief { background: url('../images/ico_chief.svg') 0 0 no-repeat; }
ul.items-list li a.chief:hover { background: url('../images/ico_chief_hover.svg') 0 0 no-repeat; border: 1px solid #92A7B7; }

ul.items-list li span.chief { background: #A7B9C7 url('../images/ico_chief_active.svg') 0 0 no-repeat; border: 1px solid #A7B9C7; }


.add-driver { display: flex; }
.add-driver select.choose-driver { background: #fff; margin: 0 5px 0 0; border: 1px solid #DEE1E7; border-radius: 4px; height: 34px; font-weight: 300; padding-left: 5px; padding-right: 5px; outline: none; font-size: 14px; width: 100%; }

@media only screen and (min-width: 767px) {

	.logo { margin: 100px auto 0 auto; }
	.login-menu { padding: 42px 25px; }
	.btn-green { padding: 7px 35px; }

	/* NAV */
	.navbar-toggle { margin-left:-15px; }
	.navbar-collapse { max-height:500px!important; }
	.icon-arrow { margin: -78px 0 0 10px; }
	.navbar-nav { margin: 0px 0px; }
	.navbar-nav li { }
	.navbar-nav li a { padding-left: 4px; padding-right: 4px; }
	.navbar-nav li a .txt { font-size: 12px; }
	.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }

	/* NAV MENU DROPDOWN */ 

	.btn-white-dropdown { margin: 15px 0 0 0px!important; left: 0; right: initial; left: 0px!important ; top: 50px!important; }

	/* BODY */

	.visible-phone { display: none!important; }
	.hidden-phone { display: block!important; }
	.navbar-push { padding-top: 75px; } 
	/* BODY */

	.user-modal .modal-content { border-radius: 4px;margin-top: 0px; }

	/* USER TABS */

	.table-tabs { clear: none; text-align: none; } 
	.table-tabs li { float:left; margin: 0px 24px 0 0px; }
	.table-tabs li a { margin: 0 0px 0 0px; } 
	.tab-buttons { width: initial; margin-left: 0; margin-right: 0; display:block; margin: 0 0px 21px 0px; }
	.tab-buttons a { width: auto; margin: 0 0 0 5px }
	.table-container tr { border-bottom: #e7e9ed 1px solid; padding: 0 0px; margin: 0 0px; }
	.table-container tr:nth-child(2) { border-top: #e7e9ed 1px solid!important; }
	.table-container tr:last-child { border-bottom: #e7e9ed 1px solid!important; }
	.user-modal .tab-pane { overflow: initial; }
	.search-client li { display: inline-block!important; }
	
	.clients-table p { display:block; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color: #d3d5d9; text-align: left; line-height: 2.5; margin-top:15px; float: left;} 
	.clients-table-header .dropdown-menu li { display: block!important; }
	.clients-table-header li { display: block; text-align: left; position: relative; }
	.clients-table-header li .icon-search { margin: 5px 0 0 0!important }
	.clients-table-header .select-box { width: 271px; margin: 0 21px 0 0px!important; }
	.clients-table-header .datepickers { width: 97px; margin-right: 12px; display:-webkit-inline-box }
	.clients-table-header .btn-green { margin-left: 0px; padding-left: 18px; padding-right: 18px; display: inline-block; }
	.clients-table-header input { margin-bottom: 0px; }
	.clients-table-header label { margin-left: 9px; }
	.clients-table-header .black-checkbox { display: inline-block; }
	.clients-table-header .datepickers-box input:last-child { margin-right: 12px; }

	/* Table */
	.table-container tr { border-bottom: #e7e9ed 1px solid; padding: 0 10px; margin: 0 -15px; }
	.table-container { border-radius: 4px; margin-right:0px; margin-left:0; padding: 15px 30px 15px 30px; width: 100%; }
	.table-container th, .table-container td { border-bottom: 1px solid #e7e9ed; }
	.table-container td, .table-container th { padding: 15px 0 !important; }
	.icon-mail { float: none; margin-right: auto; }
	.icon-lock { float: none; margin-right: auto; }
	.icon-unlocked { float: none; margin-right: auto; }

	/* PRICE TABLE */
	
	.in-pricetable { margin-bottom: 0px!important; display: -webkit-inline-box!important; float: left!important }
	.in-pricetable .btn-green { margin-left: 0px!important; margin-bottom: 0px; } 
	.in-pricetable .datepickers-box { margin-bottom: 0px }

	.top-button-bar { background-color: transparent!important; margin: 0 0 17px 0px!important; padding: 0px!important; display: block; height: 60px }
	.top-button-bar .btn-green { float: right!important; display: inline-block; clear: none; margin-top: 26px; }
	.top-button-bar .btn-white { display: inline-block; text-align: left; margin-bottom: 0px; margin-right: 12px; margin-top: 24px; width: initial; }


	.table-container .menu-dropdown { left: initial!important; right: initial!important; }
	.price-table tr { margin: 0 0px; padding-bottom: 0px; }
	.price-table td { width: auto!important; margin: 0 10px; }
	.price-table .date-column { width: auto; float: initial; z-index: 33 }
	.price-table .slots-column { text-align: left; }
	.price-table .btn-table { text-align: left; }

	.pricetable-header-label { display: none; }
	.pricetable-body.collapse { display: block!important; }
	.pricetable-body .mobile-flex-price-row-header { display: none!important; }
	.flex-name-box p { font-weight: 400; margin-bottom: 0px; float: left; font-size: 16px; padding-top: 0px; line-height: 1.8!important; clear: both; }
	.flex-name-box { background-color: #eff3f6; width: 40px; display: block; color: rgb(53, 64, 82); padding: 10px 7px;  margin-bottom: 0px; margin: 0 12px 0 0!important; padding-left: 0px!important; text-align: center; }
	
	/* MODAL */

	.user-modal { padding-left:0px!important; padding-right: 0px!important;background: rgba(10,10,10,0.85); }

	/* MODAL TABS*/
	.modal-tabs { border-bottom: 0px solid transparent; background:transparent; margin: 0 0 0 0; display: initial; padding: 0 0px; }
	.modal-tabs li a:focus, .modal-tabs li a:hover { background: rgba(256,256,256,0.561)!important; outline: 0px!important; border-color: #FFF9D0!important }
	.modal-tabs li.active a, .modal-tabs li.active a:focus, .modal-tabs li.active a:hover { border: 0px solid #ffffff; opacity: 1; background: #ffffff!important; }
	.modal-tabs li.active { opacity: 1; border-bottom: 0px!important; margin: 0px; padding: 0px; display: initial; margin-right:2px }
	.modal-tabs li { background: rgba(256,256,256,0.561); margin-bottom: -4px!important; margin-right: 2px; border-radius: 4px; padding: 0px; }
	.modal-tabs li a { padding: 10px 40px 12px 40px;  opacity: 1; margin-right: 0px; }

	/* MODAL TAB1*/
	.modal-dialog .tabs-scrollbar { margin-bottom: 0px!important; display: flex; }
	.user-modal .modal-dialog { text-align:none; }
	.user-modal .content-form .offer-content { border: 0px solid transparent!important; width: 100%!important; }
	.user-modal .content-form .offer-content .column-info { width: 660px; }
	.user-modal .content-form .bordered-box { max-height: 200px; }
	.user-modal .content-form .offer-content .input-row { margin-right: 20px; }
	.user-modal .content-form .offer-content .magic-checkbox+label { margin-top: 28px; }

	/* MODAL TAB2*/

	.content-rights-list .btn-block { margin: 60px 0 0 0px!important; }
	.content-rights-list .subgroup { clear: both; margin-left: 140px; }
	.content-rights-list .group-label label { margin:0px!important; }
	.content-rights-list .black-checkbox+label { padding: 0px 0 0px 35px; margin: 15px 0px 0 25px; }
	.content-rights-list .add-group-column .form-group {width: initial; }
	.content-rights-list .add-group-column .add-group-input { width: 100%; margin-right: 0px; margin-left: 0px; }
	.content-rights-list .col-xs-12 label { padding-bottom: 0px; }
	.content-rights-list .col-xs-12 .group-label { width: initial; }
	.content-rights-list .col-xs-12 .group-label label { margin: 0px 0 0 0px; }
	.content-rights-list .pull-checkbox-right { text-align: none; }
	.content-rights-list .pull-checkbox-right .magic-checkbox+label:before { left: 0px; }
	.content-rights-list .pull-checkbox-right .magic-checkbox+label:after { left: 0px; }

	/* MODAL PRICE TABLE*/

	.price-modal .modal-tabs { display: none }
	.price-modal-content .modal-tabs { display: none }
	.price-modal h1 { font-size: 15px; font-weight: 600; margin: 0px 0 40px 0; display: block}
	.price-modal .btn-green { margin: -10px 0 0 0px; }
	.price-modal { width: 900px!important; }
	.price-modal a.close { margin: -73px -51px 0 0!important; display: block; }
	.price-modal .modal-body { padding: 30px 50px 25px 50px; }

	.price-modal select { width: initial; }
	.flex-name-box:nth-child(1) { display: block; min-width: 100px!important; text-align: left!important; margin: 0 12px 0 0; padding-left: 0px;  }
	.flex-name-box { background-color: #ffffff; position: initial; }
	.flex-price-row-header { display: inline-flex!important; }
	.flex-price-row { width: 100%; display: inline-flex; padding: 10px 0 10px 0; border-bottom: #e7e9ed 1px solid; }
	.flex-price-row .flex-price-box:nth-child(3) { margin-left: 12px!important; }
	.price-row {margin-bottom: 7px;}
	.flex-price-box-header { margin: 0 12px; }
	.flex-price-box-header:last-child { margin-right: 0px!important }
	.flex-price-box { margin: 0 12px; padding: 10px 6px 2px 6px; }
	.flex-name-box { padding: 10px 7px 2px 7px; }
	.pricetable-panel .form-group { display: block; }
	.pricetable-panel .btn-green { display: inline-block; width: initial; margin: 0px 0 0 0; float: right!important; }

	.price-modal-content { width: 355px!important; }
	.price-modal-content h1 { font-size: 15px; font-weight: 600; margin: 0px 0 40px 0; display: block; text-align: left; }
	.price-modal-content .modal-body { padding: 20px 50px 35px 50px; }
	.pricetable-panel { border-bottom: 0px solid #e7e9ed; padding-top: 0px;}
	.inline-row { display: inline-flex; clear: both; float: left; width: initial; }
	.filter-panel .inline-row.name-row { margin-bottom: 5px; display: inline-flex!important }

	/*NAV USER DROPDOWN*/

	.nav-dropdown {max-width: initial;}

	/*CALENDAR*/

	.month-calendar { margin-bottom: 200px; }
	.calendar-data-wrapper { margin-top: 64px; }
	.calendar-data-wrapper.calendar-daily { margin-top: 88px; }
	.calendar-container .table-tabs { display: none; }

	/*BUS*/

	.bus-table a { float: left!important; }
	.bus-table b { font-size: 16px }
	.bus-table p { font-size: 16px }
	.bus-table td { font-size: 16px; display: table-cell!important; }

	.table-container .bus-table tr:last-child  { border-bottom: #e7e9ed 1px solid!important; }
	.table-container .bus-table td { padding: 5px 0px!important; }
	.bus-table tr:nth-child(even) {background: white!important; }
	.bus-table tr:nth-child(odd) { background: white!important; }
	.table-container .bus-table td:nth-child(1) { float: none!important; z-index: 2; display: table-cell; width: initial; text-align: left; }
	.extras-column { width: initial; float: none; z-index: 333; display: table-cell; }
	.extras-list { margin-bottom: 0px; display: block; position: relative; margin-top: 0px; bottom: 0px; top: 0px; }
	.extras-list li { float: left; margin-right: 15px; margin-bottom: 0px; clear: none; }
	.slot-column p, .slot-column span { float: none; clear: both!important; font-weight: 400; padding-right: 5px; }
	.phone-icn { display: none!important; }
	.driver-icn { display: none; }
	.drivers-name { margin-left: 0px; font-size: 14px!important; }
	.bus-table a { font-size: 16px; }
	.phone-column a, .phone-column span { font-size: 14px; text-align: right; padding-right: 0px; float: none!important; }
	.phone-column a { color: black; }
	.bus-table tbody tr { padding-top: 0px!important; }

	/*OVERVIEW*/

	.overview-content .footer-row { margin-bottom: 10px }
	.overview-content .footer-row p { margin-bottom: 0px; }
	.overview-content .button-row { border-top: 1px solid #e7e9ed; }
	.overview-content .header-row { border-bottom: 1px solid #e7e9ed; display: block!important; border-bottom: 1px solid #e7e9ed; overflow: auto; padding: 0 0 12px 0!important; margin-top: 0px!important; margin-left: 0px!important; margin-right: 0px!important; width: 100%!important; }
	.overview-content .header-row-secondary { border-bottom: 1px solid #e7e9ed; display: none!important; margin-top: 0px; margin-left: 0px; margin-right: 0px; width: 100%!important; padding: 0 0 10px 0; }
	.overview-content { flex-wrap: wrap; justify-content: space-between; display: flex; width: 660px!important;  padding-left: 15px; padding-right: 15px; overflow: auto; }
	.overview-content .driver-img { float: left; margin-right: 10px }
	.overview-content-main { padding: 30px 30px 20px 30px; background-color: white!important; border-width: 1px; border-color: rgb(230, 234, 238); border-style: solid; border-radius: 4px; }
	.overview-content-main h1 { margin-left: 0px; float: left; width: 78% }
	.overview-content-main h2 { margin-left: 0px; float: left; width: 78% }
	.overview-content .overview-row { clear: both; width: 100%; margin-bottom: 10px; display: inline-block; padding-left: 0px; padding-right: 0px; }
	.overview-content-main a { width: 100%; text-align: right; }
	.overview-box-row { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.overview-content-secondary { position: relative; width: 300px!important; }
	.overview-content-secondary p.horisontally-aligned { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.overview-content .extras-list { float: right; }
	.overview-content .extras-list li:last-child { margin-right: 0px }
	.overview-content .overview-row.header-row-secondary { display: none!important; }
	.overview-content .header-mobile-row { border-top: 0px solid #e7e9ed!important; }
	.overview-content .overview-header .text-center p { text-align: center!important; }
	.overview-content .overview-header .text-left p  { text-align: left!important; }
	.overview-content .overview-header .text-right p  { text-align: right!important; }
	.overview-content .overview-content-secondary .form-group { display: flex; }
	.overview-content .overview-content-secondary .form-group .gray-text { margin-bottom: 10px!important; margin-top: 6px!important; margin-right: 0px; }
	.overview-content .overview-content-secondary .btn-green { position: initial; bottom: 0px; margin-left: 0px; }
	.overview-content-secondary p.info-text { transform: initial; top: 0; left: 0; position: initial; }

	/*LOGS*/

	.logs-table tr { border-top: 0px solid transparent; }
	.logs-table td { padding: 5px 0px; }
	.logs-table td:nth-child(1) { width: initial; float: none; }
	.filter-header-label { display: none; }
	.filter-body.collapse { display: block!important; }
	.filter-body .row { clear: both; width: 100%; display: flex; margin-bottom: 10px }
	.filter-body .row:last-of-type { margin-bottom: 0px; }
	.filter-body { margin-bottom: 65px; display: inline-flex; overflow-x: scroll; padding: 10px 30px 11px 30px; }
	.filter-body .btn-green { padding: 7px 42px!important; margin-left: 0px; }
	.filter-body .datepicker { margin-top: 0px; padding-left: 20px; padding-right: 30px; width: initial; clear: none; }
	.filter-body .datepicker select { width: initial; }
	.filter-body select { width: initial; margin-bottom: 0px!important; margin-right: 10px!important; }
	.filter-body .overflow-string { width: initial!important; }
	.filter-body input { width: initial!important; margin-left: 0px; margin-bottom: 0px; margin-right: 10px; }
	.filter-body .form-group { width: initial; }
	.filter-body .filter-checkbox { margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; }
	.filter-body .filter-checkbox .form-group { margin-top: 10px; }
	.filter-body select, .filter-body input { float: left!important; }
	.filter-body .btn-green { margin-bottom: 0px; }


	.navbar-bullet { clear: none; margin-bottom: 0px; margin-top: 7px; margin-left: -10px; } 
	.logs-table a.btn-table { position: initial; margin-top: 0px; }
	.logs-table.table-container .menu-dropdown { top: 50px!important; right: 20px!important; }
	.logs-table td:nth-child(2) { text-align: center!important; }

	/*INQUIRY*/

	.inquiry-table { width: 825px!important; margin-right: auto; margin-left: auto; padding-top: 5px!important; }
	.inquiry-table .drive-type { position: relative; width: initial; }
	.inquiry-table .label-approved { font-size: 16px!important; }	
	.inquiry-table .label-disapproved { font-size: 16px!important; }		
	.inquiry-table .label-approved .btn-table, .inquiry-table .label-disapproved .btn-table  { text-transform: initial; font-size: 16px; }
	.inquiry-table p, .inquiry-table b { display: block; float: initial; }
	.inquiry-table b { font-size: 16px; margin-right: 10px; }
	.inquiry-table p { font-weight: 400; }	
	.inquiry-table tr { padding-left: 0px; padding-right: 0px; }
	.inquiry-table p.thin-text { text-align: initial; display: block }
	.inquiry-table td { clear: initial; padding-left: 8px; padding-right: 8px; }
	.inquiry-table td { display: table-cell!important }
	.inquiry-table .btn-table { float: initial; margin-top: 0px; }
	.inquiry-bar { width: 825px; margin-left: auto!important; margin-right: auto!important; background-color: #fedc32!important }
	.mobile-column-right { text-align: left!important;}

	/*OFFER*/

	.bordered-box { max-height: 275px; overflow-x: auto; margin-bottom: 20px; padding: 22px 10px; border-style: solid; border-width: 1px; border-color: rgb(217, 222, 230); border-radius: 4px; margin-right: 0px; margin-left: 0px; }
	.bordered-box p { margin-top: 25px; font-weight: 400; font-size: 16px; }
	.bordered-box b { margin-bottom: 0px; line-height: initial; margin-top: 0px!important;  }
	.offer-content h1 { font-size: 48px; }
	.offer-content h2 { font-size: 36px; }
	.offer-content .input-row { display: flex!important; width: initial!important; clear: none!important; }
	.offer-content p { font-size: 16px; }
	.offer-content b { font-size: 16px; }
	.offer-content .btn-green { display: block; margin-left: auto; margin-right: auto; float: right!important; padding-left: 16px; padding-right: 16px;  }
	.offer-content { padding-bottom: 20px!important; width: 685px!important; margin-left: auto!important; margin-right: auto!important; display: block; padding-right: 25px!important; padding-left: 25px!important; padding-top: 20px!important }
	.offer-content .column-info { float: left; width: 440px; float: left; clear: none; }
	.offer-content .column-pictures { width: 193px; float: left; clear: none; margin-right: 0; margin-left: 0; }
	.offer-content .content-header { display: flex; }
	.offer-content .content-header label { clear: both; width: 100%; }
	.offer-content .content-header input { width: 81px; margin-right: 0px; margin-bottom: 0px; }
	.offer-content .content-header select { min-width: 100px; margin-right: 0px; margin-bottom: 0px; }
	.offer-content .content-header .form-client, .offer-content .content-header .form-client select { width: 210px!important; }
	.offer-content .content-header .form-size, .offer-content .content-header .form-size select { width: 100px!important; }
	.offer-content .input-row .form-client, .offer-content .input-row .form-size { width: 100%!important }
	.offer-content .content-header .form-group { width: 100%; margin-right: 20px; }
	.offer-content .content-header .form-group:last-child { width: 100%; margin-right: 20px; }
	.offer-content .content-row label { margin-top: 7px; margin-right: 15px; }
	.offer-content .content-row select { clear: none; width: initial; margin-bottom: 0px; }
	.offer-content hr { clear: both; }
	.offer-content h1 { margin: 0px; line-height: 0.7;  border-left: 0px solid #e7e9ed; text-align: right!important; }
	.offer-content .info-row { position: relative; margin-bottom: 5px; }
	.offer-content .info-row b { line-height: initial!important; margin-top: 0px!important; }
	.offer-content .magic-checkbox+label { margin-top: 3px; padding-left: 40px!important; padding-top: 5px!important; }
	.offer-content .btn-gray { margin-top: -38px; margin-bottom: 16px; }
	.offer-content .gray-text { font-weight: 400; margin-top: 16px; }
	.offer-content .magic-checkbox+label:after { top:3px!important; left: 10px!important; width: 10px!important; height: 19px!important; }
	.offer-content .magic-checkbox+label:before { width: 30px!important; height: 30px!important; }
	.offer-content .content-body b { display: block; clear: both; margin-bottom: 15px; line-height: 0.5; margin-top: 23px; }
	.offer-content .content-body h2 { margin: 0px; }
	.offer-content .content-body .extras-list { margin-top: 18px; float: right; margin-left: auto; margin-right: auto; clear: both; }
	.offer-content .content-body .extras-list li { width: 30px; margin-right: 5px; margin-left: 5px; background-position: 50% 50%; }
	.offer-content .content-body .extras-list li p { color: #e5e5e5!important; clear: both; font-size: 12px; margin-top: 24px; text-align: center; }
	.offer-content .content-body .extras-list li.active p { color: black!important }
	.offer-content img {margin-bottom: 20px; padding-right: 20px; }
	.offer-content select { border: 1px solid rgb(218, 222, 230)!important; width: initial; font-size: 14px; color: rgb(53, 64, 82); margin-right: 10px; border-radius: 4px; background-color: #ffffff; outline: 0; border-color: #8b8d8e; height: 34px; box-shadow: none; }
	.offer-content input { border: 1px solid rgb(218, 222, 230); border-radius: 4px; font-weight: 400; float: left; width: 140px; height: 36px; font-size: 14px; padding: 6px 12px; color: black; font-family: 'Source Sans Pro', sans-serif; outline: 0px; margin-right: 10px; } 
	.offer-content .pen-icn { margin-top: -28px; }
	.offer-content .col-sm-5.info-row { border-top: 0px solid gray; padding-top: 0px; clear: none; }
	.offer-content .content-background { background: transparent; margin: 0px 0px 0 0px; padding: 0 0px;  }

	.mail-modal-content	.modal-mailbox { width: 100%; height: 574px; }
	.col-row .mail-date { color: #94a0b1; font-size: 14px; font-weight: 400; text-align: right; float: none; clear: none; float: right; width: 115px }
	.col-row .mail-author { color: #94a0b1; font-size: 12px; font-weight: 400; text-align: left; float: left; margin-left: 0px; clear: both; }
	.col-row .mail-heading { color: #293141; font-size: 15px; font-weight: 600; text-align: left; float: left; }
	.col-row .mail-body { padding-left: 8px!important; padding-right: 8px!important; }	
	.col-row { margin-left: 0px; margin-right: 0px; padding: 0 }
	.offer-tab .col-row { padding: 24.5px 10px 24.5px 10px }
	.mail-tab .col-row { padding: 16px 10px; }
	.mail-modal-content .gray-text { float: left; clear: none; }
	.modal-mailbox .mail-date { clear: none; float: right; }
	.mail-modal-content .panel-body { padding: 0px 8px 15px 8px; }
	.calendar-top { margin-top: -25px; }
	.mediaquery { float: right }

	/*Salaries*/

	.salaries-table h1 { margin: 16px; color: #293141; font-size: 24px; font-weight: 600; float: left; }
	.salaries-table .btn-green { position: absolute; right: 0px; margin: 12px 12px 12px 0; display: block; width: initial; }
	.salaries-table .table-header { padding: 0 0px; margin-top: 0px; background-color: transparent; position: initial;}
	.salaries-table { margin-top: 75px; }
	.mquery { float: right; }
	.salaries-table .datepicker { margin-top: 0px; padding: 0px 20px; margin-bottom: 0px; }
	.salaries-table .salarie-top-bar { display: block; float: left; width: initial; }
	.salaries-table .detailed-column-width.mquery.table-content-column { margin-top: initial; }

	.salaries-modal-content .long-row { width: 100%; margin-left: 0px; }
	.salaries-modal-content .modal-footer { display: none; }
	.salaries-modal-content .modal-body { padding: 30px; }
	.salaries-modal-content .modal-header { padding: 20px 30px; }
	.salaries-modal-content h1 { color: #293141; font-size: 20px; font-weight: 600; float: left; margin: 20px 0 10px 0; }
	.salaries-modal-content table { border: 1px #e7e9ed solid; width: 100%; margin-top: 25px; }
	.salaries-modal-content table input { border-radius: 4px; border: 1px solid #8b8d8e; background-color: #fff; color: rgb(53, 64, 82); font-size: 13px; font-weight: 400; margin-bottom: 0px; padding: 12px 12px 12px 12px; }
	.salaries-modal-content table tr { border-bottom: 1px #e7e9ed solid; display: table-row; margin-left: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
	.salaries-modal-content table tr td { padding: 15px; border-right: 1px solid #e7e9ed; } 
	.salaries-modal-content table tr td:first-of-type { padding: 21px 15px 23px 15px; width: initial; width: 154px; }
	.salaries-modal-content table tr td:last-of-type { border-right: 0px solid #8b8d8e; width: initial; margin-top: 0px; margin-bottom: 0px; } 
	.salaries-modal-content table thead { display: table-header-group; }
	.salaries-modal-content table th { text-align: left!important; padding: 15px 15px 13px 15px; border-right: 1px solid #e7e9ed; border-bottom: 1px solid #e7e9ed; }
	.salaries-modal-content table tr th:first-of-type { width: 154px; }
	.salaries-modal-content table th:last-of-type { border-right: 0px solid #8b8d8e; } 
	.salaries-modal-content table .no-placeholder input::-webkit-input-placeholder { color: white!important; visibility: hidden; }
	.salaries-modal-content .no-placeholder .short-row:last-of-type { width: 50px; }
	.salaries-modal-content .inputgroup { display: flex; }
	.salaries-modal-content .inputgroup .form-group { margin-right: 10px; }
	.salaries-modal-content .inputgroup input { width: 249px!important; }
	.salaries-modal-content .refuel { padding-right: 15px!important; }
	.salaries-modal-content .ammount { margin-left: 0px!important; }
	.salaries-modal-content .inputgroup label { margin-left: 10px; }
	.salaries-modal-content .modal-body h1 { margin-bottom: 20px; margin-top: 0px; }

	/*FUEL*/

	.fuel-table h1 { margin: 16px 16px 16px 16px; color: #293141; font-size: 24px; font-weight: 600; float: left; }
	.fuel-table .btn-green { margin: 22px 20px 17px 0; display: block; width: initial; }
	.fuel-table .table-header { padding: 0 0px; margin-top: 0px; background-color: transparent; position: initial;}
	.fuel-table .datepicker { margin-top: 0px; padding: 20px 0px; margin-bottom: 0px; }
	.fuel-table table .mquery { float: none!important; text-align: center; }
	.fuel-table .table-header .form-group { margin-top: 30px;  }

	/*VISATABLE*/

	.fuel-table .fixed-header { position: fixed; left: 0; right: 0; padding: 0px!important; top: 67px; }
	.fuel-table .fixed-header+table { margin-top: 32px; }

	/* TRIP LOG */
	.trip-log { border-radius: 4px; border: 1px solid rgb(217, 222, 230); }
	.trip-log table { width: 596px; border-collapse: collapse; border-radius: 4px; background: rgba(53, 64, 82, 0.05); }
	.trip-log table thead { display: block; overflow: auto; color: #000; width: 596px; }
	.trip-log table tbody { display: block; height: 230px; overflow: auto; width: 596px; }
	
	.trip-log table thead th { border-bottom: 1px solid rgb(217, 222, 230); padding: .5em 1em; width: 194px; }

	.trip-log table tbody td { padding: .5em 1em; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(217, 222, 230); width: 200px; background: #fff; }
	.trip-log table tbody tr:last-child td { border-bottom: none; }


	.calendar-body { display: flex; flex-direction: column; }
	.calendar-body .calendar-wrapper-column {  }
	.calendar-body .calendar-rows {  }
	.calendar-body .calendar-rows .calendar-row .calendar-row-days { margin-left: 135px; }


	@media only screen and (min-width: 980px) {

		/* BODY */
		.visible-desktop { display: block!important; }
		.hidden-desktop { display: none!important; }
		.calendar-container .tab-content { padding: 0 16px; }
		/* NAV */

		.navbar-nav li { overflow: visible; }

		.navbar-brand { margin: 22px auto 0 auto!important; margin: 0 175px; }
		
		.navbar-nav li a { flex-direction: column; padding: 20px 15px 0 15px; }
		.navbar-nav li a .txt { font-size: 16px; }
		.navbar-nav li a .ico { display: inline-block; }
		.navbar-nav li a:hover .ico { display: inline-block; }
		.navbar-nav li a .icon-dropdown { margin: 0; }
		.navbar-nav li.dropdown ul.menu-dropdown { margin-left: 0px; font-size: 14px; }
		.navbar-nav li a .ico-calendar { }
		.navbar-nav li a .ico-compass { }
		.navbar-nav li a .ico-invoice { }
		.navbar-nav li a .ico-customer { }
		.navbar-nav li a .ico-bus { }
		.navbar-nav li a .ico-driver { }
		.navbar-nav li a .ico-documents { }
		.navbar-nav li a .ico-users { }
		.navbar-nav li a .ico-settings { }
		.navbar-nav li a:hover, .navbar-nav li a:focus { }
		.navbar-nav li.active { }

		.navbar-right li a.navbar-dropdown { margin-top: 14px; }

		/*CALENDAR ADDBUS MODAL */

		.addbus-modal .modal-dialog { width: 443px!important; }
		.addbus-modal .icon-search { margin: -17px 12px 0 0; }
		/* MODAL */

		.user-modal .tab-content { max-height: 675px; }
		.user-modal .price-modal .tab-content { max-height: none; }
		.user-modal .modal-dialog { width: 980px; }
		.user-modal .modal-dialog { border-radius: 4px; margin: 118px auto 0 auto; }
		.user-modal a.close { margin: -34px 10px 0 0; text-shadow:none; opacity: 1;font-size: 30px; display: block; }
		.icon-arrow { display: none;}

		/* MODAL TAB 1*/

		.content-form { padding: 30px 30px 55px 30px; }

		/* MODAL TAB 2*/

		.content-rights-list { padding: 25px 15px 0px 15px!important; } 
		.content-rights-list input, .content-rights-list label { margin: 0px 0 0 50px; }
		.content-rights-list .add-group-column .btn-green { display: inline-block!important; margin-left: 60px; }
		.content-rights-list .add-group-column .add-group-input { width: initial; }
		.content-rights-list .group-checkbox li:first-child { margin-left: 20px; }
		.content-rights-list .form-group { padding-right: 5px; }
		.content-rights-list .black-checkbox+label { padding: 0px 0 0px 35px; margin: 30px 0px 0 25px; }

		/* CLIENTS TABLE TABS*/

		.alphabet-tabs { border-bottom: 0px solid transparent; margin: 0 0 0 0px; padding: 0px 0px 0 50px; }
		.alphabet-button { display:initial; width: initial; }
		.alphabet-scrollbar { display: -webkit-box; display: -moz-box; display: box; }
		.alphabet-scrollbar { margin: 0; }

		.alphabet-tabs li a { padding: 10px 0px 15px 0px; text-transform: uppercase; margin: 0px; font-size: 16px; }
		.alphabet-tabs li { padding: 0 5.5px 0 5.5px}
		.alphabet-tabs li.active { padding: 0 5.5px 0 5.5px}
		.alphabet-detailed-tabs li a { padding: 10px 0px 15px 0px; margin: 0px; font-size: 16px;}

		/* CLIENTS TABLE*/

		.clients-table .clients-searchbox { width:270px; float: right; border-radius: 4px; margin:20px 0 0 0; }
		.clients-table .icon-search { margin: 30px -260px 0 0px; padding: 0px}
		.clients-table-header .btn-green { margin-left: 12px;  margin-bottom: 0px;  }
		.tabs-scrollbar { max-width: 100%; display: -webkit-inline-box; overflow-x: initial; margin-bottom:0px; margin-top: 0px; margin-left: 30px!important; }

		/* PAGINATION */

		.table-bottom-pagination ul { float: right; margin-right: 0px; }
		.pagination-align-center ul { float: none!important;  }

		/* BUS*/

		.search-tabs .icon-search { margin-right: 15px; }
		.search-tabs input { width: 155px; margin-top: 0px; margin-right: 0px; margin-left: 10px; }
		.search-tabs { border-bottom: 0px solid transparent; display: block; }
		.bus-scrollbar { display: inline-block; overflow-x: initial; margin-left: 0px; width: 100%; margin-bottom: -5px; }
		.bus-scrollbar .btn-green { float: right!important; margin-left: 5px!important; }
		.bus-tabs { margin-bottom: 0px; float: left!important; }

		/* PRIVETALE */

		.price-modal .modal-price-table { overflow-x: initial; width: 100%; }


		
		/*OVERVIEW*/

		.overview-content .overview-row.header-row-secondary { display: inline-block!important; }
		.overview-content .overview-column:nth-child(2) { border-left: 1px solid #e7e9ed; padding-left: 20px } 
		.overview-content .overview-column:nth-child(1) { padding-right: 20px; }
		.overview-content .header-row { border-bottom: 1px solid #e7e9ed; margin-left: 10px!important; margin-right: 10px!important}
		.overview-content .release-year { display: inline-block!important; }
		.overview-content .header-mobile-row { display: none!important }
		.overview-content .overview-content-secondary .form-group { display: flex; }
		.overview-content .overview-content-secondary .form-group .gray-text { margin-bottom: 0px!important; margin-top: 6px!important; margin-right: 10px; }

		/*LOGS*/

		.logs-table { width: 975px!important; }
		.logs-table td:last-child { padding-right: 20px!important; }

	}





	@media only screen and (min-width: 1200px) {

		.navbar-nav li a { padding-top: 10px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; transition: background 150ms ease-out; }
		.navbar-nav li a .txt { font-size: 14px; }

		.calendar-top { width: 100%; background-color: #eff3f6; overflow: visible; }
		.alphabet-scrollbar { max-width: initial; display: initial; overflow-x: hidden; margin: 0; }

		/*CALENDAR*/

		.calendar-top-bar { float: left; margin: 13px 0px 5px 0px; display: block; }
		section.calendar-top.navbar-push.container-fluid > ul.calendar-top-bar.pull-left > li > div { margin-bottom: 7px!important; }
		.calendar-footer-bar { display:block; width: 1920px; }
		.calendar-header a { pointer-events: none; }
		.calendar-body.collapse { display: block!important; }
		.calendar-dates .calendar-row .calendar-row-days, .month-calendar .calendar-row .calendar-row-days { display: flex; }
		.calendar-dates .calendar-row, .month-calendar .calendar-row { display: inline-flex; }
		.calendar-dates .calendar-row-label .monthly-label { visibility: hidden; padding-top: 22px; }
		.filter-btn { display: block; background-color: #fff; padding: 33px!important; }
		.filter-btn a { display: none; }
		.arrow-icn-w { display: none; }
		.arrow-icn-b { display: none; }

		/*CALENDAR*/

		.comments-section { display: flex; }
		.user-select { display: block; }
		.datepicker { margin-top: 8px; border-bottom: 0px solid transparent!important; margin-bottom: 0px; }
		.daytime-btn { display: block; }
		.mobile-daytime-btn { display: none; }
		.month-calendar { margin-bottom: 200px; }
		.datepicker select { width: initial; height: 28px; font-size: 14px; line-height: 1.2; }
		.datepicker { width: auto; }
		.datepicker select option { width: 100%!important; font-size: 14px; }

		/*CALENDAR date arrows*/

		.arrow-next { margin: 9px 8px 0 4px; }
		.arrow-prev { margin: 9px 8px 0 4px; }
		.arrow-next.disabled { margin: 9px 8px 0 4px; }
		.arrow-prev.disabled { margin: 9px 8px 0 4px; }
		.task__content { padding: 0px; }
		.right-click-dropdown { display: none }

		/*OVERVIEW*/

		.overview-content .tab-content { min-width: 630px; max-width: 660px; margin-right: 30px; }
		.overview-content .box { margin: 0px 15px 30px 15px!important; }
		.overview-content { width: 100%!important; display: flex; flex-wrap: wrap; justify-content: initial; } 
		.overview-content-secondary { flex-grow: 1; min-width: 300px; max-width: 660px; height: 382px; }
		.bus-overview .box { height: 362px!important }
		.tabs-scrollbar { margin-left: 0px!important;  }
		.push-top-20 { clear: both!important; margin-left: 30px; margin-right: 30px; }
		.overview-content .fixed-height { height: 560px!important; margin-right: 30px!important; width: initial!important; }
		.overview-content .overview-content-secondary .form-group { display: flex; }
		.overview-content .overview-content-secondary .form-group .gray-text { margin-bottom: 0px!important; margin-top: 6px!important; margin-right: 10px; }
		.overview-content .overview-content-secondary .btn-green { position: absolute; bottom: 25px; margin-left: -60px; }
		.overview-content-secondary p.info-text { transform: translate(-50%, -50%); top: 55%; left: 50%; position: absolute; }

		.calendar-top { margin-top: -30px; }
		.calendar-wrapper-column { left: initial; position: absolute; z-index: 1001; background: white; }

		/*SLARIES*/

		.salaries-table .datepicker { margin-top: 16px; padding: 0px; }
		.mediaquery { float: none }

		/*FUEL*/

		.fuel-table .datepicker { margin-top: 16px; padding: 0px; }
		.fuel-table .datepicker p { margin: 4px 7px 0 15px; }
		.fuel-table .btn-green { padding: 4px 16px 4px 16px; margin: 16px 12px 0 0; align-self: flex-start; }
		.fuel-table .btn-green+.btn-green {  margin: 12px 8px 4px 0;  }
		.fuel-table .btn-green+.btn-green+.btn-green {  margin: 12px 8px 4px 0;  }
	}


	@media only screen and (min-width: 1090px) {

		/* NAV */

		.navbar-nav .open .dropdown-menu { float: none; width: auto; margin-top: 0; border: 0; position: absolute; background-color: white; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); }

		.calendar-top { margin-top: -16px; }
		.site-navbar { height: 70px; }
		.navbar-brand { margin: 27px 15px 0 15px!important; margin: 0 175px; }
		.navbar-nav { float: left!important; margin: 0px 0px; }
		.navbar-nav li { padding-right: 0px; padding-left: 0px; float: left; clear: none; }
		.navbar-nav li.active { border-bottom: 0px solid transparent; border-top: solid 3px #50b848; padding: 0px 0px 0px 0px; padding-top: 0px!important; margin: 0px; width: auto; }
		.navbar-nav li.active a { padding-top: 12px; padding-bottom: 10px; border-bottom: solid 0px #50b848!important; width: initial!important; }
		.navbar-nav li a { padding-top: 15px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; transition: background 150ms ease-out; }
		.navbar-nav li a .txt { font-size: 12px; }
		.navbar-nav li a:hover { background: #FFFCE9; }

		.navbar-nav li.dropdown.open  { background: #FFFCE9; }
		.navbar-nav li.dropdown.open  a .txt { color: #50B848; }
		.navbar-nav li.dropdown.open  a .icon-dropdown { transform: rotate(180deg); }
		
		.icon-search { position: absolute; right: 10px; top: 26px; }
		.container.container-stretch { width: 100%; max-width: 1400px;}
		.container .desktop-search .icon-search { background: url(../images/search.svg) 0 0 no-repeat;float: right; margin: 0px 0px 0 0; position: absolute; right: 8px; top: 12px; }
		.search { margin: 15px 0px 0 0; width: 180px; height: 36px; border-radius: 4px; }
		.desktop-search { display: block!important; position: relative; }
		.phone-search { display: none!important; }
		.navbar-header { float: left; }
		.navbar-toggle { display: none; }
		.navbar-collapse.in, .navbar-collapse.collapse { overflow: initial!important; background: transparent; }
		.navbar-collapse.collapse { display: block!important; }
		.navbar-right { float: right!important; margin-right: 15px; display: block; }
		.navbar-right .open a, .navbar-right .open a:focus, .navbar-right .open a:hover { background-color: transparent; border-color: transparent; }
		.calendar-fixed { top: 66px!important; position: fixed!important; }
		.navbar-collapse.collapse.in { display: none!important; }

		/* NAV USER DROPDOWN */ 

		.navbar-dropdown { padding-right: 2px!important; display: block!important; }
		.navbar-mobile-dropdown { display:none; }
		.nav-dropdown li a, .nav-dropdown li a:focus { text-align: left; padding: 15px 30px 0px 30px; white-space: nowrap; }
		.nav-dropdown li.active { width: 100%; }

		/*LOGS*/
		.filter-body.collapse { overflow-x: initial; } 

		.mediaquery { float: none }
		.mquery { float: none; }
		.salaries-table .table-content-column.calendar-fixed { top: 67px!important; }



		/*FUEL*/

		.fuel-table tr { vertical-align: middle!important; }
		.fuel-table table .mquery { float: none!important; text-align: right; }
		.tt-menu { margin-top: 0px!important; }

		.calendar-top-bar.filter-bar {
			margin: 11px 0px 5px 16px; clear: both;
		}

	}


	.calendar-top-bar.quickpick {
		clear: both;
	}
	.calendar-top-bar.quickpick li a .short {
		display: none;
	}



	@media only screen and (min-width: 1513px) {
		.calendar-top-bar { float: left; margin: 11px 0px 5px 30px; display: block; }
		
		.calendar-top-bar.filter-bar {
			margin: 11px 0px 5px 16px; clear: both;
		}
		.calendar-top-bar.quickpick {
			margin-left: 0px!important;
			clear: none;
		}
		.calendar-top-bar.quickpick li {
			padding-right: 0;
		}
		.calendar-top-bar.quickpick li a {
			text-decoration: none;
			padding: 7px 10px;
		}
		
		.calendar-top-bar.quickpick a.active {
			border-bottom: 5px solid #50b848;
		}
	}

	@media only screen and (min-width: 1785px) {

		.mediaquery { float: none; }

		.calendar-top-bar.quickpick li a .short {
			display: inline-block;
		}

	}

	@media only screen and (min-width: 1900px) {


		/*SLARIES*/
		.salaries-table { display: block; width: 100%; padding-left: 0px; padding-right: 0px; position: relative;  }
		.salaries-table .btn-green { position: absolute; right: 0px; }
		.salaries-table .column-object .column-label:first-of-type { left: 20px; position: initial; }
		.salaries-table .column-object .column-information { left: 20px; position: initial; width: 126px!important; }
		.salaries-table .salarie-inputs .column-object .column-label:nth-of-type(2) { padding-left: 8px; padding-right: 8px; }
		.salaries-table .table-content-column.calendar-fixed { position: fixed!important; z-index: 200; left: initial; right: initial; overflow: hidden; width: 1868px; }
		.salaries-table .table-content-column .column { /*width: 103.5px*/ box-sizing: border-box; }
		.salaries-table .column-object .column-label-name { width: 100%!important; }
		.salaries-table .table-content-column .column { padding: 8px 8px 15px 8px; }
		.salaries-table .salarie-top-bar { display: block; float: left; width: initial; }

		.salaries-table .total-column-width .column-object:nth-of-type(1) .column-label-name { width: 248px!important; }
		.salaries-table .total-column-width .column { width: 180px!important; }
		.salaries-table .total-column-width .column-row .column:nth-of-type(1) { width: 248px!important; }
		.salaries-table .total-column-width .column-row .column:nth-of-type(2) { width: 180px!important; }

		.salaries-table .detailed-column-width .column-object:nth-of-type(1) .column-label-name { width: 118px!important; }
		.salaries-table .detailed-column-width .column { width: 250px!important; }
		.salaries-table .detailed-column-width .column-row .column:nth-of-type(1) { width: 118px!important; }
		.salaries-table .detailed-column-width .column-row .column:nth-of-type(2) { width: 250px!important; padding-left: 20px!important; }


		/*FUEL*/
		.fuel-table { display: block; width: 100%; padding-left: 0px; padding-right: 0px; position: relative;  }
		/* .fuel-table table { width: 100%; } */

		/*VISATABLE*/
		.fuel-table .fixed-header { position: fixed; left: auto; right: auto; width: 1868px; }
		/* .fuel-table .fixed-header+table { margin-top: 20px; } */
	}

.ico-confirmed { display: block; width: 12px; height: 12px; background: url('../images/ico_confirmed.svg') 0 0 no-repeat; text-indent: -9999px; margin: 3px 3px 0 3px; line-height: 12px; }
.ico-not-accept { display: block; width: 12px; height: 12px; background: url('../images/ico_not_accepting.svg') 0 0 no-repeat; text-indent: -9999px; margin: 3px 3px 0 3px; line-height: 12px; }

/*===============================
=            Choices            =
===============================*/
.choices {
	position: relative;
	margin-bottom: 24px;
	font-size: 16px;
  }
  
  .choices:focus {
	outline: none;
  }
  
  .choices:last-child {
	margin-bottom: 0;
  }
  
  .choices.is-disabled .choices__inner,
  .choices.is-disabled .choices__input {
	background-color: #EAEAEA;
	cursor: not-allowed;
	user-select: none;
  }
  
  .choices.is-disabled .choices__item {
	cursor: not-allowed;
  }
  
  .choices[data-type*="select-one"] {
	cursor: pointer;
  }
  
  .choices[data-type*="select-one"] .choices__inner {
	padding-bottom: 7.5px;
  }
  
  .choices[data-type*="select-one"] .choices__input {
	display: block;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	margin: 0;
  }
  
  .choices[data-type*="select-one"] .choices__button {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
	padding: 0;
	background-size: 8px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	margin-right: 25px;
	height: 20px;
	width: 20px;
	border-radius: 10em;
	opacity: .5;
  }
  
  .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
	opacity: 1;
  }
  
  .choices[data-type*="select-one"] .choices__button:focus {
	box-shadow: 0px 0px 0px 2px #00BCD4;
  }
  
  .choices[data-type*="select-one"]:after {
	content: "";
	height: 4px;
	width: 7px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	pointer-events: none;
	background: url(../images/dropdown.png) 0 0 no-repeat;
  }
  
  .choices[data-type*="select-one"].is-open:after {
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
	-moz-transform: rotate(180deg);        /* FF */
	-o-transform: rotate(180deg);          /* Opera */
	-ms-transform: rotate(180deg);         /* IE9 */
	transform: rotate(180deg);             /* W3C compliant browsers */
  }
  
  .choices[data-type*="select-one"][dir="rtl"]:after {
	left: 11.5px;
	right: auto;
  }
  
  .choices[data-type*="select-one"][dir="rtl"] .choices__button {
	right: auto;
	left: 0;
	margin-left: 25px;
	margin-right: 0;
  }
  
  .choices[data-type*="select-multiple"] .choices__inner,
  .choices[data-type*="text"] .choices__inner {
	cursor: text;
  }
  
  .choices[data-type*="select-multiple"] .choices__button,
  .choices[data-type*="text"] .choices__button {
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-right: -4px;
	margin-bottom: 0;
	margin-left: 8px;
	padding-left: 16px;
	border-left: 1px solid #008fa1;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 8px;
	width: 8px;
	line-height: 1;
	opacity: .75;
	border-radius: 0;
  }
  
  .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus,
  .choices[data-type*="text"] .choices__button:hover,
  .choices[data-type*="text"] .choices__button:focus {
	opacity: 1;
  }
  
  .choices__inner {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background-color: #f9f9f9;
	padding: 2px 2px 2px 4px!important;
	border: 1px solid #ccc;
	border-radius: 2.5px;
	font-size: 14px;
	min-height: 34px;
	overflow: hidden;
  }
  
  .is-focused .choices__inner,
  .is-open .choices__inner {
	border-color: #66afe9;
  }
  
  .is-open .choices__inner {
	border-radius: 2.5px 2.5px 0 0;
  }
  
  .is-flipped.is-open .choices__inner {
	border-radius: 0 0 2.5px 2.5px;
  }
  
  .choices__list {
	margin: 0;
	padding-left: 0;
	list-style: none;
  }
  
  .choices__list--single {
	display: inline-block;
	padding: 4px 16px 4px 4px;
	width: 100%;
  }
  
  [dir="rtl"] .choices__list--single {
	padding-right: 4px;
	padding-left: 16px;
  }
  
  .choices__list--single .choices__item {
	width: 100%;
  }
  
  .choices__list--multiple {
	display: inline;
  }
  
  .choices__list--multiple .choices__item {
	display: inline-block;
	vertical-align: middle;
	border-radius: 20px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 500;
	margin-right: 3.75px;
	margin-bottom: 3.75px;
	background-color: #00BCD4;
	border: 1px solid #00a5bb;
	color: #FFFFFF;
	word-break: break-all;
  }
  
  .choices__list--multiple .choices__item[data-deletable] {
	padding-right: 5px;
  }
  
  [dir="rtl"] .choices__list--multiple .choices__item {
	margin-right: 0;
	margin-left: 3.75px;
  }
  
  .choices__list--multiple .choices__item.is-highlighted {
	background-color: #00a5bb;
	border: 1px solid #008fa1;
  }
  
  .is-disabled .choices__list--multiple .choices__item {
	background-color: #aaaaaa;
	border: 1px solid #919191;
  }
  
  .choices__list--dropdown {
	display: none;
	z-index: 1;
	position: absolute;
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	top: 100%;
	margin-top: -1px;
	border-bottom-left-radius: 2.5px;
	border-bottom-right-radius: 2.5px;
	overflow: hidden;
	word-break: break-all;
  }
  
  .choices__list--dropdown.is-active {
	display: block;
  }
  
  .is-open .choices__list--dropdown {
	border-color: #b7b7b7;
  }
  
  .is-flipped .choices__list--dropdown {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: -1px;
	border-radius: .25rem .25rem 0 0;
  }
  
  .choices__list--dropdown .choices__list {
	position: relative;
	max-height: 300px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	will-change: scroll-position;
  }
  
  .choices__list--dropdown .choices__item {
	position: relative;
	padding: 10px;
	font-size: 14px;
  }
  
  [dir="rtl"] .choices__list--dropdown .choices__item {
	text-align: right;
  }
  
  @media (min-width: 640px) {
	.choices__list--dropdown .choices__item--selectable {
	  padding-right: 100px;
	}
	.choices__list--dropdown .choices__item--selectable:after {
	  content: attr(data-select-text);
	  font-size: 12px;
	  opacity: 0;
	  position: absolute;
	  right: 10px;
	  top: 50%;
	  transform: translateY(-50%);
	}
	[dir="rtl"] .choices__list--dropdown .choices__item--selectable {
	  text-align: right;
	  padding-left: 100px;
	  padding-right: 10px;
	}
	[dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
	  right: auto;
	  left: 10px;
	}
  }
  
  .choices__list--dropdown .choices__item--selectable.is-highlighted {
	background-color: #f2f2f2;
  }
  
  .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
	opacity: .5;
  }
  
  .choices__item {
	cursor: default;
  }
  
  .choices__item--selectable {
	cursor: pointer;
  }
  
  .choices__item--disabled {
	cursor: not-allowed;
	user-select: none;
	opacity: .5;
  }
  
  .choices__heading {
	font-weight: 600;
	font-size: 12px;
	padding: 10px;
	border-bottom: 1px solid #f7f7f7;
	color: gray;
  }
  
  .choices__button {
	text-indent: -9999px;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
  }
  
  .choices__button:focus {
	outline: none;
  }
  
  .choices__input {
	display: inline-block;
	vertical-align: baseline;
	background-color: #f9f9f9;
	font-size: 14px;
	margin-bottom: 5px;
	border: 0;
	border-radius: 0;
	max-width: 100%;
	padding: 4px 0 4px 2px;
  }
  
  .choices__input:focus {
	outline: 0;
  }
  
  [dir="rtl"] .choices__input {
	padding-right: 2px;
	padding-left: 0;
  }
  
  .choices__placeholder {
	opacity: .5;
  }
  
  .choices__input.is-hidden,
  .choices[data-type*="select-one"] .choices__input.is-hidden,
  .choices[data-type*="select-multiple"] .choices__input.is-hidden {
	display: none;
  }
  
  /*=====  End of Choices  ======*/
  


@media only screen and (min-width: 1920px) {
	.calendar-header {
		width: 1906px;
	}
	.calendar-heading {
		left: initial;
		right: initial;
		width: 1906px;
	}
}


table.data-table {
	float: none;
	clear: both;
	position: relative;
	border-collapse: collapse;
}

table.data-table th,  
table.data-table td {
	font-weight: 400;
}
table.data-table th {
	position: sticky;
	font-weight: 700;
	top: 66px;
}

.thick-line {
	border-top: 2px solid black!important;
}

.underlineRow {
	border-bottom: 2px solid black!important;
}

table.data-table th .note,  
table.data-table td .note {
	font-weight: 400;
	color: rgb(127, 143, 164);
}
table.data-table thead th,  
table.data-table thead td,
table.data-table tbody th,  
table.data-table tbody td {
	border: 1px solid #e6eaee;
	padding: 2px 4px; text-align: left;
}

table.data-table tbody tr.breakdown td {
	background: #f8fafd;
}
  
table.data-table tfoot td.highlighted {
	background: #eff3f6;
	border: 1px solid #e7e9ed;
	padding: 2px 4px;
}
table.data-table th.al-r,  
table.data-table td.al-r {
	text-align: right;
}
table.data-table th.al-c,  
table.data-table td.al-c {
	text-align: center;
}
table.data-table thead th {
	background: #eff3f6;
}

.invoice-form {
	height: 30px;
	font-size: 13px;
}