/* HTML Elements */

h2 {
	background: none;
}

p {
	margin-bottom: 0;
}

label {
	color: #efefef;
}

/* Header */

header {
	padding-bottom: 0;
	margin-bottom: 0;
}

header h1,
#header h1 {
	font-size: 50px;
	padding-top: 0;
	margin-bottom: 0em;
	border-top: none;
}

header h1 a,
header h1 a:visited {
	font-weight: normal;
}

header h1 a:hover {
	color: #eee;
}

header h1#logo {
	background: url(../img/trucking-permits-philadelphia-pennsylvania.png) top left no-repeat;
	content: " ";
	height: 176px;
	width: 200px;
}

header h1#logo a,
header h1#logo span {
	display: none;
}


/* Content */

.content {
	padding-bottom: 0;
}

#content {
	color: #fff;
	background: #1c1b1a;
}

.success, .message, .cake-error, .cake-debug, .notice, p.error, .error-message {
	margin-top: 12px;
	margin-bottom: 0;
}

.content .bord-1 .bg-1 {
	padding-bottom: 24px;
}

.content a {
	border-bottom: 1px solid #555453;
}

.content a:hover,
.content a:active {
	border-bottom: 1px solid #e02a00;
	color: #fff;
}

.content .actions a {
	border-bottom: 1px solid #bbb;
}

.content .actions a:hover {
	color: #aaa;
}

.content a.btn-1,
.content .list-1 a {
	border-bottom: none;
}

.content th,
.content th a {
	color: #eee;
}

.content th a,
.content th a:hover,
.content th a:active {
	border-bottom: none;
}

.content th:hover {
	border-bottom: 2px solid #e02a00;
}

table tr:nth-child(even) {
	background: #333;
}

table tr:nth-child(odd) {
	background: #111;
}

.content td,
.content td a {
	color: #efefef;
}

.content td.nowrap {
	white-space: nowrap;
}

.content td.actions a {
	color: #333;
}

.content .paging {
	background: none;
}

.content .paginator {
	margin-top: 1em;
}

.content .paginator p {
	margin-bottom: 0.75em;
}

.content .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em;
	margin: 0;
	padding: 0;
	list-style: none;
}

.content .pagination li {
	margin: 0;
}

.content .pagination a {
	display: inline-block;
	padding: 5px 8px;
	text-decoration: none;
}

.content .pagination .active a,
.content .pagination a:hover {
	text-decoration: underline;
}

.content .pagination .disabled a {
	color: #777;
	cursor: default;
	text-decoration: none;
}

.content dl {
	width: 500px;
}

.content dl dd,
.content dl dt {
	float: left;
}

.content dl dt {
	clear: both;
}

.content dl dd {
	width: 320px;
}

dl dd:nth-child(4n+2), dl dt:nth-child(4n+1) {
	background: #333;
}

.content fieldset {
	margin-bottom: 0;
}

.content form div {
	margin-bottom: 0.5em;
}
/* Sidebar nav */

.content .actions li.active a {
	background: rgb(85,170,204); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(85,170,204,1) 0%, rgba(0,136,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(85,170,204,1)), color-stop(100%,rgba(0,136,204,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(85,170,204,1) 0%,rgba(0,136,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(85,170,204,1) 0%,rgba(0,136,204,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(85,170,204,1) 0%,rgba(0,136,204,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(85,170,204,1) 0%,rgba(0,136,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55aacc', endColorstr='#0088cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	text-shadow: #669 0px 1px 0px;
	border: 1px solid #bbc ;
}

/* Forms */

form .submit input[type=submit] {
	background: #d61b1b; /* Old browsers */
	background: -moz-linear-gradient(top,  #d61b1b 0%, #ad0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d61b1b), color-stop(100%,#ad0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d61b1b 0%,#ad0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d61b1b 0%,#ad0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d61b1b 0%,#ad0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d61b1b 0%,#ad0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d61b1b', endColorstr='#ad0000',GradientType=0 ); /* IE6-9 */
	border: #d61b1b;
	cursor: pointer;
}

form .submit input[type=submit]:hover,
form .submit input[type=submit]:active {
background: #f41f1f; /* Old browsers */
background: -moz-linear-gradient(top,  #f41f1f 0%, #d11212 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f41f1f), color-stop(99%,#d11212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f41f1f 0%,#d11212 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f41f1f 0%,#d11212 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f41f1f 0%,#d11212 99%); /* IE10+ */
background: linear-gradient(to bottom,  #f41f1f 0%,#d11212 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f41f1f', endColorstr='#d11212',GradientType=0 ); /* IE6-9 */	
}

/* Form Dialog */

#dialog {
	display: none;
}

#dialog .form, 
#dialog div.view,
#dialog .ui-dialog-content .form {
	float: none;
	width: 100%;
	border-left: none;
	padding: 5px;
}

#dialog .form fieldset {
	border: none;
	padding: none;
	clear: both;
}

#dialog .form .input {
	float: left;
	width: 47%;
	margin-right: 4px;
	clear: none;
	margin-bottom: 0.3em;
	padding: 0.25em;
	height: 50px;
}

#dialog .form .input label {
	font-size: 90%;
}

#dialog .form .input input {
	padding: 0.5%;
}

#dialog .form .select select {
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

#dialog .form fieldset h3 {
	clear: both;
}

.view .info-list li {
	width: 10%;
	min-width: 80px;
	clear: none;
	float: left;
}

.view h3,
.form h3 {
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
	margin-bottom: 0.25em;
}

.form .input,
.form .select {
	margin-bottom: 0.25em;
	padding: 0.25em 0 0.25em 0;
	width: 46%;
	float: left;
	clear: none;
}

.form .input input {
	padding: 0.5%;
	width: 95%;
}

.form .info-list .input {
	width: 5%;
	min-width: 45px;
	float: left;
	margin-right: 4px;
	clear: none;
	margin-bottom: 0.25em;
	padding: 0.25em;
	height: 50px;
}

/* Route form sections contain floated controls; force each fieldset to wrap them. */
.routes.form fieldset,
#dialog .routes fieldset {
	clear: both;
	overflow: auto;
}

#vehicles .form .submit {
	clear: none;
	text-align: center;
}

#vehicles .form .submit input[type=submit] {
	margin-top: 1em;
}

.vehicle-controls * {
	float: left;
	clear: none;
}

.vehicle-controls span {
	line-height: 30px;
	padding-right: 20px;
	vertical-align: middle;
}

.form #route-list .select {
	float: left;
	clear: both;
	width: 190px;	
}

#dialog .form #route-list .text {
	float: left;
	clear: none;
	width: 500px;
	padding-left:20px;
}

.form label[for=VehicleVehicle] {
	display: none;
}

#dialog .form #RouteDetails {
	height: 45px;
}

#dialog .form input[type=submit] {
	display: none;
}

.form .ms-container {
	width: 440px;
	padding: 0;
	margin: 0;
}

.form #selected-vehicles,
.form label[for=selected-vehicles] {
	display: none;
}



#vehicles .form {
	width: 90%;
	float: left;
	border-left: none;
	border-bottom: 1px dashed #e32;
}

#vehicles .form form {
	width: 98%;
	margin: 0 auto;
}

#vehicles .form .submit {
	clear: none;
	margin-left: 8%;
	width: auto;
	padding: 0 0.5em;
	vertical-align: middle;
	float: left;
}

#vehicles .form .btn {
	border-radius: 3px;
}

#vehicles .form .submit input[type=submit] {
	display: inline-block;
	padding: 5px 17px 5px;
	font-family: 'Droid Sans',sans-serif;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	color: #FFF;
	background: none repeat scroll 0% 0% #433F3E;
	text-transform: uppercase;
	margin-top: 12px;
	margin-right: 19px;
	font-weight: bold;
}

.form .ms-container .ms-selectable:before {
	content: "Available";
}

.form .ms-container .ms-selection:before {
	content: "Selected";
}

.form .ms-container .ms-selectable, 
.form .ms-container .ms-selection {
	clear: none;
	width: 42%;
	background: #222;
	color: #eee;
}

.form .ms-container .ms-selectable ul li {
	color: #ccc;
}
.form .ms-container .ms-selection ul li {
	color: #efefef;
}

.form .existing-route {
	width: auto;
	margin-right: 1%;
}

.form #new-route {
	color: #fff;
	text-align: left;
	width: 250px;
}

/*
#dialog .routes .origin-state,
#dialog .routes .destination-state {
	float: left;
	clear: both;
	width: 150px;	
}

#dialog .routes .origin-zip,
#dialog .routes .destination-zip {
	float: left;
	clear: both;
	width: 500px;	
}
*/

#dialog .routes select {
	max-width: 100%;
}

#dialog .routes fieldset {
	margin-bottom: 4px;
}

form label.error {
	background: transparent;
	color: #e32;
}

form .required label.error:after {
	content: "";
}

/* Footer */
.fcenter {
	width: 300px;
}

.fcenter .list-services {
	float: left;
}

#footer a {
	font-weight:normal;
}

/* Home Page */

/* Permits Page */
tr.draft td {
	color: #9cc;
}

tr.approved td {
	color: #9f9;
}

tr.rejected td {
	color: #f99;
}

tr.inactive td,
tr.inactive td a {
	color: #c99;
}

tr.deleted td {
	color: #666;
}






/* ZWB */

#axle-list label {
	width:100px;
}

#PermitVehiclesForm fieldset {
	margin-bottom:35px;
}





















/*=========================== RESPONSIVE LAYOUTS ================================*/


@media only screen and (max-width: 995px) {
	
}
@media only screen and (max-width: 767px) {
	.actions {
		display:block;
		clear:both;
	}
	.actions li {
		width:150px;
	}
	.app_content {
		float:left !important;
		clear:both !important;
	}
}
@media only screen and (max-width: 479px) {
	
}
@media only screen and (max-width: 320px) {
	
}