/*** 1.0 IMPORT ***/
/*** 2.0 GENERAL ***/
/*** 2.0.1 CUSTOM SELECT ***/
/*** 2.1 CONTAINERS ***/
/*** 2.2 BUTTONS ***/
/*** 2.3 PAGINATION ***/
/*** 3.0 NAV ***/
/*** 3.1 NAV BUTTONS ***/
/*** 3.1.1 NAV-USER BUTTON ***/
/*** 3.2 MOBILE MENU ***/
/*** 4.0 MODAL ***/
/*** 4.1 MODAL TOOLTIP ***/
/*** 5.0 GRID ***/
/*** 5.1 GRID TOOLTIP ***/
/*** 6.0 ADMIN ***/

/*** Z.0 OTHER ***/
/*** Z.1 RESPONSIVE ***/




/******************/
/*** 1.0 IMPORT ***/
/******************/


/*******************/
/*** 2.0 GENERAL ***/
/*******************/

#lswebportal .navbar {
	background-color: #f4f4f0;
}
body,
#lswebportal .table {
	font-family: "t-Proxima Nova Condensed Regular", sans-serif !important;
	color: #3e3e3f;
	font-weight: 400;
}
#lswebportal button, 
#lswebportal button:focus {
	outline: none !important;
}
#lswebportal h1.modal-title, #lswebportal h2.modal-title, #lswebportal h3.modal-title, #lswebportal h4.modal-title, #lswebportal h5.modal-title, #lswebportal h6.modal-title {
	margin: 0;
}
#lswebportal .modal-body h1, #lswebportal .modal-body h2, #lswebportal .modal-body h3, #lswebportal .modal-body h4, #lswebportal .modal-body h5, #lswebportal .modal-body h6 {
	margin: 10px 0;
	margin: 0.75rem 0 0.5rem;
}
.flatpickr-calendar.hasTime.noCalendar {
	max-width: 200px;
}
.flatpickr-calendar {
	border: 1px solid #006b67;
	box-shadow: 0 0 10px rgba(0,0,0,0) !important;	
}
.flatpickr-calendar.arrowTop:before {
	border-bottom-color: #006b67;
}
.flatpickr-calendar.arrowBottom:before {
	border-top-color: #006b67;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
	background-color: rgba(0, 107, 103, 0.2);
}
.flatpickr-day.selected, .flatpickr-day.selected:hover {
	background-color: #f8ba63;
	border-color: #f8ba63;
	color: 
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
	background-color: transparent;
}
.numInputWrapper:hover {
	background-color: rgba(0, 107, 103, 0.2);
}
#lswebportal input[type="search"] {
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#lswebportal input[type="search"]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
#lswebportal #main > h3 {
	margin: 30px;
}
#lswebportal .login {
	max-width: 350px; 
	margin-top: 20px;
}
.Application[data-app_type="Tow"] .input-group-prepend > .input-group-text {
    width: 96px !important;
}


/**********************/
/*** 2.1 CONTAINERS ***/
/**********************/

body {
	background-color: #ffffff !important;
}
#stickywrapper {
	min-height: 100%;
	padding-bottom: 764px;
}
#stickyfooter {
	margin-top: -764px;
}
#lswebportal {
	min-height: 400px;
	margin-bottom: 50px;
}
#lswebportal .mapContainer {
	margin-bottom: 75px;
}
#lswebportal .copyright {
	margin-top: 1.15rem;
	text-decoration: underline;
}


/*******************/
/*** 2.2 BUTTONS ***/
/*******************/

#lswebportal .btn-primary, 
#lswebportal .btn-secondary, 
#lswebportal .btn-info,
#lswebportal .btn-danger {
	border-radius: 0;
	font-weight: 700;
	-o-transition: .3s background-color ease-in-out 0s,  .3s border-color ease-in-out 0s,  .3s color ease-in-out 0s;
	-ms-transition: .3s background-color ease-in-out 0s,  .3s border-color ease-in-out 0s,  .3s color ease-in-out 0s;
	-moz-transition: .3s background-color ease-in-out 0s,  .3s border-color ease-in-out 0s,  .3s color ease-in-out 0s;
	-webkit-transition: .3s background-color ease-in-out 0s,  .3s border-color ease-in-out 0s,  .3s color ease-in-out 0s;
	transition: .3s background-color ease-in-out 0s,  .3s border-color ease-in-out 0s,  .3s color ease-in-out 0s;
}
#lswebportal .btn-primary {
	background-color: #006b67;
	border-color: #006b67;
	color: #ffffff;
}

#lswebportal .btn-primary:not(:disabled):not(.disabled):hover {
	background-color: #00524f;
	border-color: #00524f;
	color: #ffffff;
}

#lswebportal #booking_range .btn,
#lswebportal .dateRange .btn {
	background-color: #006b67;
	border-color: #006b67;
	color: #ffffff;
}
#lswebportal .btn-primary:focus, 
#lswebportal .btn-secondary:focus, 
#lswebportal .btn-info:focus,
#lswebportal .btn-danger:focus {
	outline: none !important;
    box-shadow: rgba(62, 62, 63, 0.45) 0px 0px 0px 2.87959px;
}


/**********************/
/*** 2.3 PAGINATION ***/
/**********************/

#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    background-color: #f8ba63;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ba63), color-stop(100%, #f5a638));
    background: -webkit-linear-gradient(top, #f8ba63 0%, #f5a638 100%);
    background: -moz-linear-gradient(top, #f8ba63 0%, ##f5a638 100%);
    background: -ms-linear-gradient(top, #f8ba63 0%, #f5a638 100%);
    background: -o-linear-gradient(top, #f8ba63 0%, #f5a638 100%);
    background: linear-gradient(to bottom, #f8ba63 0%, #f5a638 100%);
}
#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(:disabled):not(.disabled):hover, 
#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(:disabled):not(.disabled):active {
    background-color: #006b67;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006b67), color-stop(100%, #00524f));
    background: -webkit-linear-gradient(top, #006b67 0%, #00524f 100%);
    background: -moz-linear-gradient(top, #006b67 0%, ##00524f 100%);
    background: -ms-linear-gradient(top, #006b67 0%, #00524f 100%);
    background: -o-linear-gradient(top, #006b67 0%, #00524f 100%);
    background: linear-gradient(to bottom, #006b67 0%, #00524f 100%);
}
#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button:disabled,
#lswebportal .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	outline: none !important;
    box-shadow: none !important;
}


/***************/
/*** 3.0 NAV ***/
/***************/


/***********************/
/*** 3.1 NAV BUTTONS ***/
/***********************/

#lswebportal .navbar .nav-item {
	font-family: "t-Proxima Nova Condensed Light", sans-serif;
}
#lswebportal .navbar .nav-item .nav-link {
	padding: 7px 15px;
	background-color: transparent;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-radius: 0;
	color: #3e3e3f;
}
#lswebportal .navbar .nav-item:active .nav-link,
#lswebportal .navbar .nav-item.active .nav-link {
	border-bottom-color: #383838;
}
#lswebportal .navbar .nav-item .nav-link.focus, 
#lswebportal .navbar .nav-item .nav-link:focus {
}
#lswebportal .navbar .nav-item:hover:not(.active) .nav-link:not(:hover) {
}
#lswebportal .navbar .nav-item .nav-link:hover,
#lswebportal .navbar .nav-item:not(.active) .nav-link:hover {
	border-bottom-color: #383838;
}


/*****************************/
/*** 3.1.1 NAV-USER BUTTON ***/
/*****************************/

#lswebportal .navbar .dropdown .dropdown-header {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

#lswebportal .navbar .dropdown .dropdown-menu .dropdown-header,
#lswebportal .navbar .dropdown .dropdown-menu .dropdown-item {
	margin: 0;
	padding: 0.75rem 1.5rem;
}
#lswebportal .navbar .dropdown .dropdown-menu .dropdown-item:hover,
#lswebportal .navbar .dropdown .dropdown-menu .dropdown-item:active {
	background-color: #006b67;
	color: #ffffff;
}
#lswebportal .navbar .dropdown .dropdown-menu .dropdown-divider {
	margin: 0;
	border-top-color: #006b67;
}


/***********************/
/*** 3.2 MOBILE MENU ***/
/***********************/

#lswebportal .navbar .navbar-toggler {
	position: relative;
    padding: 0 3px;
	border: 1.25px solid #006b67;
	transition: all .5s;
}
#lswebportal .navbar .navbar-toggler:after {
	content: "MENU";
	position: absolute;
	top: calc((100% - 1.25rem)/2);
	left: 100%;
	height: auto;
	width: 100%;
	margin-left: 0.5rem;
	color: #006b67;
	font-weight: 700;
	vertical-align: middle;
}
#lswebportal .navbar .navbar-toggler:focus:after,
#lswebportal .navbar .navbar-toggler:after:focus {
	box-shadow: none;
}
#lswebportal .navbar-toggler-icon {
    width: 1.15em;
    height: 1.15em;
}
#lswebportal .navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23006b67' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' viewBox='0 0 30 30'%3E%3Cpath d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/*****************/
/*** 4.0 MODAL ***/
/*****************/

#lswebportal .modal-body .row {
	margin-left: 0;
	margin-right: 0;
}
#lswebportal .modal-body .row > .col > h5,
#lswebportal .modal-body .row > .col-lg-6 > h6,
#lswebportal .modal-body .row > .col > .row {
	margin-left: -15px;
}
#lswebportal .modal-body .row > .col > .row > h5 {
	padding-left: 4px !important;
}
#lswebportal .modal-body > .row > .input-group,
#lswebportal .modal-body .puDetails .row > .input-group,
#lswebportal .modal-body .doDetails .row > .input-group {
	padding-left: 0;
	padding-right: 0;
}
#lswebportal .modal-body > .row > .input-group:not(:last-child),
#lswebportal .modal-body .puDetails .row > .input-group:not(:last-child),
#lswebportal .modal-body .doDetails .row > .input-group:not(:last-child) {
	margin-right: 10px;
}
#lswebportal .editorDateTime .col.itm0 {
	width: calc((100% - 20px)/5*3);
	min-width: 200px;
}
#lswebportal .editorDateTime .col.itm1,
#lswebportal .editorDateTime .col.itm2 {
	width: calc((100% - 20px)/5);
	min-width: 55px;
}
#lswebportal .modal.fade.show {
	opacity: 1;
	transition: opacity 0;
}
#lswebportal .modal-dialog {
	max-width: 960px;
}
#lswebportal .modal-header {
	background-color: #f8ba63;
	padding: 0.5rem 1rem;
}


/*************************/
/*** 4.1 MODAL TOOLTIP ***/
/*************************/

#lswebportal .editorDateTime,
#lswebportal .editorDateTime .input-group {
	position: relative;
	transition: opacity 0.3s;
}
#lswebportal .editorDateTime::before,
#lswebportal .editorDateTime .input-group::before {
	position: absolute;
	width: auto;
	min-width: 120px;
	padding: 4px 8px !important;
	background-color: #555;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
}
#lswebportal .editorDateTime .input-group::before {
	bottom: calc(100% + 10px);
	left: calc(50% - 60px);
}
#lswebportal .editorDateTime .input-group:nth-child(1)::before {
	content: "Date";
	left: calc(50% - 12px);
}
#lswebportal .puDetails .editorDateTime .input-group:nth-child(1)::before {
	content: "Pickup Date* (Mandatory)";
}
#lswebportal .puDetails .editorDateTime .input-group:nth-child(2)::before {
	content: "Earliest Pickup Time* (Mandatory) \A This time must be greater than the current time plus the pre-booking interval defined by your towing provider (if applicable)";
	white-space: pre-wrap;
	width: 200px;
	margin-left: -40px;
}
#lswebportal .puDetails .editorDateTime .input-group:nth-child(3)::before {
	content: "Latest Pickup Time \A (if not required leave blank)";
}
#lswebportal .doDetails .editorDateTime .input-group:nth-child(1)::before {
	content: "Drop Off Date \A (if not required leave blank)";
	white-space: pre-wrap;
}
#lswebportal .doDetails .editorDateTime .input-group:nth-child(2)::before {
	content: "Earliest Drop Off Time \A (if not required leave blank)";
	white-space: pre-wrap;
}
#lswebportal .doDetails .editorDateTime .input-group:nth-child(3)::before {
	content: "Latest Drop Off Time \A (if not required leave blank)";
}
#lswebportal .editorDateTime .input-group::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
}
#lswebportal .editorDateTime .input-group:nth-child(1)::after {
	left: 75%;
}
#lswebportal .editorDateTime:hover::before, 
#lswebportal .editorDateTime:hover::after, 
#lswebportal .editorDateTime .input-group:hover::before, 
#lswebportal .editorDateTime .input-group:hover::after {
	visibility: visible;
	opacity: 1;
} 


/****************/
/*** 5.0 GRID ***/
/****************/

#lswebportal .table thead th {
    background-color: #f8ba63;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8ba63), color-stop(100%, #f5a638));
    background: -webkit-linear-gradient(top, #f8ba63 0%, #f5a638 100%);
    background: -moz-linear-gradient(top, #f8ba63 0%, ##f5a638 100%);
    background: -ms-linear-gradient(top, #f8ba63 0%, #f5a638 100%);
    background: -o-linear-gradient(top, #f8ba63 0%, #f5a638 100%);
    background: linear-gradient(to bottom, #f8ba63 0%, #f5a638 100%);
/*    color: white !important;*/
}

#lswebportal .table tbody > tr:hover {
	background-color: rgba(244, 161, 48, 0.1) !important;
}
#lswebportal table.dataTable.display tbody tr > .sorting_1,
#lswebportal table.dataTable.order-column.stripe tbody tr > .sorting_1 {
	background: transparent;
}
#lswebportal table.dataTable.display tbody tr:hover > .sorting_1,
#lswebportal table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
	background: transparent;
}
#lswebportal .table thead th.sorting {
	position: relative;
}
#lswebportal .table thead th.sorting .lsgrid-sorting,
#lswebportal .table thead th.sorting_desc .lsgrid-sorting,
#lswebportal .table thead th.sorting_asc .lsgrid-sorting {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 12px;
}
#lswebportal .table thead th .lsgrid-sorting:before,
#lswebportal .table thead th .lsgrid-sorting:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -4px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent transparent;
}
#lswebportal .table thead th .lsgrid-sorting:before {
	bottom: 2px;
}
#lswebportal .table thead th .lsgrid-sorting:after {
	top: 2px;
}
#lswebportal .table thead th.sorting .lsgrid-sorting:before, 
#lswebportal .table thead th.sorting_desc .lsgrid-sorting:before {
	border-bottom-color: rgba(56, 56, 56, 0.25);
}
#lswebportal .table thead th.sorting_asc .lsgrid-sorting:before {
	border-bottom-color: rgba(56, 56, 56, 1);
}
#lswebportal .table thead th.sorting .lsgrid-sorting:after, 
#lswebportal .table thead th.sorting_asc .lsgrid-sorting:after {
	border-top-color: rgba(56, 56, 56, 0.25);
}
#lswebportal .table thead th.sorting_desc .lsgrid-sorting:after {
	border-top-color: rgba(56, 56, 56, 1);
}


/************************/
/*** 5.1 GRID TOOLTIP ***/
/************************/

#lswebportal table th {
	position: relative;
	transition: opacity 0.3s;
}
#lswebportal table th::before {
	content: attr(aria-label);
	position: absolute;
	bottom: calc(100% + 10px);
	left: calc(50% - 80px);
	width: auto;
	max-width: 160px;
	padding: 4px 8px !important;
	background-color: #555;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	white-space: pre-wrap;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
}
#lswebportal table th::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
}
#lswebportal table th:hover::before, 
#lswebportal table th:hover::after {
	visibility: visible;
	opacity: 1;
} 


/*****************/
/*** 6.0 ADMIN ***/
/*****************/

#lswebportal #default .btn,
#lswebportal #cache .action,
#lswebportal #cacheSubmit {
	position: relative;
	font-size: 0.9rem;
	width: auto;
	min-width: 100px;
}
#lswebportal #cache .form-check-label {
	margin-left: 5px;
}
#lswebportal .container-fluid > .row .col-sm {
	flex-basis: 50%;
}


/*****************/
/*** Z.0 OTHER ***/
/*****************/


/**********************/
/*** Z.1 RESPONSIVE ***/
/**********************/

@media (max-width: 991px) {
	#lswebportal .navbar .navbar-toggler {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#lswebportal .navbar .navbar-collapse {
		order: 5;
		text-align: center;
	}
	#lswebportal .navbar .nav-item .nav-link {
		padding-top: 14px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 1.5rem;
		font-weight: 700;
	}
	#lswebportal .navbar .nav-item:active .nav-link,
	#lswebportal .navbar .nav-item.active .nav-link {
		border-bottom-color: transparent;
	}
	#lswebportal .modal-body .row > .input-group {
		flex-basis: 100%;
	}
	#lswebportal .modal-body > .row > .input-group:not(:last-child), 
	#lswebportal .modal-body .puDetails .row > .input-group:not(:last-child), 
	#lswebportal .modal-body .doDetails .row > .input-group:not(:last-child) {
		margin-right: 0;
	}	
	#lswebportal .editorDateTime .col.itm1,
	#lswebportal .editorDateTime .col.itm2 {
		flex-basis: calc(100% - 96px);
		margin-left: 96px;
	}
	#lswebportal .copyright {
		width: 100%;
		text-align: center;
	}
}


@media (min-width: 1009px) {
	.navbar .menu-item-has-children:hover > .sub-menu, 
	.navbar .menu-item-has-children > .sub-menu:hover {
		height: 100%;
		opacity: 1;
		transition: height 0.2s linear;
	}
}	
@media (max-width: 1009px) {
	.navbar .menu-item-has-children > .sub-menu {
		transition: height 0.3s linear, opacity 0.3s linear 0.3s;
	}
	.navbar #menu-item-264.menu-item-has-children > .sub-menu.sub-menu-active {
		height: 365px;
	}
	.navbar #menu-item-225.menu-item-has-children > .sub-menu.sub-menu-active {
		height: 487px;
	}
}
@media (max-width: 575px) {
	.navbar .menu-item-has-children > .sub-menu {
		margin-top: 0;
	}
	.navbar .menu-item-has-children > .sub-menu.sub-menu-active {
		margin-top: 2px;
	}
}