/**
 * Table of Contents:
 *
 * 1.0 - Reset/Normalized
 * 2.0 - Repeatable Patterns
 *     2.1 - Custom checkboxes, radio buttons and select boxes
 *     2.2 - Form/Table Items
 *     2.3 - Common Classes
 *     2.4 - Common Icons
 *     2.5 - Gradient Colors
 *     2.6 - Misc.
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 	   4.1 - Logo & top buttons area
 * 	   4.2 - Main menu
 * 5.0 - Content
 *     5.1 - 
 * 6.0 - Footer
 *     6.1 - More Services
 *     6.2 - Our Partners
 *     6.3 - Contact Info
 * 7.0 - Specific Pages
 *
 *
 * 8.0 - Media Queries
 *
 *
 * 9.0 - Print
 *
 */


/* 1.0 ---------------------------------------- Reset -------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

/* Makes grids/responsive easier to deal with for mobile.*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, em, img, ins, q, s,
small, strike, strong, sub, sup, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
	display: block; /*- HTML5 old IE -*/
}
body {
	line-height: 1;
	margin: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /*-IE67-*/
}



a 	{
	text-decoration: none;
}
a:link,
a:visited {
	color: #115688;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	color: #115688;
	text-decoration: underline;
}

strong {
	font-weight: 700;
}
b {
	font-weight: 700;
}
em {
	color: #ff9d1d;
	font-weight: 700;
}
i {
	font-style: italic;
}

h1,
h2 {
	padding: 0 20px;
	margin-bottom: 30px;
}

h1 {
	color: #316a9b;
	font-size: 27px;
	font-weight: 700;
}
h2 {
	color: #316a9b;
	font-size: 24px;
	font-weight: 700;
}
h3 {
	color: #577596;
	font-size: 21px;
	margin: 30px 0 0;
}

h4 {
	color: #115688;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

h5 {
	color: #115688;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px;
}
h6 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 0 10px;
}

p {
	padding: 0 20px;
	margin-bottom: 18px;
}


dt {
	font-weight: 700;
	margin: 0 0 10px 15px;
}
dd {
	line-height: 1.3;
	text-indent: 15px;
	margin: 0 0 30px 15px;
}
dd a:link,
dd a:visited {
	color: #5091db;
}
ol li {
	margin: 0 0 0 40px;
}
ol,
dl {
	list-style-position: outside;
	margin: 20px 0;
	padding: 0;
}
ol a,
dl a {
	text-decoration: none;
}
ol li a:link {
	color: #5091db;
}
ol li a:visited {
	color: #000;
}
dd a:hover,
dd a:active,
dd a:focus,
ol li a:hover,
ol li a:hover,
ol li a:focus {
	color: #00467a;
}

small {
	font-size: 80%;
}

fieldset {
	clear: both;
	background: #f1f1f1;
	margin: 0 0 15px 0;	
	border: none;
	padding-left: 0;
	padding-right: 0;
}
legend {
	background: #ffb221;
	width: 100%;
	padding: 8px 20px;
}
th {
	vertical-align: middle;
}


::selection {
	background: #fbac1f;
	color: #fff;
}
::-moz-selection {
	background: #fbac1f;
	color: #fff;
}


/*-------- Clearing floats --------*/
.clear:after,
.wrapper:after,
#content:after,
#main:after,
.partners:after,
.site-info:after,
.copyright:after,
.messages:after,
.table:after,
fieldset:after,
.buttons:after,
.item-set:after,
.result-actions:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
#content:before,
#content:after,
#main:before,
#main:after,
.partners:before,
.partners:after,
.site-info:before,
.site-info:after,
.copyright:before,
.copyright:after,
.messages:before,
.messages:after,
fieldset:before,
fieldset:after,
.table:before,
.table:after,
.buttons:before,
.buttons:after,
.item-set:after,
.item-set:before,
.result-actions:before,
.result-actions:after {
	display: table;
	content: " ";
}


/* 2.0 ---------------------------------------- Repeatable Patterns ---------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */


/*---------- Responsive images ----------*/
#content img,
.img-fluid {
	max-width: 100%;
	height: auto;
}

/*---------- Form fields, general styles first ----------*/
form {
	clear: both;
}
button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 16px;
	padding: 5px 8px;
	border: none;
	border-radius: 3px;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	max-height: 34px;
	padding: 5px 5px 5px 3px;
}
button,
input {
    line-height: normal;
}
input[type="text"],
input[type="password"],
input[type="email"],
select,
.styled-select,
.select2-selection,
textarea {
	background: #fff;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	margin: 1px;
}
select:not([multiple]) {
	background: #fff url(../images/sprite-items-v18.png) right -466px no-repeat;
	padding-right: 15px;
}
select.smaller {
	background-position: right -470px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: #000;
	padding: 2px 5px !important;
}
span.select2-rendered__match {
	background: #fdd487;
	text-decoration: underline;
}
/* next 2 help with hidden select2 elements */
/*.select2-container--default .select2-search--inline .select2-search__field {
	width: 100% !important;
}*/
.select2-container .select2-search--inline {
	float: none !important;
}

/* should probably be the other way around */
.select2-dropdown--below:not(.autowidth) {
	min-width: 280px;
}
.select2-container--default .select2-results > .select2-results__options {
	overflow-x: hidden;
}
.select2-container--open {
	z-index: 9003;
}
.hidden-dropdown {
	display: none;
}

textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #115688;
}

.select-multi {
	display: inline;
	position: relative;
}
.mobile .select-multi { /* mobile browser styling */
	display: inline-block;
	background: #fff;
	vertical-align: top;
	width: 48% !important;
	padding: 6px 3px 5px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	margin-top: 1px;
	overflow: hidden;
}
.mobile #main .select-multi select {
	height: 16px;
	width: 100% !important;
	padding: 0;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
}

.select-values {
	position: absolute;
	background: #fff;
	font-size: 13px;
	line-height: 22px;
	text-overflow: ellipsis;
	text-rendering: auto;
	white-space: nowrap;
	top: 0;
	left: 0;
	height: 22px;
	width: calc(100% - 5px);
	padding-left: 1px;
	margin: 4px 0 0 4px;
	overflow: hidden;
	pointer-events: none;
}

/*---------- Reset non-text input types ----------*/
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"] {
	margin-top: 8px;
	margin-bottom: 8px;
}
input[type="file"],
input[type="hidden"],
input[type="image"] {
	padding: 0;
	border: 0;
	border-radius: 0;
}


/*---------- Input Buttons ----------*/
button.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #115688;
	background: -webkit-linear-gradient(top, #587daf 0%,#41669c 100%);
	background: linear-gradient(to bottom, #587daf 0%,#41669c 100%);
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	padding: 4px 10px;
	border: 0;
	cursor: pointer;
	white-space: pre-line;
	-webkit-appearance: none; /*-iOS-*/
	border-bottom: 2px solid #355480;
	border-radius: 8px;
}
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background-color: #003c6a;
	outline: none;
}
button[disabled],
input[disabled] {
    cursor: default;
    color: #ddd;
}
button.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background-color: #003c6a;
	color: #fff;
}
button.button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background-color: #003c6a;
	color: #fff;
}

.button {
	display: inline-block;
	background: #115688;
	background: -webkit-linear-gradient(top, #587daf 0%,#41669c 100%);
	background: linear-gradient(to bottom, #587daf 0%,#41669c 100%);
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	text-indent: 0; /*-table list-view reset-*/
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	padding: 4px 10px;
	margin: 15px 8px 0 0;
	border-bottom: 2px solid #355480;
	border-radius: 8px;
}
.button + .button:last-child {
	margin-right: 0;
}
.button.right + .button.right:last-child {
	margin-right: 15px;
}

td > .button {
	margin: 5px;
}

.button:link,
.button:visited {
	color: #fff;
}
.button:hover,
.button:active,
.button:focus {
	background: #587daf;
	color: #fff;
	text-decoration: none;
	outline: none;
}
.button span {
	color: #ffa700;
}

.button.large {
	font-size: 19px;
	font-weight: 700;
	padding: 10px 20px;
}

.button.smaller {
	padding-right: 6px;
	padding-left: 6px;
}

.button.text {
	background: inherit !important;
	color: #115688 !important;
	text-shadow: none;
	border-bottom: none !important;
}
.button.text:hover,
.button.text:active {
	color: #CA850E !important;
}

.button.last {
	margin-right: 0;
}

.button.noaction {
	background: #CA850E;
	border-bottom-color: #a26804;
}
.button.noaction:hover,
.button.noaction:active,
.button.noaction:focus {
	background: #A0690A;
}
.note .noaction {
	background: #d6972a;
}

.button.orange {
	background: #f7ab27;
	background: -webkit-linear-gradient(top, #f7ab27 0%,#f49817 100%);
	background: linear-gradient(to bottom, #f7ab27 0%,#f49817 100%);
	color: #fff;
	border-bottom-color: #c87d13;
}
.button.orange:hover,
.button.orange:active,
.button.orange:focus {
	background: #f7ab27;
}


/*for jQuery placeholder, IE6-9*/
.placeholder {
	color: #aaa;
}


/* ----- 2.1 ---------------------------------- Custom checkboxes, radio buttons and select boxes ---------------------------------------- */


/*.single-select {} */
.ui-multiselect {
	padding: 4px 2px 4px 5px;
}


/* ----- 2.2 ---------------------------------- Form/Table Items ---------------------------------------- */

#form-company-info {
	margin-top: 50px;
}

.frm h1 {
	color: #466ba1;
	font-size: 18px;
	margin: 0 0 25px 0;
	padding: 0;
	text-transform: uppercase;
}

.frm .section {
	margin-bottom: 0;
}

.frm .heading:nth-child(0),
.frm .heading:nth-child(1) {
	margin-bottom: 25px;
}

.frm .heading {
	align-items: center;
	border-left: 4px solid #feb221;
	color: #555;
	display: flex;
	flex-direction: row;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
	padding-left: 15px;
}

.frm .heading hr {
	flex-grow: 1;
	margin-left: 20px;
}

.frm p {
	color: #555;
	font-size: 14px;
    line-height: 18px;
    margin: 0 0 35px 0;
	padding: 0;
}

.frm .form-element {
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
}

.frm .form-controls {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.frm label {				
	color: #777;				
	font-size: 13px;
	margin-bottom: 10px;
}

.frm .form-element.checkbox label {
	align-items: baseline;
	display: flex;
	flex-direction: row;				
	line-height: 24px;
}

.frm .form-element.checkbox input {
	margin-right: 25px;
}

.frm label .asterisk {
	color: #d5900c;
}

.frm input[type="checkbox"] {
	background-color: #f5f5f5;
	border: none;
	border-radius: 5px;
}

.frm .opt {
	align-items: center;
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}

.frm .opt .button {
	margin: 0 10px 0 0;
}

.frm input[type="text"],
.frm input[type="password"],
.frm select,
.frm button {
	background-color: #f5f5f5;
	border: none;
	border-radius: 5px;
	font-size: 13px;
	height: 30px;
	width: 100%;
}

.frm .columns {
	display: flex;
	flex-direction: column;
}

.frm .columns .column {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.frm .empty-label {
	display: none;
}

.frm .columns .column:first-child {
	margin-right: 30px;
}

.frm .errors {
	color: red;
	display: none;
	font-size: 16px;
	line-height: 24px;
}

.frm input[type="button"] {
	margin-right: 10px;
	width: 175px;
}

.columns {
	display: flex;
	flex-direction: column;
}

#receipt {
	margin-top: 50px;
}

#receipt h2 {
	color: #466ba1;
	font-size: 24px;
	margin: 0;
	text-align: center;
}

#receipt hr {
	background-color: #feb221;
	height: 3px;
	margin: 25px auto 20px auto;
	width: 80px;
}

#receipt img {
	display: block;
	margin: 15px auto;
}

#receipt h3 {
	color: #555;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

#receipt h4 {
	color: #555;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

#receipt .containers {
	display: flex;
	flex-direction: column;
	margin: 35px auto 0 auto;
}

#receipt .container {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#receipt .container .button:first-child {
	margin-bottom: 20px;
}

#receipt .container .button {
	text-align: center;
	width: 280px;
}

#receipt .container .button.transparent {
	background: transparent;
	border: 1px solid #fff;

}

#receipt #loads-container {
	background: url(../images/loads-bg.png) no-repeat;
	height: 300px;
	width: 585px;
}

#receipt #trucks-container {
	background: url(../images/trucks-bg.png) no-repeat;
	height: 300px;
	width: 585px;
}

.page-free-posting .content {
	font-size: 16px;
	margin: 0 auto;
	max-width: 1200px;
}

.page-free-posting .content h1 {
	color: #466ba1;
	font-size: 18px;
	margin: 25px 0 0 0;
	padding: 0;
	text-align: center;
}

.page-free-posting .content hr.orange {
	background-color: #feb221;
	height: 3px;
	margin: 25px auto;
	width: 80px;
}

.page-free-posting .content hr.grey {
	background-color: #dddddd;
	height: 2px;
	margin: 25px 10px;
}

.page-free-posting .content .column {
	margin-bottom: 50px;
	padding: 0 20px;
}

.page-free-posting .content .column p {
	color: #555;
	font-weight: normal;
	margin: 0 0 15px 0;
	max-width: 380px;
	text-align: left;
}

.page-free-posting .content p {
	color: #555;
	font-weight: bold;
	font-size: 14px;
    line-height: 18px;
    margin: 0 20px;
	padding: 0;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.columns {
		flex-direction: row !important;
		justify-content: space-between;
	}
	.page-free-posting .columns {
		justify-content: center;
	}

	#receipt {
		margin-top: 100px;
	}

	#receipt h2 {
		font-size: 30px;
	}

	#receipt hr {
		margin: 55px auto 50px auto;
	}

	#receipt img {
		margin: 30px auto;
	}

	#receipt h3 {
		font-size: 24px;
	}

	#receipt h4 {
		font-size: 16px;
	}

	#receipt .containers {
		flex-direction: column;
		margin: 65px auto 0 auto;
	}

	.page-free-posting .content .column {
		margin-bottom: 0;
	}

	.frm h1,
	.page-free-posting .content h1 {
		font-size: 26px;
		margin: 0 0 50px 0;
	}

	.page-free-posting .content h1 {
		margin-top: 50px;
	}

	.frm p,
	.page-free-posting .content p {
		font-size: 16px;
		line-height: 24px;
		margin: 0 15px 35px 15px;
	}

	.page-free-posting .content p {
		margin: 0 0 25px 0;
	}

	.page-free-posting .content hr.orange {
		margin: 40px auto;
	}

	.page-free-posting .content hr.grey {
		margin: 50px auto;
		width: 100%;
	}

	.frm .heading {
		font-size: 18px;
		height: 30px;
		line-height: 30px;
		margin-bottom: 50px;
	}

	.frm .section {
		margin-bottom: 35px;
	}

	.frm label {				
		font-size: 15px;
		margin-bottom: 18px;
	}

	.frm input[type="text"],
	.frm input[type="password"],
	.frm select,
	.frm button {
		font-size: 16px;
		height: 40px;
		max-width: 100% !important;
		width: 100%;
	}

	.frm button {
		font-size: 13px !important;
	}

	.frm .columns {		
		flex-direction: row;
		justify-content: space-between;
	}

	.frm .columns .column {
		width: 50%;
	}

	.frm .empty-label {
		display: block;
	}

	.frm .form-controls {
		justify-content: flex-start;
	}
}

@media screen and (min-width: 1200px) {
	.frm {
		margin: 0 auto;
		max-width: 1050px;
	}

	#receipt .containers {
		flex-direction: row;
		width: 1200px;
	}
}

.box {
	background: #f1f1f1;
	/* width: 50%; jg */
	width: 90%; /* jg */
	max-width: 600px;
	/*padding: 40px;*/
	margin: 0 auto 40px;
}

.padded {
	padding: 20px 30px;
}

.table {
	position: relative;
	background: #f1f1f1;
	margin-bottom: 40px;
}
.scroll-x {
	overflow-x: auto;
	overflow-y: hidden; /* IE/Edge */
}

#content table img {
	max-width: none;
}

/* removed from results, using nth-child selector now */
.even {
	background: #d5d5d5;
}
.odd {
	background: #f1f1f1;
}

td.sortBy {
	color: #587fb2;
	border-bottom: 1px solid #a2cbd8;
}

.item {
	display: inline;
	white-space : nowrap; /* make .item stay intact */
}
.item-set {
	margin-bottom: 15px;
}
.inline-block > * {
	display: inline-block;
	vertical-align: top;
}


.half {
	position: relative;
	overflow-x: hidden;
}

.required {
	color: red;
}
.label-radio {
	margin-right: 20px;
}


.kalendae .k-days span {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.date-pick + .ui-datepicker-trigger {
	display: none; /*- temp solution, should be able to hide the dumb required image-*/
}
.calendar_section,
.dropdown_section {
	display: inline-block;
	vertical-align: top;
}


.checkbox-list {
	float: left;
}
.checkbox-list li {
	float: left;
	width: 99%;
	padding-left: 1%;
}

.full {
	position: relative;
	table-layout: fixed; /*-speeds things up-*/
	min-width: 100%;
}
.full th {
	color: #fff;
	text-align: center;
	min-height: 30px;
	padding: 8px 5px;
	border-left: 1px solid #125687;
	empty-cells: hide;
}
.full th a {
	color: #fff;
}
.full td {
	font-size: 13px;
	vertical-align: middle;
	padding: 0 5px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
.full.large td {
	font-size: 18px;
	padding: 10px 5px;
}
.full th.empty,
.full td.empty {
	background: none;
	width: 5px;
	padding: 0;
	border-color: #fff;
}
.full .borderless {
	border: 0;
}

.private {
	background: #F39D02 !important;
	border-left: 1px solid #E49500 !important;
	filter: none !important;
}



/* ----- 2.3 ---------------------------------- Common Classes ---------------------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}
.align-right {
	text-align: right;
}

.smaller {
	font-size: 80%;
}
.strike {
	text-decoration: line-through;
}
.inherit {
	color: inherit !important;
}

.center {
	clear: both;
	text-align: center;
}
.centered {
	display: block;
	margin: 0 auto;
}

.error,
.warning {
	color: red;
	font-size: 150%;
}
.success {
	font-weight: 700;
	font-size: 150%;
}

.hidden {
       display: none;
}

.rel {
	position: relative;
}

/* ----- 2.4 ---------------------------------- Common Icons ---------------------------------------- */


a.question,
a.wrench {
	display: inline-block;
	background: url(../images/sprite-items-v18.png) no-repeat;
	text-indent: -5000px;
}

/*-question mark icon-*/
a.question {
	background-position: -288px -45px;
	cursor: help;
	height: 12px;
	width: 12px;
}

/*-wrench icon-*/
a.wrench {
	background-position: -260px -1px;
	vertical-align: text-top;
	height: 18px;
	width: 18px;
}

/* ----- 2.5 ---------------------------------- Gradients / colors ---------------------------------------- */

.full th {
	background: #3b74a4;
	background: -webkit-linear-gradient(top, #3b74a4 0%,#135688 100%);
	background: linear-gradient(to bottom, #3b74a4 0%,#135688 100%);
}


.blue2 {
	color: #456694;
}


/* ----- 2.6 ---------------------------------- Misc. ---------------------------------------- */

/*---------- Refresh Timer widget ----------*/
.refresh-timer {
	text-align: right;
	padding: 0 20px;
	margin-bottom: 10px;
}


/*---------- Pagination ----------*/
.pages {
	text-align: center;
}
.pages li {
	display: inline-block;
	min-width: 113px;
	margin: 0 15px 20px;
}





/* 3.0 ---------------------------------------- Basic Structure ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

/*---------- Body, links, basics ----------*/

body {
	background: #fff;
	color: #4b4b4b;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	text-align: center;
}


h1 em,
h2 em {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

fieldset .item-set,
fieldset p,
fieldset ul {
	margin: 10px;
}
fieldset p,
fieldset ul {
	margin: 10px 0;
}
fieldset h3 {
	padding: 0 20px;
}


/*---------- basic layout ----------*/
#main,
.wrapper {
	padding: 0 10px;
	margin: 0 auto;
}
@media screen and (min-width: 1300px) {
	#main,
	.wrapper {
		max-width: 1340px;
		padding: 0 10px;
		margin: 0 auto;
	}

	#header {
		margin: 0 auto;
	}
}

@media screen and (max-width: 1199px) {
	#header .wrapper {
		padding: 0 10px;
	}

	#main,
	.wrapper {
		padding: 0;
		margin: 0;
	}
}

@media screen and (min-width: 1100px) {
	#header {
		height: 100% !important;
	}

	#nav {
		top: -32px !important;
	}

	.highlights .phones {
		margin-top: -75px;
	}
}

@media screen and (max-width: 1200px) {
	.full td,
	.full th {
		font-size: 10px;
		padding: 2px;
	}
	.myarrow {
		width: 12px;
		height: 12px;
	}
}


/* 4.0 ---------------------------------------- Header ---------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

#header {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	position: fixed;
	width: 100%;
	z-index: 9001;
}

#header .wrapper {
	width: 100%;
}

#header .brand-wrapper {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
}

#brand {
	align-items: center;
	display: flex;	
	flex-direction: row;
	height: 45px;
	justify-content: space-between;
	width: 100%;
}

#logo {
	height: 40px;
}

#logo img {
	max-height: 35px;
}

#nav {
	align-items: center;
	background-color: #466ba1;
	display: none;
	flex-direction: column;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9001;
}

#nav a {
	color: #fff;
	text-decoration: none;
}

#nav.show {
	display: flex;
}

#header .brand-wrapper .quicklinks {
	margin: 0 0 10px 0;
}

#header .quicklinks {
	align-items: center;
	color: #fff;
	display: none;
	flex-direction: row;
	font-weight: bold;
}

#header .quicklinks a {
	text-decoration: none;
}

#header .quicklinks.show {
	display: flex;
}

.logged-in {
	display: inherit;
	list-style: none;
}

#header .quicklinks #my-account-nav {
	background-color: #135688;
	display: none;
	flex-direction: column;
	padding: 5px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 60px;
	width: 180px;
	z-index: 9999;
}

#header .quicklinks #my-account-nav li {
	margin: 0 8px;
}

#header .quicklinks #my-account-nav li a {
	color: #fff;
	display: block;
	font-weight: normal;
	padding: 10px;
}

#header .quicklinks #my-account-nav li a:hover {
	color: #f99c16;
}

#header .quicklinks  #my-account-nav.show {
	display: flex !important;
}

#header .quicklinks .button {
	margin: 0 0 0 30px;
}

#nav .quicklinks {
	padding-bottom: 10px;
}

#login::before {
	content: "|";
	margin: 0 11px 0 8px;
}

#tabs {
	display: flex;
	width: 100%;
}

#tabs ul {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#nav .quicklinks,
#tabs .tab {
	color: #fff;
	line-height: 44px;
	text-align: center;
}

#tabs .tab:first-child {
	margin-left: 0;
}

#tabs .tab a {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#tabs .tab-nav {
	background-color: #0e2d52;
	display: none;	
	justify-content: center;
}

#tabs .tab-nav ul > li > a > span::after {
	content: " ";
	white-space: pre;
}

#tabs .tab.active .tab-nav {
	display: flex;
}

#tabs .tab-nav ul > li {
	line-height: 34px;
}

.toggle {
	align-items: center;
	display: flex;
}

.toggle.arrow-down::after {
	border-top: 5px solid #466ba1;
}

.arrow-down::after {
  	border-left: 5px solid transparent;
  	border-right: 5px solid transparent;
  	border-top: 5px solid #fff;
  	content: "";
  	height: 0; 
  	margin-left: 5px;
  	width: 0; 
}

/*---------------- Mobile Menu ------------------*/

#nav-toggle {
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	margin-left: auto;
	padding: 10px;	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#nav-toggle span {
	background: url(../images/sprite-items-v18.png) -273px -231px no-repeat;
	padding-left: 30px;
}

.mobnav-subarrow {
	display: none;
}


/* 5.0 ---------------------------------------- Content ---------------------------------------- */
/* --------------------------------------------------------------------------------------------- */


/*-------------------- content (layout and general) --------------------*/
#content {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	min-height: 450px; /*-make some pages not have the initial page "shift"-*/
	padding-top: 75px;
}
.page-front #content {
	padding-top: 40px;
	overflow-x: hidden;
}

.trial.signup-page #content {
	padding-top: 40px;
}

.trial #content {
	padding-top: 126px;
}
.page-front.trial #content {
	padding-top: 90px;
}
#main {
	text-align: left;
}

.action:before,
.price:before,
#spotlight:before,
.site-info:before,
.copyright:before {
	content: "";
	position: absolute;
	display: block;
	left: -1500px;
	right: -1500px;
	top: 0;
	bottom: 0;
	z-index: -1;
}

#help-video {
	float: right;
	display: none;
	font-size: 18px;
	font-weight: 400;
}

/*-------------------- carousel (rotator) --------------------*/
#carousel,
#carousel ul {
	height: 70px;
	width: 700px;
	overflow: hidden;
}
#carousel {
	position: relative;
	max-width: 100%;
	margin: 3px auto;
}
#carousel.mobile,
#carousel.mobile ul {
	height: 308px;
	width: 300px;
}
#carousel li {
	list-style: none;
	height: 62px !important;
	width: 470px !important;
	overflow: hidden;
	position: relative;
	top: 0;
	right: 40px;
	margin: 4px 15px;
	border: 1px solid #000;
}
#carousel.mobile li {
	height: 302px !important;
	width: 302px !important;
	right: auto !important;
	margin: 4px 0;
}
#carousel.mobile li img {
	max-width: 100%;
}
.prev,
.next {
	position: absolute;
	background: transparent url(../images/sprite-items-v18.png) no-repeat;
	cursor: pointer;
	top: 0;
	height: 70px;
	width: 60px;
	border: 0;
	z-index: 5;
}
.mobile .next,
.mobile .prev {
	top: 120px;
	opacity: 0.6;
}
.prev {
	background-position: 0 0;
	left: 0;
}
.next {
	background-position: 0 -74px;
	right: 0;
}

.occ_icon_state {
	height: 147px;
	width: 33px;
}





/* 6.0 ---------------------------------------- Footer ---------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

.signup-bottom {
	align-items: center;
	background-color: #fff;
	bottom: 0;
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: center;
	left: 0;
	margin-top: 0;
	padding: 10px 0;
	position: relative;
	width: 100%;
	z-index: 5010;
}

.signup-bottom img {
	display: none;
	position: absolute;
	top: -57px;
}

.signup-bottom .signup-message {
	align-items: center;
	color: #466ba1;
	display: flex;
	font-size: 20px;
	justify-content: space-between;
	margin-top: 0;
	padding: 0;
	z-index: 5011;
}

.signup-bottom .signup-message span {
	color: #f99c16;
}

.signup-bottom .signup-message a {
	text-decoration: none;
}

.signup-bottom .signup-message a.button {
	display: none;
	margin: 0 0 0 30px;
}

.signup-page #footer {
	padding-top: 0 !important;
}

#footer {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	padding: 45px 0 0;
	overflow-x: hidden;
}
#footer a:link,
#footer a:visited {
	color: #fff;
}
#footer h5 {
	color: #fff;
	margin-bottom: 30px;
}
#footer p {
	padding: 0;
}

.partners,
.site-info,
.copyright {
	position: relative;
	clear: both;
	max-width: 1240px;
	padding: 0 10px;
	margin: 0 auto;
}

/* ----- 6.1 ---------------------------------- our partners (white section) ---------------------------------------- */
.partners {
	text-align: center;
}

.our-partners li {
	display: inline-block;
	padding: 5px 0;
}
.our-partners a {
	display: block;
	background: url(../images/our-sponsors-sprite-v2.png) 0 0 no-repeat;
	text-indent: -5000px;
	margin: 0 15px 10px;
}
.our-partners .aljex-software {
	background-position: 0 0;
	height: 47px;
	width: 135px;
}
.our-partners .tmw-systems {
	background-position: -168px 0;
	height: 47px;
	width: 69px;
}
.our-partners .tia {
	background-position: -305px 0;
	height: 47px;
	width: 56px;
}
.our-partners .postonce {
	background-position: -93px -99px;
	height: 34px;
	width: 94px;
}
.our-partners .mercurygate {
	background-position: -218px -99px;
	height: 34px;
	width: 85px;
}
.our-partners .freight-management-systems {
	background-position: -304px -47px;
	height: 47px;
	width: 62px;
}
.our-partners .posteverywhere {
	background-position: -154px -47px;
	height: 47px;
	width: 103px;
}
.our-partners .mcleod-software {
	background-position: -11px -47px;
	height: 47px;
	width: 111px;
}

/* ----- 6.2 ---------------------------------- site info (blue section) ---------------------------------------- */
.site-info {
	background: #466ba1;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.site-info:before {
	background: #466ba1;
}
.section-1 {
	margin: 28px auto;
}
.section-1 li {
	font-size: 16px;
	padding: 7px 0;
}
.section-1 > li {
	color: #fff;
	font-size: 20px;
	width: 250px;
	margin: 0 auto;
}

.section-2 {
	position: relative;
	font-size: 14px;
	text-align: center;
	width: 90%;
	margin: 30px auto;
}

.social-media {
	margin-bottom: 15px;
}
.social-media li {
	display: inline-block; /*-m-*/
	vertical-align: top;
	height: 32px;
	width: 32px;
	margin-right: 10px;
}
.social-media a {
	display: block;
	background: url(../images/sprite-items-v18.png) 0 0 no-repeat;
	text-indent: -5000px;
	height: 32px;
	width: 32px;
}
.social-media .facebook {
	background-position: -147px -168px;
}
.social-media .twitter {
	background-position: -187px -168px;
}
.social-media .linkedin {
	background-position: -227px -168px;
}
.social-media .blog {
	background-position: -267px -168px;
}

.support [title*="Offline"] {
	display: none; /*-hide Offline chat button-*/
}


/* ----- 6.3 ------------------------------- Copyright info (orange bar) ------------------------------------- */
.copyright {
	background: #f6a822;
	color: #fff;
	padding: 15px 10px;
}
.copyright:before {
	background: #f6a822;
}
.copyright p {
	text-align: center;
	margin: 0 0 5px;
}

iframe[name='google_conversion_frame'] {
	position: absolute;
	bottom: 0;
}


/* 7.0 ---------------------------------------- Page Specific ----------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/*---------------------------------------- Front Page ----------------------------------------*/
#attention {
	color: #fff;
	padding: 9vw 10px;
	overflow: hidden; /*---stops temporary scrollbar when resizing---*/
}
#attention,
.backstretch {
	background: #5a5a5a !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#324252+1,3d3c27+22,5c5855+36,504943+69,453421+76,302622+100 */
	background: -webkit-linear-gradient(-45deg, #324252 1%,#3d3c27 22%,#5c5855 36%,#504943 69%,#453421 76%,#302622 100%) !important;
	background: linear-gradient(135deg, #324252 1%,#3d3c27 22%,#5c5855 36%,#504943 69%,#453421 76%,#302622 100%) !important;
}
#attention h1 {
	color: #fff;
}
.page-front section h2 {
	font-size: 30px;
}
.page-front #attention h1:after,
.page-front section h2:after {
	content: "";
	display: block;
	background: #f6a822;
	height: 3px;
	width: 60px;
	margin: 30px auto 0;
}
.action {
	position: relative;
	background: #466ba1;
	color: #fff;
	padding: 50px 10px;
}
.action:before {
	background: #466ba1;
}
.action h2 {
	color: #fff;
}

.tabs {
	font-size: 0;
	max-width: 820px;
	margin: 40px auto 0;
}
.tabs li {
	position: relative;
	display: inline-block;
	list-style: none;
}
.page-front .tabs li {
	width: 50%;
}
.tabs li:first-child:after,
.video-tabs a:first-child:after {
	content: "";
	position: absolute;
	display: block;
	right: -8px;
	bottom: 1px;
	height: 0;
	width: 0;
	border-top: 44px solid transparent;
	border-left: 8px solid rgba(0,0,0,0.2);
	z-index: 2;
}
.tabs h2 {
	font-size: 18px;
	padding: 0;
	margin: 0;
}
.tabs a {
	position: relative;
	display: inline-block;
	background: #3c5e8f;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-bottom: 1px solid #fff; /* E */
	border-radius: 5px 5px 0 0;
	outline: none;
}
.page-front .tabs a {
	width: 100%;
}
.tabs a.active {
	background: #fff;
	color: #4a71a6;
	padding-top: 15px;
	z-index: 5;
}
.page-front .tabs-section {
	clear: both;
	background: #fff;
	color: #555;
	text-align: left;
	width: 100%;
	max-width: 820px;
	border-radius: 0 0 5px 5px;
	padding: 25px 5px;
	margin: 0 auto;
}
.page-front .select2-container--default .select2-search--inline .select2-search__field {
	width: 100% !important;
}
.tabs-section a {
	color: #f1a326;
}
.tabs-section form {
	position: relative;
	z-index: 1;
}
.tabs-section .item + .item {
	margin-left: 10px;
}
.tabs-section .buttons a {
	float: left;
	font-size: 19px;
	margin-top: 20px;
}


.features {
	position: relative;
	background: #fff;
	color: #466ba1;
	margin: 20px auto 0;
	z-index: 1;
}
.features h2 {
	color: #466ba1;
	text-align: center;
	padding: 15px;
	margin: 0;
}
.features ul {
	padding: 30px 0 50px;
}
.features li {
	float: left;
	color: #466ba1;
	cursor: help;
	word-break: break-word;
	min-height: 40px;
	width: 100%;
	padding: 0 20px;
	margin-bottom: 8px;
}
.features li span {
	color: #466ba1;
	padding-left: 10px;
}
.features li span span {
	color: #ff9d1d;
}
.features .icon {
	display: block;
	float: left;
	background: url(../images/sprite-items-v18.png) no-repeat;
	height: 27px;
	width: 26px;
	margin: 0 20px 10px 0;
}
.icon.magnifier {
	background-position: 0 -400px;
}
.icon.chart {
	background-position: -26px -400px;
}
.icon.money {
	background-position: -52px -400px;
}
.icon.road {
	background-position: -78px -400px;
}
.icon.envelope {
	background-position: -104px -400px;
}
.icon.radar {
	background-position: -130px -400px;
}
.icon.blocks {
	background-position: -156px -400px;
}
.icon.camera {
	background-position: -182px -400px;
}
.icon.bubble {
	background-position: -208px -400px;
}
.icon.truck {
	background-position: 0 -427px;
}
.icon.report {
	background-position: -26px -427px;
}
.icon.bond {
	background-position: -52px -427px;
}
.icon.compass {
	background-position: -78px -427px;
}
.icon.weather {
	background-position: -104px -427px;
}
.icon.calendar {
	background-position: -130px -427px;
}
.icon.filter {
	background-position: -156px -427px;
}
.icon.folder {
	background-position: -182px -427px;
}
.icon.letter {
	background-position: -208px -427px;
}

.features .price {
	position: relative;
	background: #f99c16;
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 15px 20px;
	margin: 0 auto;
	z-index: 1;
}
.features .price strong {
	font-size: 36px;
}
.features .price:before {
	background: #f99c16;
}

#spotlight {
	position: relative;
	background: #466ba1;
	color: #fff;
	padding: 40px 10px;
}
#spotlight:before {
	background: #466ba1;
}
#spotlight h2 {
	position: relative; /*-r-*/
	color: #fff;
	font-size: 26px;
}

.video-tabs {
	font-size: 0;
	width: 820px;
	max-width: 95%;
	margin: 0 auto;
}
.video-tabs a {
	display: inline-block;
	background: #3c5e8f;
	color: #fff;
	font-size: 20px;
	width: 50%;
	padding: 10px;
	border-bottom: 1px solid #fff; /* E */
	border-radius: 0 6px 0 0;
}
.video-tabs .active {
	background: #fff;
	color: #4a71a6;
	padding-top: 15px;
	border-radius: 6px 6px 0 0;
}
.container {
	width: 820px;
	max-width: 95%;
	background: #fff;
	padding: 15px;
	margin: 0 auto 30px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.video {
	position: relative;
	padding-bottom: 56.30%; /*-16:9-*/
	padding-top: 25px;
	height: 0;
}
.container iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.js #carriers-owners {
	display: none;
}

.highlights {
	clear: both;
	text-align: left;
	overflow: hidden;
	max-width: 1240px;
	padding: 40px 10px 20px 10px;
	margin: 0 auto;
}
.highlights h2 {
	text-align: center;
}
.highlights h4 {
	margin-bottom: 25px;
}
.highlights p {
	color: #466ba1;
	font-size: 18px;
	line-height: 1.8;
	padding: 0;
	margin-bottom: 40px;
}
.highlights .phones {
	float: none;
	margin-bottom: 20px;
}
.highlights .app-downloads a {
	display: inline-block;
}
.highlights .app-downloads a:hover {
	text-decoration: none;
}
.highlights .app-downloads a:first-child {
	margin-right: 20px;
}

.quotes {
	position: relative;
	background: #44413f url(../images/bg-quotes-truck-road.jpg) top center no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	min-height: 300px;
	padding: 50px 10px 40px;
	margin: 20px auto 40px;
}
.quotes h2 {
	color: #fff;
}
blockquote {
	font-family: inherit;
	font-size: 24px;
	font-style: italic;
	line-height: 1.5;
	margin-top: 20px;
}




/*---------------------------------------- Results Page ----------------------------------------*/


/*----------- Results Search/Filter section -----------*/
.quick-search {
	position: relative;
	overflow: hidden;
}
.button.location-search {
	position: absolute;
	top: 0;
	right: -10px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 2px;
}
[name='location1'],
[name='location2'] {
	width: 100%;
}
[name='location1'] + .select2,
[name='location2'] + .select2 {
	max-width: 300px;
}
.filters-open #location1 + .select2  {
	padding-right: 0;
}
.filters-open .location-search {
	display: none;
}

.regular-radius,
.regular-radius2 {
	display: none; /* Select2 also disabled under 740px */
}
.mobile-radius label,
.mobile-radius2 label {
	float: left;
	font-size: 12px;
	width: 11.4%;
}
.mobile-radius label:first-child,
.mobile-radius2 label:first-child {
	width: 20%;
	padding-top: 9px;
}

#filter-toggle {
	display: block;
	background: #ddd;
	margin: 15px auto;
}
#more-filters,
#filter-orig-radius {
	display: none;
	overflow: hidden;
}

.result-info {
	float: left;
	position: relative;
	padding-top: 15px;
	max-width: 100%;
}
.rf {
	display: block;
	clear: both;
	width: 200px;
	margin: 0 auto 10px;
}
.page-search-results #location1 + span .select2-search__field,
.page-search-results #location2 + span .select2-search__field {
	width: 100% !important;
}
.page-search-results .refresh-timer {
	margin-top: -22px;
}

#section-email-alerts {
	overflow: hidden; /*-prevents slide toggle jumping-*/
}
.page-search-results #send_type + button {
	width: 240px !important; /*-JS inline override-*/
}

.ui-datepicker-current {
	display: none; /*-hide just the one button-*/
}

.optgrTT .ui-multiselect-checkboxes {
	max-height: none;
}

.inline-block label {
	vertical-align: middle;
}


/*----------- The Actual Results -----------*/

.details {
	display: none;
}

.exact {
	display: inline-block;
	background: #ffb221;
	text-align: center;
	padding: 8px 10px;
	border-bottom: 2px solid #de9100;
	border-radius: 8px;
	margin-top: 15px;
}
.exact span {
	float: none !important; /*removes inline CSS from template*/
}
.exact .phone-number {
	display: none;
}
.page-search-results .note {
	background: #ca850e;
	padding: 10px 15%;
	margin: 0 auto;
}
.page-search-results input[name='note_title'] {
	font-size: 14px;
	max-width: 100% !important;
}
.company-name {
	float: left;
}


/*----------- mobile/small screen "list view" results styles -----------------*/
.loads-search-results {
	clear: both;
}
#searchtable {
	background: #E6E6E6;
	overflow: hidden; /* For: pulling to hide loads */
}
#searchtable,
#searchtable tbody,
.table-list,
.table-list tbody {
	display: block;
}
#searchtable thead,
.table-list thead {
	display: none;
}
.result,
.options-row,
.table-list tr {
	float: left;
	display: block;
	width: 100%;
}
.table-list tr {
	border-bottom: 30px solid #fff; /*-fake margin-*/
}
.result {
	background: #f1f1f1;
	-webkit-transition: background 300ms linear;
	transition: background 300ms linear;
}
.result:nth-child(4n+3),
.options-row:nth-child(4n+4),
.result:nth-child(4n) {
	background: #dedede; /* even rows */
}
.result td,
.options-row td,
.table-list td {
	display: block;
	float: left;
	position: relative;
	width: 100% !important;
	padding: 3px 0 3px 20px;
	border: none;
	margin: 0 -1px;
	-webkit-transition: font-size 300ms linear;
	transition: font-size 300ms linear;
}
.options-row td {
	padding: 0 !important;
	border: none !important;
}


/*-No more table columns, so give mobile items labels-*/
.result td:before {
	font-weight: 700;
}
.age:before { content: "Age: "; }
.dh-miles:before { content: "D/H Miles: "; }
.tripmiles:before { content: "Trip Miles: "; }
/*.origin-city:before { content: "Origin: "; }*/
.origin-state:before { content: ", "; }
/*.destination-city:before { content: "Destination: "; }*/
.destination-state:before { content: ", "; }
.trailer-type:before { content: "Trailer Type: "; }
.load-size:before { content: "Load Size: "; }
.length:before { content: "Length: "; }
.weight:before { content: "Weight: "; }
.payrate:before { content: "Payrate: "; }
.ship-date:before { content: "Ship Date: "; }

.credit-report,
.view-document {
	display: inline-block;
	min-height: 16px;
	padding: 4px 0;
}
.credit-report {
	float: right;
}
.credit-report:after,
.view-document:after {
	content: "";
	background: url(../images/sprite-items-v18.png) 100% -147px no-repeat;
	vertical-align: text-bottom;
	height: 14px;
	width: 14px;
}
.credit-report:after {
	display: none;
}
.view-document:after {
	display: inline-block;
	margin-left: 5px;
}

.result-actions > a.button {
	clear: both;
}


/*-hidden load/table rows-*/
.flagged-hidden {
	background-color: #e0e0e0;
	border-bottom: 1px solid #eaeaea;
}
.flagged-hidden td {
	color: #c0c0c0 !important;
	font-size: 11px;
	text-decoration: line-through;
	height: auto !important;
}
.flagged-hidden .contactInfo {
	color: #c0c0c0 !important;
}
.flagged-hidden a:link,
.flagged-hidden a:visited,
.flagged-hidden .NA {
	color: #c0c0c0 !important;
}
.hideLoad {
	color: red;
	cursor: pointer;
	text-align: center;
}
.flagged-hidden .hideLoad {
	color: green;
}
.hide-button:before {
	content: "\00d7"; /* "×" */
}
.flagged-hidden .hide-button:before {
	content: "\21B6"; /* "↶" */
}

.flagged-hidden .age,
.flagged-hidden .dh-miles,
.flagged-hidden .tripmiles,
.flagged-hidden .trailer-type,
.flagged-hidden .load-size,
.flagged-hidden .length,
.flagged-hidden .weight,
.flagged-hidden .payrate,
.flagged-hidden .ship-date,
.flagged-hidden .credit-report,
.flagged-hidden .traffic-light {
	display: none;
}

.hide-company {
	display: none; /* toggled on by .hideLoad */
	position: absolute;
	top: 56px;
	left: 5%;
	right: 5%;
	background: #bababa;
	color: #5d5959;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 5px;
	z-index: 2;
}
.flagged-hidden .hide-company {
	display: block;
}
#content .flagged-hidden img {
	width: auto;
	max-height: 14px;
	opacity: 0.3;
}
.flagged-hidden .credit-report {
	padding-top: 0;
	padding-bottom: 0;
}
.flagged-hidden .credit-report:after {
	opacity: 0.5;
}
.flagged-hidden .phone-number {
	display: none;
}

.note-load td {
	background: #ffb221;
	text-decoration: underline;
}

.row-bold,
.row-bold td {
	font-weight: 700;
}
.options-visible td {
	background: #ffdb9a !important;
}
.options-visible > td > div {
	display: block;
}

.result-actions {
	background-color: #e7ca93;
	padding: 15px 20px;
}
.additional-details {
	float: left;
	width: 59%;
}
.additional-details li {
	margin-bottom: 3px;
}
.additional-info {
	float: right;
	width: 39%;
}
.additional-info p {
	padding: 0;
	margin-bottom: 10px;
}
.result-actions h4 {
	font-size: 12px;
	margin-bottom: 6px;
}
.interact {
	clear: both;
	text-align: right;
}
.interact > * {
	vertical-align: bottom;
	min-height: 42px;
	width: 32%;
	margin-right: 0 !important;
	margin-bottom: 3px;
}
.interact .button {
	text-align: center;
}
.interact > .regular {
	padding-top: 10px;
}
.interact .note-button {
	display: inline-block;
}
.interact .note-button:hover,
.interact .note-button:active,
.interact .note-button:focus {
	background: #ca850e;
	color: #002946;
}
.note-button.toggled {
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	margin-bottom: 0;
}


/*-flag load dropdown-*/
.flag,
.note {
	clear: both;
	position: relative;
	width: 100%;
	padding: 30px 10px 10px;
}
.flag table {
	height: 70px;
	width: 445px;
	table-layout: auto;
}
.flag td {
	background: transparent;
	border: 0;
	padding: 0;
}

/*-note dropdown-*/
.note input[name='note_title'] {
	width: 100% !important;
	max-width: 960px !important;
	margin: 0 0 5px;
}
.note textarea {
	min-height: 70px;
	width: 100% !important;
	max-width: 960px !important;
}

/*-star symbol-*/
.importance {
	display: none;
}
.importance + label {
	display: block;
	height: 19px;
}
.importance + label span {
	display: inline-block;
	background: url('../images/sprite-form-elements.png') 0 0 no-repeat;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.importance:checked + label span,
.importance.checked + label span {
	background-position: 0 -38px;
}


/*---------------------------------------- Saved Searches Page ----------------------------------------*/
.page-searches table {
	border-right: 2px solid #4d8dd6;
}
.full .th-email-section {
	background: #4d8dd6;
	border-left: 2px solid #4d8dd6;
}
.full .email-cell {
	border: 2px solid #4d8dd6 !important;
	background: #4d8dd6;
	padding-left: 0;
}

.table-list .email-cell tr {
	border-bottom: 0;
}

/*Not used anymore I think */
/*.email-cell .ui-multiselect {
	font-size: 80%;
	overflow: hidden;
	max-width: 150px;
	padding: 4px;
}
.th-email-section .ui-multiselect {
	font-size: 80%;
}
.ui-multiselect-menu.searches-select {
	font-size: 70%;
}
.js .page-searches .weekdays {
	height: 26px; //prevents initial element jumping before changing to multiselect
}*/


/*---for mobile list view---*/
.table-list td:before {
	font-weight: 700;
}

.page-searches .origin:before {
	content: "Origin: ";
}
.page-searches .destination:before {
	content: "Destination: ";
}
.page-searches .type:before {
	content: "Type: ";
}
.page-searches .size:before {
	content: "Size: ";
}
.page-searches .ship-date:before {
	content: "Date: ";
}
.page-searches .changes:before {
	content: "Change: ";
}
.page-searches .total-cell:before {
	content: "Total: ";
}
.page-searches .send:before {
	display: block;
	content: "Email Alerts: ";
	padding: 10px 0;
}
.page-searches .frequency:before {
	content: "Frequency: ";
}
.page-searches .expires-after:before {
	content: "Expires After: ";
}

.page-searches .type br {
	display: none; /*-Removes break tags for mobile-*/
}



/*---------------------------------------- My Documents Page ----------------------------------------*/
.page-my-docs .title:before {
	content: "Title: ";
}
.page-my-docs .size:before {
	content: "Size: ";
}
.page-my-docs .date-added:before {
	content: "Date Added: ";
}
.page-my-docs .options:before {
	content: "Options: ";
}

/*-- docs tabs --*/
/*.page-my-docs .tabs {
	background: #f1f1f1;
}
.page-my-docs .tabs li,
.page-my-docs .tabs a {
	width: 95%;
}
.page-my-docs .tabs a.active {
	background: #f1f1f1;
	color: #000;
}
.page-my-docs .tabs a {
	background: #c0c0c0;
	color: #555;
}
.page-my-docs .tabs-section {
	background: #f1f1f1;
}*/




/*---------------------------------------- Truck/Load Review Page(s) ----------------------------------------*/
.page-review .ship-date:before {
	float: left;
}
.receive-date:before {
	content: "Delivery Date: ";
	float: left;
}
.category:before {
	content: "Category: ";
}

.page-review .category select {
	min-width: 105px;
}

.page-review .plaintext {
	display: block;
	cursor: default;
	vertical-align: middle;
	padding: 11px 0;
}
.page-review .inline_update:hover {
	cursor: pointer;
}
.page-review .inline_update:hover .plaintext {
	color: #f39d02;
	/*border-bottom: 1px dotted #466ba1;*/
}
.page-review .inline_update.select-tags:hover .plaintext {
	border-bottom: 0;
}
.page-review .inline_update.select-tags:hover .plaintext span {
	background: #fff;
	color: #f39d02;
}
.page-review .plaintext span {
	position: relative;
	display: inline-block;
	background: #e4e4e4;
	color: #000;
	padding: 2px 7px 2px 5px;
	border: 1px solid #aaa;
	border-radius: 4px;
	margin: -2px 0 0 2px;
}
.page-review .plaintext span:first-of-type {
	margin-left: 5px;
}
/*.page-review .plaintext span:after {
	content: "×";
	position: absolute;
	color: #888;
	font-size: 11px;
	top: -3px;
	right: 0;
}*/
.page-review .item {
	outline: none !important;
}
.page-review table .item {
	display: block;
}
.page-review .select2-selection {
	background: transparent;
	border: 0;
	margin: 1px 0 0;
}
.page-review .select2-selection__choice[title=''] {
	display: none; /* selectOnClose here causing empty tags (harmless) */
}
.page-review .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
}
.page-review [data-initiated='0'] .select-multi + div {
	display: none !important; /* hide box_ function stuff */
}

.page-review .table-list.width-large td {
	padding: 0 0 0 4px;
}

/*---------------------------------------- Partners Page ----------------------------------------*/
.page-partners ul li {
	float: left;
	text-align: center;
	height: 160px;
	width: 100%;
	padding-top: 20px;
}

/*---------------------------------------- Truck/Load Entry Page ----------------------------------------*/

/*--- post multiple ---*/
.page-post-multiple .select2[style*='width: 100%'] {
	width: 250px !important;
}
.page-post-multiple .full,
.page-post-multiple .full input,
.page-post-multiple .full select {
	font-size: 13px;
}
.page-post-multiple .select2-dropdown--below,
.page-review .select2-dropdown--below {
	font-size: 14px;
}


/*---------------------------------------- User Pages ----------------------------------------*/


/*---------------------------------------- Create An Account ----------------------------------------*/
.route {
	float: left;
	position: relative;
	background: #e7e7e7;
	width: 100%;
	margin: 20px auto;
}
.create-premium-account {
	width: 100%;
}
.create-premium-account h2 {
	text-align: center;
}

.create-premium-account .item-set {
	display: flex;
	flex-direction: column;
}

.create-premium-account .item-set label {
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}

.create-premium-account .item-set input {
	max-width: 100% !important;
}

.create-premium-account .buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: 0;
}
.page-create-account h1 + p {
	font-size: 21px;
}
.page-create-account h1 + p em {
	font-size: 24px;
}

.page-create-account .messages {
	margin-bottom: 25px;
	text-align: center;
}

.route h2 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 15px;
	margin: 0;
}
.premium-route h2 em {
	color: #3c6098;
}
.route h2 span {
	font-size: 60%;
	text-transform: lowercase;
}
.free-route h2,
.free-route .button {
	background: #3c6098;
}
.premium-route h2,
.premium-route .button {
	background: #fdaf20;
}
.route ul {
	width: 100%;
	padding-top: 20px;
}
.route li {
	float: left;
	color: #002758;
	word-break: break-word;
	width: 100%;
	padding: 0 20px;
	margin-bottom: 10px;
}
.route s {
	color: #9e9d9d; /*-the HTML5 use of this tag kind of falls between the cracks for its purpose here.-*/
}
.route .text {
	text-decoration: underline;
}


/*---------------- Specific pop-up windows ----------------*/

/*----- details/summary -----*/
#summary-section ul {
	margin: 0 20px 30px;
}
#summary-section ul strong {
	color: #000;
}
#summary-section ul li {
	margin-bottom: 3px;
}






/* --------------------------------------------------------------------------------------------------- */
/* 8.0 --------------------------------------- Media Queries ---------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */



/*---------------------------------------- Maximum width of 1339 pixels. ----------------------------------------*/
@media screen and (max-width: 1339px) {

	/*- Rotate support image from vertical to horizonal -- magic!! -*/
	.support {
		position: absolute;
		left: 82px;
		margin-top: -55px;
		-webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}

}

@media only screen and (max-width: 714px) {
	.phonenumber {
		margin-top: 15px;
	}	

	.mobile-only {
		display: block !important; /*-only show my account item for mobile-*/
	}
	.mobile-hide {
		display: none !important;
	}
	.mobnav-subarrow {
		display: block;
		position: absolute;
		/*background: url(../images/sprite-items-v18.png) -281px -94px no-repeat;*/
		height: 44px;
		width: 100%;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 10;
	}

	#submenu {
		position: absolute;
		background: #384c6f;
		right: 0;
		max-width: 340px;
		width: 100%;
		z-index: 5011;
	}
	.trial #submenu {
		margin-top: -51px;
	}
	#mainmenu {
		background: #0e2d52;
		margin-top: 0 !important;
	}
	#mainmenu .submenu {
		background: #0e2d52 none;
		opacity: 1 !important;
	}
	#mainmenu > li {
		text-align: left;
		border-bottom: 1px solid #0e2d52;
	}
	#mainmenu > li > a {
		background: #384c6f;
		font-size: 14px;
		padding: 15px;
		border-radius: 0;
		margin-top: 0;
	}
	#mainmenu > li > a:after {
		content: "";
		display: inline-block;
		background: url(../images/sprite-items-v18.png) -280px -108px no-repeat;
		height: 12px;
		width: 21px;
	}
	#mainmenu > .sfHover > a {
		background: #135688;
		padding-bottom: 15px;
		margin-top: 0;
	}
	.sf-navbar > li > ul {
		min-width: 0 !important;
	}

	.sf-menu {
		width: 100%!important;
		display: none;
	}
	.sf-menu.xactive {
		display: block!important;
	}
	.sf-menu li {
	    float: none!important;
	    display: block!important;
	    width: 100%!important;
	    margin: 0 !important;

	    position: relative !important;
	}
	.sf-menu li a {
	    float: none!important;
	}
	.sf-menu ul {
	    position:static!important;
	    display: none!important;
	}
	.xpopdrop > ul {
	    display: block!important;
	}
	.sf-menu .toggle {
		display: none!important;
	}


	#usermenu {
		display: none; /*-this gets shown in main menu for mobile-*/
	}

	/*.mobile-info*/
	.xactive + div,
	.xactive + div + div {
		display: block !important;
		line-height: 1.3;
	}


	.mobile .calendar_section,
	.mobile .dropdown_section,
	.page-search-results #trailertype_focus,
	.page-search-results #date_avail_focus {
		width: 48%;
	}

}


/*---------------------------------------- Maximum width of 639 pixels. ----------------------------------------*/
@media screen and (max-width: 639px) {

	.support {
		left: 45%;
	}

	/*--- results ---*/
	.page-search-results #location-focus {
		font-size: 13px;
	}
	.mobile .select-multi,
	.page-search-results #location2 + span .select2-search__field,
	.page-search-results #trailertype + .select2,
	.page-search-results #trailertype,
	.page-search-results #trailertype + span .select2-search__field,
	.page-search-results #date_avail + .select2,
	.page-search-results #date_avail {
		font-size: 13px;
		width: 100% !important;
	}

	.page-search-results #load_type + .select2,
	.page-search-results #load_type,
	.page-search-results #list_order + .select2,
	.page-search-results #list_order {
		font-size: 13px;
		width: 48% !important;
	}
	#more-filters .buttons {
		padding: 0;
	}

}


/*---------------------------------------- Minimum width of 350 pixels. ----------------------------------------*/
@media screen and (min-width: 350px) {

	#usermenu li {
		float: left;
		text-align: left;
	}

	#usermenu > li + li:before {
		content: " ";
		display: block;
		float: left;
		position: relative;
		background: #135688;
		width: 1px;
		height: 15px;
		left: 0;
		top: 9px;
	}

	#usermenu a {
		padding: 10px;
	}

	.noUiSlider {
		display: block;
	}

	.page-search-results #send_type + button {
		width: 330px !important; /*-JS inline override-*/
	}

	#carousel.mobile,
	#carousel.mobile ul {
		width: 320px;
	}
	#carousel.mobile li {
		margin: 4px 10px;
	}


}



/*---------------------------------------- Minimum width of 390 pixels. ----------------------------------------*/
@media screen and (min-width: 390px) {


	#header h1 {
		font-size: 17px;
	}

}


/*---------------------------------------- Minimum width of 420 pixels. ----------------------------------------*/
@media screen and (min-width: 420px) {


	.tabs h2 {
		width: auto;
	}

	.page-search-results #send_type + button {
		width: 400px !important; /*-JS inline override-*/
	}


}


/*---------------------------------------- Minimum width of 440 pixels. ----------------------------------------*/
@media screen and (min-width: 440px) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		max-width: 380px !important; /*-Can't override size attributes with this as a percentage-*/
	}

	.half {
		float: left;
		width: 48%;
		clear: none;
		overflow-x: hidden;
	}
	.half + .half {
		margin-left: 4%;
	}


	.checkbox-list li {
		width: 49%;
	}

	.current-available th {
		font-size: 21px;
	}

	.page-front .tabs-section {
		padding-right: 38px;
		padding-left: 38px;
	}


}


/*---------------------------------------- Maximum width of 440 pixels. ----------------------------------------*/
@media (max-width: 440px) {

	.page-search-results #location1 + .select2 {
		padding-right: 75px;
	}

	#city1,
	#city2 {
		max-width: 198px !important;
	}

}


/*---------------------------------------- Minimum width of 479 pixels. ----------------------------------------*/
@media screen and (min-width: 479px) {

	h1.padded {
		padding-top: 40px;
	}

	.signup-bottom .signup-message a.button {
		display: block;
	}
}


/*---------------------------------------- Minimum width of 520 pixels. ----------------------------------------*/
@media screen and (min-width: 520px) {


	#header h1 {
		margin: 26px 0 0 0;
	}

	/*---mobile "list view" style resets----*/
	.table-list.width-small {
		display: table;
	}
	.table-list.width-small thead {
		display: table-header-group;
	}
	.table-list.width-small tbody {
		display: table-row-group;
	}
	.table-list.width-small tr {
		float: none;
		display: table-row;
		margin: 0;
		border-bottom: 0;
	}
	.table-list.width-small td {
		display: table-cell;
		float: none;
		position: static;
		top: auto;
		width: auto !important;
		padding: 0 5px;
		border-left: 1px solid #fff;
	}

	.table-list.width-small td:before {
		content: normal !important; /*- !important because of custom in-page styles -*/
	}

	.table-list.width-small td.sortBy {
		background: #a2cbd8;
		color: #4b4b4b;
	}


	/*-- My Documents --*/
	.page-my-docs .tabs {
		background: transparent;
	}
	.page-my-docs .tabs li,
	.page-my-docs .tabs a {
		width: auto;
	}

}


/*---------------------------------------- Minimum width of 540 pixels. ----------------------------------------*/
@media screen and (min-width: 540px) {


	.tabs h2 {
		font-size: 20px;
	}

	.result-actions > a.button {
		clear: none;
	}


	/*-- Create an account--*/
	.route {
		width: 50%;
	}
	.route h2 {
		text-align: left;
	}
	.route h2 em {
		float: right;
	}
	.route:after {
		content: "";
		position: absolute;
		background: #fff;
		height: 100%;
		width: 3px;
		right: 0;
		top: 0;
	}

}


/*---------------------------------------- Minimum width of 600 pixels. ----------------------------------------*/
@media screen and (min-width: 600px) {
	.signup-page #content {
		padding: 0 !important;
	}

	#content > .signup {
		padding: 40px 0 !important;
	}

	.create-premium-account {
		text-align: left;
	}
	.create-premium-account h2 {
		text-align: left;
	}
	.create-premium-account .item-set label {
		display: inline-block;
		margin: 10px;
		text-align: right;
		width: 165px;
	}
	.create-premium-account .item-set {
		flex-direction: row;
	}
	.create-premium-account .item-set input {
		max-width: 340px !important;
	}
	.create-premium-account .buttons {
		justify-content: flex-start;
		margin-left: 170px;
	}
	
	.create-premium-account fieldset {
		margin: 0;
	}

	.create-premium-account fieldset .item-set {
		margin: 10px 0;
	}

	fieldset .item-set,
	fieldset p,
	fieldset ul {
		margin: 10px 20px;
	}

	#header {
		display: flex;
		flex-direction: column;
		position: relative;
	}

	.phonenumber {
		display: inline;
	}
	.phonenumber:before {
		content: "";
		display: inline-block;
		background: url(../images/sprite-items-v18.png) -220px -149px no-repeat;
		height: 15px;
		width: 11px;
	}

	#content {
		padding-top: 25px !important;
	}
	.page-front #content {
		padding-top: 0 !important;
	}


	.video-tabs,
	.container {
		max-width: 80%;
	}
	.video-tabs a {
		font-size: 20px;
	}

	.result-buttons {
		width: auto;
		text-align: left;
	}

	/*#help-video {
		display: inline-block;
	}*/

	#filter-toggle {
		display: none;
	}
	#more-filters,
	#filter-orig-radius {
		display: inline !important; /*override potential inlined css*/
	}


	/*---- Results Page ----*/
	.location-search {
		display: none;
	}
	#location1 + .select2,
	#location2 + .select2 {
		padding-right: 0;
		max-width: 400px;
	}


	/*---- Partners Page ----*/
	.page-partners ul li {
		width: 32.5%;
	}


}



/*---------------------------------------- Minimum width of 640 pixels. ----------------------------------------*/
@media screen and (min-width: 640px) {

	.checkbox-list li {
		width: 32%;
	}

	#carousel li {
		right: -105px;
	}


	/*----- footer -----*/
	.section-1,
	.section-2 {
		float: left;
		margin: 0;
	}
	.section-1 {
		width: 65%;
		padding-right: 2%;
		padding-left: 1%;
	}
	.section-2 {
		text-align: left;
		width: 35%;
		padding-right: 1%;
		padding-left: 2%;
	}
	.social-media li {
		float: left;
		display: block;
	}

	/*----- page specific -----*/

	/*--- front page (loads and trucks)---*/
	.features li {
		width: 50%;
	}

	.highlights .phones {
		float: right;
		margin: 0 0 0 80px;
	}


}


/*---------------------------------------- Maximum width of 714 pixels. ----------------------------------------*/
@media screen and (max-width: 714px) {

	/*-------------- page search results --------------*/
	.swipe-message {
		float: left;
		background: url(../images/results-swipe-left-right.png) bottom center no-repeat;
		background-size: contain;
		height: 60px;
		width: 694px;
		max-width: 100%;
		margin: 0 auto;
	}
	.result td {
		padding: 4px 10px;
	}
	.noteAdd {
		background: #ffb221 !important;
	}
	.page-search-results .note {
		padding: 10px;
	}
	.details {
		display: block;
		clear: both;
		text-align: center;
		color: #115688;
		margin: 20px 0 10px;
	}
	.exact:before {
		content: "Company";
	}
	.exact .company-name {
		display: none;
	}
	.page-search-results .hideLoad,
	.page-search-results .age,
	.page-search-results .tripmiles,
	.page-search-results .length,
	.page-search-results .weight,
	.page-search-results .payrate {
		display: none;
	}
	.page-search-results .origin-city,
	.page-search-results .origin-state,
	.page-search-results .destination-city,
	.page-search-results .destination-state {
		color: #b66f00;
		font-size: 12px;
		width: auto !important;
		max-width: 140px;
	}
	.page-search-results .origin-state,
	.page-search-results .destination-state {
		padding-left: 0;
		margin-left: -7px;
	}
	.page-search-results .origin-state:after {
		content: "";
		display: inline-block;
		height: 0;
		width: 0;
		border-left: 6px solid #456694;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		margin: 2px 0 2px 5px;
	}
	.flagged-hidden .origin-state:after {
		border-left-color: #c0c0c0;
	}
	.page-search-results .destination-city {
		padding-left: 0;
	}

	.page-search-results .dh-miles,
	.page-search-results .trailer-type,
	.page-search-results .load-size,
	.page-search-results .ship-date {
		position: absolute;
		margin-top: 30px;
		width: 25% !important;
	}
	.page-search-results .trailer-type:before,
	.page-search-results .ship-date:before,
	.page-search-results .load-size:before {
		content: "";
		display: inline-block;
		background: url(../images/sprite-items-v18.png) no-repeat;
		vertical-align: top;
		margin-right: 3px;
	}
	.page-search-results .trailer-type:before {
		background-position: 0 -325px;
		height: 14px;
		width: 25px;
	}
	.page-search-results .ship-date {
		margin-left: 25%;
	}
	.page-search-results .ship-date:before {
		background-position: -30px -325px;
		height: 15px;
		width: 18px;
	}
	.page-search-results .load-size {
		width: 33% !important;
		margin-left: 50%;
	}
	.page-search-results .load-size:before {
		background-position: -55px -325px;
		height: 13px;
		width: 21px;
	}
	.page-search-results .dh-miles {
		width: 18% !important;
		margin-left: 82%;
	}
	.page-search-results .dh-miles:before {
		/*background-position: -85px -325px;*/
		content: "D/H";
		display: inline;
		color: #456694;
		font-size: 9px;
		letter-spacing: -2px;
		height: 14px;
		width: 13px;
		margin-right: 5px;
	}
	.page-search-results .credit {
		position: absolute;
		width: 55px !important;
		right: 45px;
	}
	.page-search-results .tia {
		position: absolute;
		width: 30px !important;
		right: 15px
	}
	.page-search-results .contactInfo {
		color: #656565;
		margin-top: 45px;
	}
	.phone-number {
		padding-left: 5px;
		border-left: 1px solid #656565;
		margin-left: 5px;
	}
	td.lp {
		color: #ca850e;
		text-align: right;
		margin-top: -32px;
	}

	.options-row h5 {
		font-size: 12px;
	}

	.active-swipe:before,
	.active-swipe:after {
		position: absolute;
		color: #fff;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 34px;
		z-index: -1;
	}
	.active-swipe:before {
		content: "Hide load";
		background: #f8a71d;
		text-align: right;
		padding-right: 20px;
		transform: translate3d(-100%,0,0);
	}
	.active-swipe.flagged-hidden:before {
		content: "Unhide load";
	}
	.active-swipe:after {
		content: "Call Now";
		background: #0fde0f;
		text-align: left;
		padding-left: 20px;
		transform: translate3d(100%,0,0);
	}
	.trial .active-swipe:after {
		content: "Call Now (disabled for demo)"
	}

}

@media screen and (min-width: 716px) {
	.signup-bottom {
		flex-direction: row;
		height: 80px;
		padding: 0;
		position: fixed;
	}

	.signup-bottom img { 
		display: block; 
	}

	.signup-bottom .signup-message {
		margin-top: 15px;
	}
	
	.signup-bottom .signup-message a.button {
		margin: 0 0 0 55px;
	}
	
	#header {
		height: 167px;
	}

	#brand {
		width: auto;
	}

	#nav-toggle {
		display: none;
	}
		
	.mobile-only {
		display: none !important;
	}

	#brand {
		height: 91px;
	}

	#logo {
		height: auto;
	}
	
	#logo img {
		max-height: 100%;
	}

	#nav {
		background-color: transparent;
		display: flex;
		height: 44px;
		padding: 0;		
		position: relative;
	}

	#header .quicklinks {
		color: #466ba1;
		display: flex;
		margin: 14px 0 0 0;
	}

	#header .quicklinks a {
		color: #466ba1;
	}

	#header .quicklinks a.button {
		color: #fff;
	}

	#phone::after {
		content: "|";
		margin: 0 8px 0 11px;
	}

	#login::before {
		display: none;
	}

	#tabs {
		display: flex;
		justify-content: center;
	}

	#tabs ul {
		flex-direction: row;
		width: auto;
	}

	#tabs .tab-nav .top-level {
		flex-direction: row;
		justify-content: space-around;
	}
	
	#tabs .tab {
		background-color: #f99c16;
		height: 32px;
		line-height: 32px;
		margin-left: 2px;
		padding: 0 17px;
		position: static;
	}

	#tabs .tab > a {
		display: inline-flex;
	}

	#tabs .tab.active,
	#tabs .tab.default-active {
		background-color: #466ba1;
	}

	#tabs .tab.active > a,
	#tabs .tab.default-active > a {
		font-weight: bold;
	}

	#tabs .tab.active .tab-nav,
	#tabs .tab.default-active .tab-nav {
		display: flex;
	}
	
	#tabs .tab-nav {
		align-items: center;
		background-color: #466ba1;
		display: none;
		height: 44px;
		justify-content: space-around;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
	}

	#tabs .tab > a.arrow-down::after {
		display: none;
	}

	#tabs .tab-nav ul li a:hover {
		color: #f99c16;
	}

	#tabs .tab-nav ul > li {
		height: 100%;
		line-height: 44px;
		position: relative;
	}

	#tabs .tab-nav ul > li > a {
		align-items: center;
		display: flex;
		flex-direction: row;
	}

	#tabs .tab-nav ul ul {
		background-color: #466ba1;
		display: none;
		flex-direction: column;
		position: absolute;
		right: -10px;
		text-align: center;
		top: 44px;
		width: 180px;
	}

	#tabs .tab-nav ul > li:hover > ul {
		display: flex;
	}

	#tabs .tab-nav ul ul > li > a {
		display: inline-block;
		line-height: 15px;
		padding: 10px;
	}
}

/*---------------------------------------- Minimum width of 715 pixels. ----------------------------------------*/
@media screen and (min-width: 715px) {
	.highlights .phones {
		margin: -45px 0 0 80px;
	}

	#submenu {
		min-height: 30px; /*-IE7-*/
		padding: 0 0 4px;
	}
	.submenu li {
		margin: 0 5px;
	}

	.tablet-hide {
		display: none;
	}

	#header h1 {
		display: block;
	}

	.trial #footer {
		padding-bottom: 105px;
	}
	.copyright p {
		float: left;
		text-align: left;
		width: 33.333%;
		margin: 0;
	}
	.copyright p + p {
		text-align: center;
	}
	.copyright p + p + p {
		text-align: right;
	}


	.button,
	button.button,
	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		padding-right: 20px;
		padding-left: 20px;
	}
	.button {
		margin-right: 15px;
	}

	/*----- results page -----*/


	.regular-radius,
	.regular-radius2 {
		display: inline;
	}
	.mobile-radius,
	.mobile-radius2 {
		display: none;
	}

	/*---mobile "list view" style resets----*/
	#searchtable {
		background: #fff;
	}
	#searchtable,
	.table-list.width-medium {
		display: table;
	}
	#searchtable thead,
	.table-list.width-medium thead {
		display: table-header-group;
	}
	#searchtable tbody,
	.table-list.width-medium tbody {
		display: table-row-group;
	}
	.result,
	.options-row,
	.table-list.width-medium tr {
		float: none;
		display: table-row;
		/*margin: 0;*/
	}
	.table-list.width-medium tr {
		border-bottom: 0;
	}
	.result td,
	.options-row td,
	.table-list.width-medium td {
		display: table-cell;
		float: none;
		position: static;
		top: auto;
		width: auto !important;
		padding: 0 5px;
		border-bottom: 1px solid #f1f1f1;
		border-left: 1px solid #fff;
	}
	.result td {
		height: 24px; /*-FF force min-height-*/
	}

	.hide-company {
		top: auto;
		left: 35%;
		right: auto;
		background: none;
		color: red;
		font-weight: 400;
		margin-top: -15px;
		padding: 0;
		text-shadow: 0 0 5px #E0E0E0;
		border-radius: 0;
	}

	.destination-city {
		clear: none;
	}
	#searchtable td.sortBy,
	.table-list.width-medium td.sortBy {
		background: #a2cbd8;
		color: #4b4b4b;
	}
	.dh-miles,
	.tripmiles {
		text-align: right;
	}

	.result td:before,
	.table-list.width-medium td:before {
		content: normal !important; /*- !important because of custom in-page styles -*/
	}

	.table-list.width-medium .email-cell {
		background: inherit;
	}

	.credit-report {
		min-width: 36px; /*prevents wrapping*/
	}
	.credit-report:after {
		display: inline-block;
	}
	.contactInfo:before {
		content: "Contact Information: ";
	}
	.phone-number {
		float: right;
	}
	.lp {
		text-align: center;
	}

	/*.details span {
		background: #ffb221;
		border: 1px solid #115688;
		border-radius: 6px 0 0 0;
	}*/

	.flagged-hidden .age,
	.flagged-hidden .dh-miles,
	.flagged-hidden .tripmiles,
	.flagged-hidden .trailer-type,
	.flagged-hidden .load-size,
	.flagged-hidden .length,
	.flagged-hidden .weight,
	.flagged-hidden .payrate,
	.flagged-hidden .ship-date,
	.flagged-hidden .credit-report,
	.flagged-hidden .traffic-light {
		display: table-cell;
	}

}


/*---------------------------------------- Minimum width of 780 pixels. ----------------------------------------*/
@media screen and (min-width: 780px) {

	/*---front page---*/
	.price .button {
		margin-top: 0;
	}

}


/*---------------------------------------- Minimum width of 820 pixels. ----------------------------------------*/
@media screen and (min-width: 820px) {

	#header h1 {
		font-size: 24px;
	}

	.section-1 > li {
		float: left;
		width: 33.333%;
	}

}


/*---------------------------------------- Minimum width of 860 pixels. ----------------------------------------*/
@media screen and (min-width: 860px) {

	.tablet-hide {
		display: inline;
	}

	.rf {
		float: right;
		clear: none;
	}

}


/*---------------------------------------- Minimum width of 900 pixels. ----------------------------------------*/
@media screen and (min-width: 900px) {

	.submenu li {
		margin: 0 8px;
	}

	.features .price {
		line-height: 50px;
	}

}


/*---------------------------------------- Minimum width of 960 pixels. ----------------------------------------*/
@media screen and (min-width: 960px) {

	#header h1 {
		margin-left: 25px;
	}

	.page-front .tabs {
		margin-top: 0;
	}
	.tabs-section {
		height: 180px;
	}
	.features li {
		width: 33.333%;
	}

	/*---mobile "list view" style resets----*/
	.table-list.width-large {
		display: table;
	}
	.table-list.width-large thead {
		display: table-header-group;
	}
	.table-list.width-large tbody {
		display: table-row-group;
	}
	.table-list.width-large tr {
		float: none;
		display: table-row;
		margin: 0;
		border-bottom: 0;
	}
	.table-list.width-large td {
		display: table-cell;
		float: none;
		position: static;
		top: auto;
		width: auto !important;
		padding: 5px;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	.table-list.width-large td:before {
		content: normal !important; /*- !important because of custom in-page styles -*/
	}

	.table-list.width-large td.sortBy {
		background: #a2cbd8;
		color: #4b4b4b;
	}

	/*---saved searches---*/
	.table-list.width-large .email-cell {
		background: inherit;
	}
	.table-list.width-large .email-cell td {
		border: 0;
		padding: 0;
	}
	.page-searches .changes,
	.page-searches .total-cell {
		text-align: center;
	}
	.email-cell td {
		text-align: right;
	}

	.page-searches .type br {
		display: inline;
	}


}

/*---------------------------------------- Minimum width of 1340 pixels. ----------------------------------------*/
@media screen and (min-width: 1340px) {
	/*.page-front #header .rel {
	    max-width: 1340px;
	    margin: 0 auto;
	    width: 100%;
	}*/

	#tabs .tab-nav ul > li > a {
		padding: 0 20px;
	}

	.support {
		position: fixed;
		top: 250px;
		left: 0;
	}
}


/* ------------------------------------------------------------------------------------------- */
/* 9.0 --------------------------------------- Print ---------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

@media print {

	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	/*#content a:link:after,
	#content a:visited:after {
		content: " [" attr(href) "] "; //Show URL not fun on results page.
	}*/
	a {
		text-decoration: none;
	}

	#logo-section {
		padding-bottom: 0;
	}

	#logo {
		max-height: 57px;
	}

	#logo img {
		height: auto;
		width: 100px;
	}

	#mainmenu,
	#submenu,
	#carousel,
	#footer,
	#carousel,
	.buttons,
	.refresh-timer,
	.loads-approved,
	.share,
	.pages,
	.support,
	.backstretch {
		display: none; /*-hide stuff that doesn't need to be printed-*/
	}

	#main {
		padding: 0;
	}


	#logo-section,
	#searchtable th {
		background: none transparent;
		background-image: none;
		filter: none;
	}

	/*----- results page -----*/

	/*---mobile "list view" print style resets----*/
	#searchtable {
		display: table;
	}
	#searchtable thead {
		display: table-header-group;
	}
	#searchtable tbody {
		display: table-row-group;
	}
	.result,
	.options-row {
		float: none;
		display: table-row;
		margin: 0;
	}
	#searchtable td {
		display: table-cell;
		float: none;
		width: auto !important;
		padding: 0 5px;
		text-indent: 0;
		border: 1px solid #c4c4c4 !important;
	}

	.result td:before {
		content: normal;
	}

}