/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.page-header.navbar .page-logo .logo-default {
	margin: 9px 0px 0 0px;
	width: 200px;
}

.page-header.navbar .hor-menu .navbar-nav > li > a {
	padding: 27px 13px;
}

#block-ordertrack-ordertrack-date-and-time div span {
	display: block;
	color: #aeb2c4;
	text-align: center;
}

#block-ordertrack-ordertrack-date-and-time {
	margin: 12px 3px 5px 12px;
}

.page-top .top-menu .page-actions {
	margin:17px 17px 15px 15px;
}
#block-system-main .content .driver_legend {
	font-size: 13px;
	line-height: 13px;
	padding: 5px 0px;
}
.page-sidebar .page-sidebar-menu>li.heading.nav-item {
	height: auto;
}

.page-sidebar .page-sidebar-menu>li.heading>a.nav-link {
	padding-left: 0;
}

.page-sidebar .page-sidebar-menu>li.heading.nav-item h3 {
	display: inline;
}

body.hr-info-personal div.status {
	background: #fff none;
}

body.hr-info-personal div.status, table tr.ok {
	background-color: #fff;
}



/* *** NEW *** */
.tabbable-line>.nav-tabs>li.active {
	border-bottom: 4px solid #db2323;
}
.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {
	border-bottom: 4px solid #e9a5a5;
}

.fieldset-description {
	margin-bottom: 8px;
}

ul.action-links {
	padding-left: 0;
}
ul.action-links, ul.action-links li {
	list-style: none;
}

/* Fix bunch selectbox & Update button next to it layout */
.fieldset-wrapper .form-item-operation, .fieldset-wrapper .form-item-operation+.btn.form-submit {
	float: left;
}
.fieldset-wrapper .form-item-operation+.btn.form-submit {
	margin: 14px;
}


ul.page-sidebar-menu.page-sidebar-menu-hover-submenu.sub-menu.subdropmenu li:hover ul.sub-menu {
	margin-left: 206px;
}

body.not-logged-in .content form + form {
	display: none;
}

body.not-logged-in #node-18 .content {
	text-align: center;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
}

body.not-logged-in.login .content .form-actions {
	border-bottom: none;
	padding: 0 30px;

}

/* Pagination fix */
.item-list ul.pagination li {
	margin: 0;
}
.pagination li.disabled a:active {
	pointer-events: none;
}

/* XX Large inputs/textareas */
.input-xxlarge {
	width: 540px !important;
}
.input-xxxlarge {
	width: 640px !important;
}
.input-xsmall {
	width: 50px!important;
	padding: 5px 5px;
}
.input-xmsmall {
	width: 70px!important;
	padding: 5px 3px;
	font-size: 11px;
}
.input-auto {
	width: 100%!important;
}

@media (max-width: 768px) {
	.input-xxlarge {
		width: 400px !important;
	}
	.input-xxxlarge {
		width: 500px !important;
	}
}

#user-login-form div.item-list {
	display: none;
}


/* Form items in table vertical margins fix */
tr .form-item {
	margin-top: 0;
	margin-bottom: 0;
	white-space: nowrap;
}



.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}


.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
	left: auto;
	right: 3px;
}
.btn-group>.dropdown-menu:after, .dropdown-toggle>.dropdown-menu:after, .dropdown>.dropdown-menu:after {
	left: auto;
	right: 4px;
}

/* Required fields color fix */
.form-group .form-control.required {
	color: inherit;
	font-size: inherit;
	padding-left: 12px;
}


/*
Contextual table row variants
We need the old colors, because the new ones are sucks.
*/
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
	background: #a6c8e6;
	color: #132339;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
	background: #92bce0 !important;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
	background: #dff0d8;
	color: #3c763d;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
	background: #d0e9c6 !important;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
	background: #d9edf7;
	color: #31708f;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
	background: #c4e3f3 !important;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
	background: #fcf8e3;
	color: #8a6d3b;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
	background: #faf2cc !important;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
	background: #f2dede;
	color: #a94442;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
	background: #ebcccc !important;
}

/* Make border color of the Table stronger */
.table-scrollable, .table>tfoot>tr>td, .table>tfoot>tr>th,
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th,
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-color: #e0e0e0;/*was: #e7ecf1*/
}

/* Table totals */
table.table .row-totals td {
	border-top: 2px solid #777;
}

/* Draggable cursor fix */
a.tabledrag-handle .handle {
	width: 23px;
	height: 23px;
}



.vertical-tabs fieldset.vertical-tabs-pane {
	padding-top: 1em;
	padding-bottom: 1em;
}



.datepicker.datepicker-weekly tr:hover td.day {
	background: #eee;
}
.date-picker-weekly .week-previous+.tooltip, .date-picker-weekly .week-next+.tooltip,
.date-picker-daily .day-previous+.tooltip, .date-picker-daily .day-next+.tooltip {
	white-space: nowrap;
}


/* Permission page checkboxes fix.
   As on that page there are hidden disabled checkboxes it displayed incorrectly
 */
.mt-checkbox>input+input:disabled~span, .mt-radio>input+input:disabled~span {
	opacity: 1;
	filter: alpha(opacity=100);
	pointer-events: inherit;
}

.mt-checkbox>input:not(:checked)+input:disabled~span:after, .mt-radio>input:not(:checked)+input:disabled~span:after {
	display: none;
}

/* Clearfix */
.clearfix {
	clear: both;
}

table.otis-table-ajax tfoot {
	display: table-header-group;
}


/* Default Fieldset override */
.form h4.form-section, .portlet-form h4.form-section {
	margin: 30px 0 10px;
}

/* Password strength check */
.password-strength {
	float: none;
	margin: 0;
}

/*Fix for otis_menu*/
.page-sidebar .subdropmenu.page-sidebar-menu>li.active>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .subdropmenu.page-sidebar-menu>li.active>a {
	padding-left: 30px;
}


.node .submitted {
	margin: 5px 0 15px;
}


.nowrap {
	white-space: nowrap;
}

/* Table in Table */
table.table.table-light, table.table.table-light tr {
	background: none;
	margin-bottom: 0;
}
table.table.table-light tbody {
	border-top: none;
}
table.table.table-light td {
	padding: 4px 6px;
}

/*Add order to Invoice/Opinvoice button */
.add_order_from_invoice  {
	margin-bottom: 10px;
}
.invoice_content td, .invoice_content th {
	padding: .3em 0.3em;
	font-size: 12px;
}


table.otis-table-ajax.dataTable tbody > tr:not([role="row"]) > td:first-child:before {
	content: none;
}

ul.otis-menu.otis-menu-dropdown li h3.uppercase.title {
	padding-left: 10px;
}


/* Multiselect Fixes */
.form .form-actions.otis-multiselect-btns {
	border-top: none;
}
.ms-container .ms-optgroup-container .ms-optgroup-label {
	font-weight: bold;
	color: #353535;
	text-transform: uppercase;
}

/* Pumpout defaults */
.pumpout_show {
	display: none;
}


/* Custom fields in report */
.otis_bl_fields .ms-container .ms-list {
	height: 440px;
}


/* Flip text vertically */
.flip {
	transform: scaleX(-1);
}

/* Field Readonly */
.input-readonly {
	background-color: #eef1f5;
}

/* small square color boxes */
.help-square {
	margin: 7px 8px;
	font-size: 14px;
}
.help-square:before {
	display: inline-block;
	content: " ";
	width: 1em;
	height: 1em;
}



/* Order Time/Fuel History Modal */
.timeline.otis_history_bl:before {
	display: none;
}
.timeline.otis_history_bl .timeline-body {
	margin-left: 0;
}
.timeline.otis_history_bl .timeline-body .uppercase {
	margin-bottom: 8px;
}
.timeline.otis_history_bl:before {
	display: none;
}

.nowrap {
	white-space:nowrap;
}


.otis-toggle-content {
	display: none;
}
.otis-toggle-block p {
	margin-bottom: 15px;
}


/* fix checkboxes floating on customer profile form page */
#user-profile-form .mt-checkbox {
	display: block;
}


/* Enhancing some margins/paddings */
.margin-left-10 {
	margin-left: 10px !important;
}
.margin-right-40 {
	margin-right: 40px !important;
}