html { position:relative; min-height:100%; }
body { background-color:#FFFFFF; margin-bottom:60px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height: auto; }
body.login { background: transparent url('../images/uvl_background.jpg') 0% 0% no-repeat; background-position:right center; -webkit-background-size:cover!important; }
a, a:hover { color:#333; }
a:focus { outline-style: none; }

.input-lg, .form-group-lg .form-control { font-size:15px; color: #888; }
select.input-lg > option, select.form-group-lg .form-control > option { color:#333333; }
.form-control::-moz-placeholder { color: #888; }
.form-control:-ms-input-placeholder { color: #888; }
.form-control::-webkit-input-placeholder { color: #888; }

/** Sidebar **/
.sidebar, .right-sidebar {
    display: none;
}

/** Content **/
#content { display:block; padding-top:115px; }
#content h1 { font-size:23px; color:#154296; }
#content h2 { font-size:19px; color:#F13A52; margin:0 0 10px 0; }

body.add-job #form10 { margin-left:15px; }
body.add-job #form10 .glyphicon { margin-left:5px; top:5px; }
body.proof h1 { margin-top:-35px; }
body.proof h1.signedin-proof { margin-top:15px; }
body.proof h1 label { padding:3px 7px; font-size:13px; position:relative; top:-2px; left:5px; }
body.proof .panel-heading label { margin-top:2px !important; }
body.proof .bottom-confirm .panel { min-height: 285px !important; }
body.proof .bottom-confirm .panel p { font-size:13px; }
body table thead tr th { color:#F13A52; }
body table tr td a { font-size:14px; font-weight:bold; color:#154296; padding-bottom:5px; }
body table tr td a:hover { text-decoration:underline; color:#154296; }
body table tr td .image-thumb { margin-top:4px; }
body table tr td a { position:relative; display:block; }
body table tr td a .thumbnail { padding:5px ; margin:0; }
body table td.price { color:#f0ad4e; font-weight:bold; }
body.trucks table.dataTable { border-spacing:3px!important; float:left; }
body.trucks table.dataTable tbody td { vertical-align: middle!important; font-size:15px!important; }
table.dataTable tbody td.label { display:table-cell; border-radius:unset; font-weight:normal; }
table.dataTable tbody td.date_widths { text-align:center!important; width:75px !important; }
.hr_styling { margin:2px 0 15px 0; }

body.home .nav-pills > li { margin-right:5px; }
body.home .nav-pills > li.not-active a { background-color:#EEE !important; }
body.home .breadcrumb, body.planner .breadcrumb { font-size:20px; }
body.home .breadcrumb i, body.planner .breadcrumb i { color:#5cb85c; }
body.home table { border:1px solid #EEE; }
body.home table tbody tr { background-color:#EFf1f1; border:1px solid #CCC; }
body.home table thead tr td { color:#154296; text-align:center; font-size:16px; }
body.home table thead tr th { color:#F13A52; padding-left:10px; }
body.home table thead tr th.driver { border-right:1px solid #DDD; color:#666; text-align:right; padding-right:10px; }
body.home table.available-drivers tr { background-color:white; }
body.home table.available-drivers { border:1px solid #CCC; }
body .notes { color:#F13A52; }
body .long-notes { font-size:11px!important; }
body .notes { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
body.staff-users #content .list-group-item p { padding:0 !important; margin:0 !important; }
body.trucks .row label { font-size:14px; }
body.customers-staff table.dataTable thead th, table.dataTable thead td{
	padding-left:10px !important;
}
table.dataTable thead th, table.dataTable thead td { padding-left:10px!important; }
body.reports .col-md-2 { width:15%; }

body table tbody.table-wrapper {
	height: 700px;
	overflow-y: auto;
	width: 100.6%;
}

body table thead.table-wrapper, body table tbody.table-wrapper {
	/*display: block;*/
}

/** Header **/
#navbar-wrapper-content { position:fixed; display:block; z-index:1000; width:100%; clear: both; }
.navbar-wrapper { background:#E6E6E6 url('../images/header.jpg') repeat-x; border-bottom:1px solid #DDD; height:65px; }
.navbar-header .navbar-toggle, .navbar-header .navbar-toggle:active, .navbar-header .navbar-toggle:focus  { margin-top:10px; height:45px; }
.navbar-wrapper .navbar-nav > li > a, .navbar-wrapper .navbar-nav > li > a:focus { background-color:#154296; color:#fff; padding:23px 10px 22px 10px; }
.navbar-wrapper .navbar-nav > li > a:hover, .navbar-wrapper .navbar-nav > li > a.active { background-color:#154296; color:#FFF; }
.navbar-brand { padding:10px 0 0 0; }

.navbar-default { padding:0px; margin:0px; background-color:#154296; border:none; border-radius:inherit; }
.navbar-default ul li a { padding-left:10px; padding-right:10px; margin-right:1px; color:#FFF !important; }
.navbar-default ul li a:hover, .navbar-default ul li a.active { background-color:#F2F2F2 !important; color:#154296 !important; }
.navbar-default ul li a i { margin-right:1px; }

.dropdown-menu li {display: block; }
.dropdown-menu li:last-child { margin-right: 0; }
.dropdown-menu li a { padding: 5px 0px 5px 20px; min-height: 0; }
.dropdown .loggedin { font-weight:bold; }
.dropdown .loggedin i { position:relative; top:3px; }
#error-display.modal.in .modal-dialog{position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);}
.trash-images {margin-top: 8px;margin-bottom: 8px;display: block;margin: auto;text-align: center;cursor: pointer}
.defect-checks span{padding-left: 12px;}
.remove-image{
	position: absolute;
	right: 30px;
	top: 21px;
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	width: 25px;
	height: 25px;
	padding-top: 5px;
	padding-right: 2px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
}
.vehicle-image-detail img{width: 100%;}
.view-defect-report #content{padding-top: 70px;}
.defect-images img.img-thumbnail{cursor: pointer;}
@media (max-width: 767px) {
	#filters-sidebar { background-color:#FFFFFF; }
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { background-color:inherit; color:#000; }
	.navbar-default .navbar-nav { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; background-color:#EEE; }
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus { color:#000; padding:6px 15px;}
	.resend-button { margin-top:20px; }
	.navbar-brand { margin-left:13px; }
	body.proof h1.signedin-proof { margin-top:-35px; }
}

@media (min-width : 768px) {
	.container { width:95%; }
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .container { width:auto; }
}

.panel-heading [data-toggle="collapse"]:after {
	font-family: 'Glyphicons Halflings' !important;
	content: "\e258"; /* "play" icon */
	float: right;
	color: white;
	font-size: 18px;
	line-height: 22px;
	/* rotate "play" icon from > (right arrow) to down arrow */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
	/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: white;
}

.action-div button { background:transparent; border:none; font-size:35px; margin-top:20px; }
.postcode-rules .action-div button{margin-top:0px}
body.invoices .action-div button { margin-top:-11px; }
.action-div .add-service-slot{ color:#5cb85c; }
.action-div .remove-service-slot{ color:#F13A52; }
.invoice-summary { padding:15px 15px 10px 15px; background-color:#EEE; border:1px solid #CCC; border-top:none!important; margin-top:-1px; border-radius:0px; }
.invoice-summary h2 { font-size:15px!important; }
.invoice-summary .third-party { margin-left:15px; }
.time-slots-form-group{ margin-top:15px; }
#time_slots_0 { margin-top:5px!important; }
body .proof-table { margin-bottom:5px!important; }
body .proof-table > tbody > tr:nth-of-type(2n+1) { background:none!important; border:none; }
body .proof-table > tbody > tr > td { border:none; padding-bottom:0; padding-top:10px; }
body .proof-table > tbody > tr:hover { background:none!important; }
body .proof-table > tbody > tr.defects td { border-bottom:1px solid #EEEEEE; padding-top:0; padding-bottom:10px; }

/** Login Page **/
.form-signin {
	max-width:330px;
	padding:5px 15px 15px 15px;
	margin:0 auto;
	background: transparent linear-gradient(129deg, #FFFFFF 0%, #CEE1F2CB 94%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	box-shadow: 15px 15px 15px #9898A365;
	border: 2px solid #FFFCFC;
	border-radius: 15px;
	opacity: 1;
	backdrop-filter: blur(13px);
	-webkit-backdrop-filter: blur(13px);
}
.form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom:10px; }
.form-signin .checkbox { font-weight:normal; }
.form-signin .form-control { position:relative; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:10px; font-size:16px; }
.form-signin .form-control:focus { z-index:2; }
.form-signin img {padding:0!important;margin:0 0 10px 0!important;}
.form-signin input[type="email"] { margin-bottom:10px; border-radius:8px; border:none; }
.form-signin input[type="password"] { margin-bottom:10px;border-radius:8px; border:none; }
.form-signin p { padding-top:10px; text-align:right; }
.form-signin p a { color:#5A2E88; font-weight:bold; font-size:12px; }
.form-signin .btn {
	margin-top:20px!important;
	background-color: #1285E8;
	border-radius:8px;
}

body.home .panel-body { max-height:100px;overflow-y:scroll; }
body.home .panel-body .media, body.home .panel-body .media p { padding:0; margin:0; }
body.home .panel-body .media p { margin:0 0 5px 0; }
body.home .panel-body .media p a { font-size:13px; }
body .multiple-shift-slots hr { border:2px solid #BBBBBB!important; margin:15px 0 30px 0!important; }

body.reports h2 { color:#154296!important;}
.multiple-shift-slots{ display:list-item;list-style-type:decimal;padding-inline-start:10px;font-size:18px;margin-left:20px; }
.multiple-shift-slots::marker{ padding-top: 10px; }
.multiple-shift-slots > .row::before { display: inline-block; }
@media screen and (max-width: 768px) {

}

/** Footer **/
.footer { position:absolute; bottom:0; width:100%; height:40px; background-color:#154296; padding-top:10px; }
.footer .footer-left { display:inline-table; }
.footer .footer-left span { color:#FFF; font-size:14px; font-weight:normal; margin:0px 5px; }
.footer .footer-left a { text-decoration:none; color:#FFF; font-size:14px; }
.footer .footer-left a:hover { text-decoration:underline; color:#FFF; }
.footer .footer-left p { color:#FFF; font-size:12px; line-height:20px; }
.footer .footer-left p a { text-decoration:none; color:#FFF; font-size:12px; }
.footer .footer-left p a:hover { color:#FFF; }
.signature-content a#clear {position: absolute;top: 57px;right: 27px;}
div#signature {border: 1px solid #eee;}
.blink-bg{animation: blinkingBackground 2s infinite;}
@keyframes blinkingBackground{
	0%		{ background-color: #10c018;}
	25%		{ background-color: #1056c0;}
	50%		{ background-color: #ef0a1a;}
	75%		{ background-color: #254878;}
	100%	        { background-color: #04a1d5;}
}