/* Typography defaults mostly... */

pre {
	background: #ffe;
	border: 1px solid #ddd;
	padding: 1em;
}

pre,code {
	font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Monaco,"Courier New",monospace;
}

.navbar .navbar-brand {
	padding-top: 11px;
	padding-bottom: 7px;
}
.trdetail-contacts > div {
	padding: 0px;
}
.address-btn {
	font-weight: bold;
	white-space: normal;
	text-align: left;
	display: block;
	width: 100%;
}
.address-btn span {
	font-weight: normal;
}
.trdetail-loadinfo {
	display: table;
	width: 100%;
	border-spacing: 10px;
}
.trdetail-loadinfo > div {
	display: table-row;
}
.trdetail-loadinfo > div > div {
	display: table-cell;
}
.trdetail-loadinfo > div > div:first-child {
	width: 1px;
}
.trdetail-loadinfo > div > div:nth-child(2) {
	text-align: right;
	font-weight: bold;
}
.trdetail-loadinfo > div > div:nth-child(3) {
	width: 1px;
	font-weight: bold;
}
#customer_currency, #transporter_currency, #transporter_price_type {
	margin-top: -9px;
}
.trdetail-form input[type="text"], .trdetail-form input[type="number"] {
	color: black;
}
.form-group input[type="text"], .form-group input[type="number"] {
	color: black;
}

input.spd-input.spd-price {
	width: 65px;
	font-weight:bold;
	color: black;
}
.trdetail-form .form-group {
	white-space: nowrap;
	text-align: right;
}
.trdetail-form .form-group .control-label {
	text-align: right;
}
.spd-select {
	width: 100px;
}
.spd-select-3 {
	width: 60px;
}

#parity {
	min-width: 75px;
	height: 33px;
}
#licence_fields {
	float:right;
}
#cargo_header {
	background-color: #438EB9;
	color: white;
}
#cargo_header div {
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
#cargo_header > div > div {
	border-bottom-color: #bbb;
}
.cargo-item input[type="text"], .cargo-item input[type="number"] {
	width: 100%;
	text-align: right;
	border-color: transparent;
}
.cargo-item input[type="text"]:focus {
	border-color: #d5d5d5;
}
.cargo-item input[type="text"].cargo-time {
	width: 48px;
}
.cargo-item input[type="text"].cargo-date {
	width: calc(100% - 65px);
}
.cargo-item input.cargo-name[type="text"], .cargo-item input.cargo-load[type="text"], .cargo-item input.cargo-unload[type="text"] {
	text-align: left;
}
input.cargo-unload {
	padding-left: 20px;
}
input.cargo-load {
	margin-left: 20px;
	padding-left: 35px;
}
.cargo-load-icon, .cargo-unload-icon {
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 0px;
}
.cargo-load-icon {
	left: 35px;
}
.cargo-trash-icon {
	position: absolute;
	left: 5px;
	top: 0;
	bottom: 0;
}
.cargo-textarea-note {
	background: none;
	border: none;
	resize: none;
}
.cargo-item input[readonly] {
	background-color: transparent !important;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}
.cargo-item .cargo-time-option {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 23px;
	z-index: 10;
	background: #eee;
	border: 2px solid #888;
	padding: 5px;
	list-style: none;
	display: none;
}
.cargo-item .cargo-time-option li {
	float: left;
}
.spd-width-20 {
	width: 20%;
	float: left;
	padding: 0 12px;
}
.spd-width-25 {
	width: 25%;
	float: left;
	padding: 0 12px;
}

.cargo-item input[type='text'], .cargo-item input[type='number']{
	border-bottom: 1px dotted #ddd;
	background-color: transparent;
}
.cargo-item input[type='text']:focus, .cargo-item input[type='number']:focus{
	border: 0px;
	border-bottom: 1px solid #555;
	background-color: transparent;
}


.cargo-item .action i{
	margin: 7px 0px 0;
}

.cargo-item .action:hover>i {
	display: none;
}
.cargo-item .action>a {
	display: none;
}
.cargo-item .action:hover>a {
	display: block;
}


.spd-border {
	border: .5px solid #bbb;
	border-collapse: collapse;
}
#cargo_header.spd-border {
	border-right:0;
	border-bottom: 0;
}
.cargo-item.spd-border {
	border-bottom: 0px;
	padding-bottom: 6px;
}
.cargo-item.spd-border:last-of-type{
	border-bottom: 1px solid #bbb;
}
.change-department {
	margin-left: 10px;
	line-height: 44px;
	padding-top: 20px;
	display: inline-block;
}
@media (min-width: 768px) {
	.trdetail-contacts {
		display:table;
	}
	.trdetail-contacts > div {
		display:table-cell;
		float:none;
		padding-right:10px;
	}
	.trdetail-contacts > div:nth-child(3) {
		padding-right:0px;
		padding-right:0px;
	}
	.address-btn {
		display: inline-block;
		height: 100%;
	}
	.address-btn div {
		height: 100%;
	}
}
@media (max-width: 400px) {
	.trdetail-form .transporter_rightpart {
		display: block;
	}
	.trdetail-form #extinvoice_fields {
		width: 100%;
	}
	.trdetail-form #licence_fields {
		float:left;
		width: 100%;
	}

	.change-department {
		margin-left: 10px;
		line-height: normal;
		padding-top: 8px;
		display: inline-block;
	}
}
.nav-list > li > .submenu:before {
	margin-bottom: 18px;
}

#mail-incoming .mail-item td {
	cursor: pointer;
}
.spd-selbtn {
	white-space: normal;
}
.col-sm-9 .spd-selbtn {
	min-width: 33%;
}
.spd-selbtn.empty {
	color: #bbb !important;
}
.btn.btn-white.active, .btn.btn-white:active, .btn.btn-white:focus, .btn.btn-white:hover {
	background-color: white !important;
}
.spd-selbtn.empty.btn.btn-white:focus {
	color: #bbb !important;
}
h1 .btn.btn-sm {
	margin-top: -4px;
	margin-bottom: -8px;
}
.nav-search {
	position: inherit;
	
}
.nav-search.mail-search {
	margin-right:20px;
}
.modal-footer {
	clear: both;
}
tr.selectable {
	cursor: pointer;
}
#tr_order_section .tr_order_expanded {
	display: none;
}
#tr_order_section.expanded .tr_order_expanded {
	display: initial;
}
#tr_order_section .tr_order_collapsed {
	display: initial;
}
#tr_order_section.expanded .tr_order_collapsed {
	display: none;
}
.clearfix {
	clear: both;
}
#topsearchbox {
	line-height: 20px;
	width: 100px;
	padding-right: 0px;
	vertical-align: middle;
    height: 32px;
}
#topsearchbox + button {
	line-height: 20px;
}
#topsearchinfo {
	position:absolute;
	top: 40px;
	right: 0px;
	width: auto;
	background: white;
	border: 1px solid #666;
	z-index: 102;
	line-height: normal;
	text-align: center;
	padding: 2px 4px;
}
.modal { overflow: auto !important; }
.modal.aside { overflow: visible !important; }
.comm-row:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.quote-row:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.qitem-form {
	display: none;
}
.qitem-info.disabled {
	opacity:0.5;
}
.qitem-info.disabled button {
	display: none;
}
.qitem-info button.btn-restore {
	display: none;
}
.qitem-info.disabled button.btn-restore {
	display: inherit;
}
.dropzone .dz-preview {
	margin: 0px; 
    min-height: auto;
	position: inherit;
	display: block;
}
.quote-files-existing {
	clear: both;
}
.quote-file.removed, .quote-file.removed a {
	color: red;
}
.quote-file.renamed, .quote-file.renamed a {
	color: green;
}
.dropzone {
    padding: 0px;
    margin: 0px;
    /*float: left;*/
    clear: left;
    border: 0px;
	background-color: transparent;
	min-height: 80px;
}
.dropzone .dz-preview .quote-file {
	color: green;
}
.dropzone .dz-preview .dz-progress {
	left: auto;
	top: auto;
	position: initial;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}
.dropzone .dz-message {
	display: inline-block;
	clear:left;
	margin-bottom:0px;
}
.dropzone.dz-started .dz-message {
	display: inline-block;
	margin-bottom: 10px;
}
.dropzone .dz-preview.dz-complete .dz-progress {
	display: none;
}
.popover {
	min-width: 200px;
}
select[required], select[aria-required],
input[required], input[aria-required], *[aria-required] {
	/*border: 1px solid #daa;*/
}
input.invalid, select.invalid, div.invalid {
	border: 1px solid #daa;
}
form.submit-unsuccessful input.invalid,
form.submit-unsuccessful select.invalid {
	background: #fff8f8;
}
em.invalid {
	display: none !important;
}
.fa-close[onclick]:hover {
	cursor: pointer;
	color: red;
}
input:-webkit-autofill {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: red !important;
}
.spinbg {
	z-index: 101;background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; right: 0px; bottom:0px;
}
.btn-group .btn.btn-default.active {
	font-weight: bold;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	cursor:pointer;
}
.form-fixmargin.form-horizontal .form-group {
	margin-left: 0px;
	margin-right: 0px;
}
#results-sideform {
	margin: -15px;
}
#results-sideform > div {
	padding: 15px;
}
#results-sideform > div:nth-of-type(odd) {
	background-color: #f4f4f4;
}
@media print {
  a[href]:after {
    content: none !important;
  }
  td, th {
	  padding: 5px;
  }
  table.table tr th {
	  background: transparent;
	  color: black;
  }
  #search-popup-results {
	  display: none !important;
  }
}
.results-qlist {
	margin-left: 10px;
	margin-right: 10px;
}
.results-qlist li a{
	display: block;
	min-height: 30px;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
}
.results-qlist li {
	list-style: none;
}
.results-qlist li:hover a, .results-qlist li a:focus {
	background-color: #438EB9;
	color: white;
}
.dragdropbg {
	z-index: 101;background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; right: 0px; bottom:0px;
	text-align: center;
	display: flex;
}
.dragdropbg span {
	display:block;
	margin: auto;
	pointer-events: none;
}
.dragdropbg i {
	font-size: 48px;
}
.dropzone .quote-file {
	word-wrap: break-word;
}
.dowrap {
	white-space: normal;
}
.statusli .fa.fa-remove {
	display: none;
}
.statusli:hover .fa.fa-remove {
	display: inline;
}
.row:after {
	clear: right;
}

 
#trrating-form #select2-multiple-style .btn {
	text-align: left;
	margin-bottom: 1px;
	font-size: 14px;
}
#trrating-form #select2-multiple-style .btn.active {
	background-color: #428BCA !important;
}
#trrating-form #select2-multiple-style .btn.active i.ace-icon:before {
	content: "\f05d";
	/*color: greenyellow;*/
}
em.invalid+.btn.spd-selbtn.empty {
	color: #b00 !important;
	border-color: #b00;
}
input[type=checkbox].ace+em.invalid {
	display: none;
}
input[type=checkbox].ace.invalid+.lbl {
	color: #b00 !important;
}
em.invalid ~ label.btn.btn-default{
	border-color: red;
}
span.btn-group[data-toggle=buttons] > em.invalid {
	/*display: inline !important;*/
}
#calendar .fc-center h2 {
	text-transform: capitalize;
}
.fc-sat, .fc-sun {background-color: #F6F8F8;}

textarea::placeholder, input::placeholder {
	color: #BBBBBB;
	opacity: 1;
}
.form-control-clear {
	display: none;
	top: 0px;
	right: 0px;
	pointer-events: auto;
	cursor: pointer;
}
.has-feedback:hover .form-control-clear {
	display: block;
}
.transport_warning_level_btns label.btn.btn-xs.btn-default.active:last-child {
	background: #DD0000 !important;
}
.transport_warning_level_btns label.btn.btn-xs.btn-default.active:first-child {
	background: #008800 !important;
}
li.statusli.passed:last-of-type {
	font-weight: bold;
}
li.statusli.planned ~ li.statusli.planned .statusupdatebtn {
	display: none;
}
.warning_level_2 li.statusli .statusicon {
	display: none;
}
.index-status-list li.statusli.passed ~ li.statusli.passed {
	display: block;
}
.index-status-list li.statusli.planned ~ li.statusli.planned {
	display: none;
}

.clicked-button {
	pointer-events: none;
}
tr.table-heading th {
	font-size: 0.9em;
}
tr.table-heading2 th {
	background-color: #62A8D1 !important;
}
.dayofweekend {
	background-color: #e0e0e0;
}
.table-bordered>tbody>tr>td.rides_day_hilight {
	background-color: #eeffee;
}

#rides-list small {
    font-size: 9px;
    display: block;
    line-height: normal;
    margin: -5px;
}
.btn.spd-selbtn {
	font-size: 1em;
}
#rides-list td {
	vertical-align: middle;
	text-align: center;
}
#rides-list tr, #rides-list td {
	border-bottom: none;
	border-top: none;
}
#rides-list td.rides_day_hilight {
	border: 1px solid #ddd;
}
#rides-list tbody {
	border-top: 1px solid #ddd;
}
#rides-list tr.line-0 td.rides_day_hilight {
	background-color: #eeffee;
}
#rides-list tr.line-1 td.rides_day_hilight {
	background-color: #baffba;
}