/************************************************************************
#  FIXES
*************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

:focus {
	outline: 0;
}

caption, th, td {
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}
.Clear{clear: both;}

something:after{
content: ".";
height: 0;
display: block;
clear: both;
visibility: hidden;
}

.left, #left, .alignleft, .Left{
	float: left;
}

.right, #right, .alignright, .Right{
	float: right;
}

img{
	max-width:100%;
}
/************************************************************************
#  FIXES
*************************************************************************/


/************************************************************************
#  GLOBAL STUFF
*************************************************************************/
html{
	min-height:100%;
}

/* Mobile */
.IsMobile{
	display:none;
}
@media screen and (max-width: 768px){
	.IsMobile{
		display:block;
	}
}

/* Centering */
.CenterVertically{
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.Center{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Text */
body, p, input, select, textarea, li{
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	color:#6e727f;
	line-height:1.7;
}

.Text p{
	padding-bottom:30px;
}

b, strong{
	font-weight:700;
}

i{
	font-style:italic;
}

.Text ul{
	list-style: circle;
	padding-bottom:20px;
}
	.Text ul li{
		margin-left:25px;
		margin-bottom: 12px;
		color:#555;
	}
.Text ol{
	list-style: decimal;
	padding-bottom:20px;
}
	.Text ol li{
		margin-left:25px;
		margin-bottom: 12px;
		color:#555;
	}

a{
	outline:none !important;
}

p a:link,
p a:visited,
.Text a:link,
.Text a:visited,
.ContentBox a:link,
.ContentBox a:visited{
	color:#0075ff;
	text-decoration:none;
}
p a:hover,
.Text a:hover,
.ContentBox a:hover{
	color:#043d75;
	text-decoration:underline;
}


/* ---------------------------------
Forms
--------------------------------- */
label{
	color:#333;
	font-size:17px;
	padding-bottom:7px;
	display:block;
}
	label .InfoBubble{
		position:absolute;
		right:-26px;
		top:2px;
	}

.Label2{
	font-weight:600;
	color:#333;
	font-size:14px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=submit],
input[type=number],
textarea,
select{
	border: 1px solid #dcdce3;
	padding:13px 20px !important;
	display:inline-block;
	box-sizing: border-box;
	margin: 0 0 28px 0;
	font-size:14px;
	background: #fff;
	width:100%;
	border-radius:3px;
	color:#555;
}
input[type=text].Input2,
input[type=email].Input2,
input[type=password].Input2,
input[type=submit].Input2,
input[type=number].Input2,
textarea.Input2,
select.Input2{
	border:none;
	border-bottom:1px solid #dcdce3;
	padding-left:0px !important;
	padding-right:0px !important;
}
input[type=text].Input2.Success,
input[type=email].Input2.Success,
input[type=password].Input2.Success,
input[type=submit].Input2.Success,
input[type=number].Input2.Success,
textarea.Input2.Success,
select.Input2.Success{
	border-bottom:1px solid #43a73b;
	background:#e9f4e9;
	padding-left:10px !important; 
	padding-right:10px !important;
}
input[type=text].Input2:focus,
input[type=email].Input2:focus,
input[type=password].Input2:focus,
input[type=submit].Input2:focus,
input[type=number].Input2:focus,
textarea.Input2:focus,
select.Input2:focus{
	outline:none;
	border-bottom:1px solid #0075ff;
}
input[type=text].Input2:disabled,
input[type=email].Input2:disabled,
input[type=password].Input2:disabled,
input[type=submit].Input2:disabled,
input[type=number].Input2:disabled,
textarea.Input2:focus,
select.Input2:focus{
	background:#f1f1f1;
	padding-left:10px !important;
	padding-right:10px !important;
	cursor:not-allowed;
}
input::-webkit-input-placeholder ,
textarea::-webkit-input-placeholder ,
select::-webkit-input-placeholder {
    color:    #c1c1c1;
	font-style:italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color:    #c1c1c1;
	font-style:italic;
    opacity:  1;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color:    #c1c1c1;
	font-style:italic;
    opacity:  1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color:    #c1c1c1;
	font-style:italic;
}
input[type=checkbox]{
	-webkit-appearance:checkbox;
	position: relative;
	top:1px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

select{
	padding:14px 20px 15px !important;
}

input:focus,
textarea:focus,
select:focus{
	border:1px solid #0075ff;
}
input[type=submit]:focus{
	border:none;
}

input:disabled,
textarea:disabled,
select:disabled{
	background:#f1f1f1;
}

input.Submit,
input[type=submit]{
	background:#0075ff !important;
	border-radius:3px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color:#fff;
	cursor:pointer;
	width:auto;
	padding:19px 42px;
	min-width:150px;
	margin-bottom:0px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-webkit-transform: perspective(0px) translateZ(0);
  	transform: perspective(0px) translateZ(0);
}
input.Submit:hover,
input[type=submit]:hover{
	background-color:#043d75 !important;
}
input.Submit:disabled,
input[type=submit]:disabled{
	background:#555 !important;
	color:#fff !important;
}
input.Submit:focus,
input[type=submit]:focus{
	border:none;
}
input.Submit:active {
	transform: scale(0.98);
}

.Submit2{
	background-image: linear-gradient(45deg, #0075ff , #043d75);
	height:46px;
	line-height:46px;
	border-radius:100px;
	text-align:center;
	color: #fff;
	display:block;
	text-decoration:none;
	
	position: relative;
	z-index:1;
}
.Submit2::before {
	border-radius:100px;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(45deg, #0075ff , #0075ff);
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
}
.Submit2:hover::before {
  opacity: 1;
}


/* ---------------------------------
Buttons
--------------------------------- */
a.Button,
input.Button,
.Button{
	padding: 15px 40px;
	text-align:center;
	border-radius:3px;
	text-decoration:none !important;
	font-size:14px;
	line-height:1.4em;
	display:inline-block;
	width:auto;
	position:relative;
	overflow:visible;
	text-transform:none;
	font-weight:400;
	background:#0075ff;
	color:#fff !important;
}
table .Button{
	font-size:13px;
	padding:8px 20px;
	line-height:1.4em;
	margin-left:8px;
}
table .Button:first-child{
	margin-left:0px;
}

a.Button:hover,
input.Button:hover,
.Button:hover{
}

.Button:active {
	transform: scale(0.98);
}

a.ButtonBlue,
input.ButtonBlue,
.ButtonBlue{
	background-color:#0075ff;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-webkit-transform: perspective(0px) translateZ(0);
  	transform: perspective(0px) translateZ(0);
}
a.ButtonBlue:hover,
input.ButtonBlue:hover,
.ButtonBlue:hover{
	background-color:#043d75;
}

a.ButtonRed,
input.ButtonRed,
.ButtonRed{
	background:#F25757;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-webkit-transform: perspective(0px) translateZ(0);
  	transform: perspective(0px) translateZ(0);
}
a.ButtonRed:hover,
input.ButtonRed:hover,
.ButtonRed:hover{
	background-color: #d53b3b;
}

a.ButtonGreen,
input.ButtonGreen,
.ButtonGreen{
	background:#1B998B;
}
a.ButtonGreen:hover,
input.ButtonGreen:hover,
.ButtonGreen:hover{
	background-color: #117e72;
}

a.ButtonYellow,
input.ButtonYellow,
.ButtonYellow{
	background:#fff0cc;
	color:#595848 !important;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-webkit-transform: perspective(0px) translateZ(0);
  	transform: perspective(0px) translateZ(0);
}
a.ButtonYellow:hover,
input.ButtonYellow:hover,
.ButtonYellow:hover{
	background-color:#f6e8b7;
}

a.ButtonEdit{
	background: #0075ff url('../../images/global_icon_gear_white.svg') center center no-repeat;
	background-size:22px;
}
a.ButtonDeactivate{
	background: #F25757 url('../../images/global_icon_power_white.svg') center center no-repeat;
	background-size:22px;
}
a.ButtonReactivate{
	background: #1B998B url('../../images/global_icon_power_white.svg') center center no-repeat;
	background-size:22px;
}


/* ---------------------------------
Tables
--------------------------------- */
.TableContainer{
	overflow:auto;
}
	table.TableStandard{
		width:100%;
		border:1px solid #ddd;
		letter-spacing:-.015em;
	}
		/* head */
		table.TableStandard thead{
		}
			table.TableStandard thead tr{
				background:#fff;
			}
				table.TableStandard thead tr th{
					padding:19px 15px 18px 15px;
					font-family: 'Open Sans', sans-serif;
					font-weight:600;
					color:#333;
					text-align:left;
					white-space:nowrap;
					position:relative;
					border-bottom:1px solid #ddd;
				}
				table.TableStandard thead tr th:first-child{
					padding-left:20px;
				}
				table.TableStandard thead tr th:last-child{
					padding-right:20px;
				}
					table.TableStandard thead tr th .InfoBubble{
						position:absolute;
						right:-26px;
						top:0px;
					}
					table.TableStandard thead tr th a{
						position:relative;
						padding-right: 12px;
						font-weight:600;
						color:#333 !important;
						text-decoration:none !important;
					}
					table.TableStandard thead tr th a.TableStandardHeadSort-asc::after{ 
						content: "";
						position: absolute;
						top: 8px;
						right: 0;
						width: 0; 
						height: 0; 
						display: block;
						border-left: 4px solid transparent;
						border-right: 4px solid transparent;
						border-bottom: 5px solid #333;
					}
					table.TableStandard thead tr th a.TableStandardHeadSort-desc::after{
						content: "";
						position: absolute;
						top: 8px;
						right: 0;
						width: 0; 
						height: 0; 
						display: block;
						border-left: 4px solid transparent;
						border-right: 4px solid transparent;
						border-top: 5px solid #333;
					}
					table.TableStandard thead tr th a.BoardSearchHeadSubmitButton{
						color:#fff !important;
					}
					.TableStandardTHFilterButton{
						cursor:pointer;
					}
					.TableStandardTHFilterBox{					
						display:none;
						background:#F2F2F2;
						border:1px solid #ddd;
						border-radius:2px;
						position:absolute;
						top:32px;
						left:0px;
						width:200px;
						padding: 12px 15px;
						z-index:2;
					}
					.TableStandardTHFilterBox .Checkboxes{
						background:#F2F2F2; 
						display:block; 
						left:-12px; 
						top:-8px; 
						margin-top:-4px;
						/* border: 1px solid #ddd; */
						border-radius:2px;
					}
					.TableStandardTHFilterBoxRight{
						left:auto;
						right:0px;
					}
		/* body */
		table.TableStandard tbody{
		}
			table.TableStandard tbody tr{
				background:#fff;
			}
			table.TableStandard tbody tr:nth-child(even){
				background:#fff;
			}
			table.TableStandard tbody tr.Odd,
			table.CarrierLanesTable tbody tr.Odd{
				background:#fff;
			}
			table.TableStandard tbody tr.Even,
			table.CarrierLanesTable tbody tr.Even{
				background:#f7f7f7;
			}
			table.TableStandard tbody tr.AlertRed{
				background: #fcdede !important;
			}
				table.TableStandard tbody tr td{
					padding:14px 15px 13px 15px;
					color:#555;
					font-family: 'Open Sans', sans-serif;
					font-weight:400;
					vertical-align:middle;
					line-height:1.3em;
					white-space:nowrap;
					border-bottom:1px solid #ddd;
					border-right:1px solid #f2f2f2;
				}
				table.TableStandard tbody tr:last-child td{
					border-bottom:none;
				}
				table.TableStandard tbody tr td:first-child{
					padding-left:20px;
				}
				table.TableStandard tbody tr td:last-child{
					padding-right:20px;
				}
					table.TableStandard tbody tr td a{
						color:#0075ff;
						text-decoration:none;
					}
					table.TableStandard tbody tr td a:hover{
						text-decoration:underline;
					}
		

		/* footer */
		table.TableStandard tfoot{
		}
			table.TableStandard tfoot tr{
				background:#fff;
				border-top:2px solid #ececec;
			}
				table.TableStandard tfoot tr td{
					padding:21px 7px 21px 7px;
					color:#555;
					font-size:14px;
					font-family: 'Open Sans', sans-serif;
					font-weight:600;
					vertical-align:middle;
					line-height:1.3em;
				}
				table.TableStandard tfoot tr td:first-child{
					padding-left:20px;
				}

/* ---------------------------------
Pagination
--------------------------------- */
.Pagination{
	padding-top:35px;
	text-align:right;
}
	.Pagination a{
		padding: 10px 20px;
		text-align:center;
		border-radius:3px;
		text-decoration:none !important;
		font-size:14px;
		line-height:1.4em;
		display:inline-block;
		width:auto;
		position:relative;
		overflow:visible;
		text-transform:none;
		font-weight:400;
		background:#0075ff;
		color:#fff !important;
	}
	.Pagination span{
		display:none;
	}

/* ---------------------------------
Pagination
--------------------------------- */
.modal{
	padding-top: 25px !important;
	padding-bottom:25px !important;
}
	.ModalHeading{
		text-align: center;
		color:#333;
		font-size:26px;
		text-transform: uppercase;
		font-weight:600;
		padding-bottom:30px;
	}
	.modal p{
		margin-bottom:30px;
	}

/* ---------------------------------
Columns (simplegrid.io)
--------------------------------- */
.col-container {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box; 
}
.col-container:after {
	content: "";
	display: table;
	clear: both;
}
	.column,
	.columns {
		width: 100%;
		float: left;
		box-sizing: border-box; 
	}

/* For devices larger than 400px */
@media (min-width: 400px) {
.col-container {
    padding: 0; 
}
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.column,
	.columns {
		margin-left: 4%; 
	}
	.column:first-child,
	.columns:first-child {
		margin-left: 0; 
	}

	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 48%;}

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }
}


/* ---------------------------------
Info Bubble
--------------------------------- */
.InfoBubble{
	background:#fff0cc url('../../images/global_icon_info_yellow.svg') center center no-repeat;
	border:1px solid #e2b95b;
	background-size:10px;
	width:17px;
	height:17px;
	border-radius:100px;
}


/* ---------------------------------
Content Boxes
--------------------------------- */
.ContentRow{
	width:100%;
	margin-bottom:35px;
}
	.ContentBox{
		background:#fff;
		padding:25px;
		vertical-align: top;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		border-left: 17.5px solid #f7f7f7;
		border-right: 17.5px solid #f7f7f7;
	}
	.ContentBox:first-child{
		border-left:none;
	}
	.ContentBox:last-child{
		border-right:none;
	}
		.ContentBoxTitle{
			text-align:left;
			color:#000;
			float:left;
			font-size:16px;
			line-height:1;
			font-weight:700;
			text-transform: uppercase;
			position: relative;
			padding-right:26px;
			margin-bottom:30px;
		}
		.ContentBoxTitle .InfoBubble{
			position:absolute;
			right:0px;
			top:-2px;
		}
		.RouteEditButton{
			font-size:13px; 
			font-style:italic; 
			text-decoration:none !important; 
			line-height:1;
		}
@media screen and (max-width: 768px){
.ContentRow{
}
}


/* ---------------------------------
Page Messages
--------------------------------- */
#od-page-message{
}
	#od-page-message p{
		color:#fff;
		padding:20px;
		margin-bottom:30px;
		background:#db3939;
	}
.PageMessage{
	color:#fff;
	padding:20px;
	margin-bottom:30px;
}
.PageMessage.Error{
	background:#db3939;
}
.PageMessage.Success{
	background:#0268DE;
}
.PageMessage.Info{
	background:#fff0cc;
	color:#333;
}
.PageMessage a{
	color:#fff;
}


/* ---------------------------------
Content
--------------------------------- */
.ContentTitle{
	color:#333;
	font-size:30px;
	padding-bottom:20px;
}
	.ContentTitleButton{
		
	}

.ContentSeparator{
	padding-top:60px;
	border-bottom:1px solid #ddd;
	margin-bottom:60px;
}
/************************************************************************
#  GLOBAL STUFF
*************************************************************************/


/************************************************************************
#  STRUCTURE
*************************************************************************/
body{
	background:#f7f7f7;
}

	.PageWidth{
		max-width:1300px;
		margin:0 auto;
		padding-left:25px !important;
		padding-right:25px !important;
	}
@media screen and (max-width: 650px){
	.PageWidth{
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

	#wrapper{
	}
		#sidebar{
			position:fixed;
			left:0px;
			top:0px;
			background:#1c1a1a;
			width:110px;
			padding-top: 30px;
		}

			#logo{
				border-radius:100px;
				background:#fff;
				color:#1c1a1a;
				font-size:29px;
				letter-spacing: -.1em;
				font-weight:700;
				width:64px;
				height:64px;
				line-height:64px;
				padding:1px 1px 1px 0;
				text-align: center;
				margin-left:20px;
			}

			#navigation{
			}
				a.NavItem{
					display: block;
					width:110px;
					height:110px;
					text-decoration: none;
				}
				.NavItem.Active,
				.NavItem:hover{
					background-color:#252323 !important;
				}
				#nav-item-route{
					background: url('../../images/global_icon_location_white.svg') center center no-repeat;
					background-size:45px;
				}
				#nav-item-learn{
					background: url('../../images/global_icon_book_white.svg') center center no-repeat;
					background-size:76px;
				}
				#nav-item-history{
					background: url('../../images/global_icon_history_white.svg') center center no-repeat;
					background-size:39px;
				}
@media screen and (max-width: 1300px){
		#sidebar{
			width:90px;
		}

			#logo{
				font-size:27px;
				width:60px;
				height:60px;
				line-height:60px;
				padding:1px 1px 1px 0;
				margin-left:12px;
			}
				a.NavItem{
					width:90px;
					height:90px;
				}
				#nav-item-route{
					background-size:40px;
				}
				#nav-item-learn{
					background-size:68px;
				}
				#nav-item-history{
					background-size:35px;
				}
}
@media screen and (max-width: 768px){
		#sidebar{
			display:none;
		}
}

		#container{
			padding-left:110px
		}	

			#header{
				background:#fff;
				border-bottom:1px solid #ddd;
				padding:25px 35px;
			}
				#header h1{
					float:left;
					font-size:30px;
					line-height:40px;
					color:#000;
				}

				#header-feedback-button{
					display:block;
					float:right;
					margin-right:40px;
					font-size:13px;
					padding:10px 18px;
				}

				#header-user-settings{
					float:right;
				}
					#header-user-settings-company-name{
						font-weight:600;
						color:#333;
						font-size:14px;
						line-height:1;
						padding:2px 0 9px;
						text-align: right;
					}
					#header-user-settings-name{
						font-size:13px;
						line-height:1;
						text-align: right;
					}
				#header-user-settings-button-container{
					position:relative;
					float:right;
					padding-left:3px;
					z-index:9;
				}
					#header-user-settings-button{
						display:block;
					}
					#header-user-settings-button:hover{
					}
						#header-user-settings-button-company{
							font-weight:600;
							font-size:14px;
							color:#333;
							float:right;
						}
						#header-user-settings-button-initials{
							height:40px;
							width:40px;
							border-radius:4px;
							color:#fff;
							text-align:center;
							line-height:40px;
							font-size:14px;
							float:right;
							position:relative;
							background: #0075ff url('../../images/global_icon_gear_white.svg') center center no-repeat;
							background-size:25px;
						}
							#header-user-settings-button-subnav-container{
								display:none;
								width: 100%;
								position:absolute;
								z-index:9;
								right:0px;
								top: 40px;
								padding-top:9px;
								width:175px;
							}
							#header-user-settings-button-container:hover #header-user-settings-button-subnav-container{
								display:block;
							}
								#header-user-settings-button-subnav{
									background:#fff;
									border-radius:3px;
									-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.32);
									-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.32);
									box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.32);
									white-space: nowrap;
								}
									#header-user-settings-button-subnav-container .SubNavArrow{
										position:absolute;
										top:0px;
										right:15px;
									}
									#header-user-settings-button-subnav-container a.UserButtonSubNavItem{
										display:block;
										text-align:right;
										color:#333333;
										text-decoration:none;
										padding:10px 18px;
										font-weight:600;
										font-size:13px;
										font-style:normal;
										border-radius:3px;
										line-height:1.3em;
									}
									#header-user-settings-button-subnav-container a.UserButtonSubNavItem:hover{
										background:#f7f7f7;
									}

				#navigation-mobile{
					display:none;
				}

				#navigation-mobile-logo{
					display:none;
				}
				#navigation-mobile-open{
					display:none;
				}
@media screen and (max-width: 1300px){
		#container{
			padding-left:90px
		}
}
@media screen and (max-width: 768px){
		#container{
			padding-left:0px
		}
			#header{
				padding:20px 20px;
			}
				#header h1{
					font-size:25px;
					line-height:40px;
				}
				#header-user-settings{
					display:none;
				}
				#header-user-settings-button-container{
					display:none;
				}

				#navigation-mobile-open{
					display:block;
					z-index:99;
					width:40px;
					height:40px;
					border-radius: 3px;
					text-align:center;
					background: #0F7AFF url('../../images/global_icon_menu_white.svg') no-repeat center 2px;
					background-size:35px;
					float:right;
				}	

				#header-feedback-button{
					margin-right:20px;
				}

				#navigation-mobile{
					background:#1c1a1a;
					width:100%;
					height:100%;
					position: fixed;
					top:0px;
					left:0px;
					z-index:99;
					text-align:center;
				}

					#navigation-mobile-logo-open{
						position:absolute;
						left:20px;
						top:20px;
						border-radius:100px;
						background:#fff;
						color:#1c1a1a;
						letter-spacing: -.1em;
						font-weight:700;
						text-align: center;
						font-size:27px;
						width:60px;
						height:60px;
						line-height:60px;
						padding:1px 1px 1px 0;
					}
					

					#navigation-mobile-close{
						position:absolute;
						right:29px;
						top:39px;
					}
						#navigation-mobile-close img{
							display:block;
							width:17px;
						}

					#navigation-mobile-links{
						overflow:auto;
						height:100%;
					}
						#nav-mobile-links{
							margin:0 auto;
							text-align:left;
							display:inline-block;
							padding-bottom:30px;
						}
							#navigation-mobile .NavMobileLink{
								padding:10px 0;
							}
								#navigation-mobile .NavMobileLink a{
									color:#fff;
									text-decoration: none;
								}
							#navigation-mobile .SubNavMobileLink{
								padding:5px 0;
								line-height:1em;
								margin-left:15px;
							}
								#navigation-mobile .SubNavMobileLink a{
									font-size:13px;
								}
}

#content{
	padding:35px;
	max-width:1400px;
}
@media screen and (max-width: 768px){
#content{
	padding:20px;
}
}

#footer{
	padding-top:25px;
	font-size:13px;
	text-align:center;
}	
/************************************************************************
#  STRUCTURE
*************************************************************************/



/************************************************************************
#  PAGE - SIGNUP
*************************************************************************/
body.signup{
	background: #0F7AFF url('../../images/login_bg.png') center center no-repeat;
	background-size: cover;
}

	#signup{
		padding:20px;
		max-width:520px;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin:0 auto;
	}

	#signup-form{
		background:#fff;
		padding: 40px;
		border-radius:10px;
		box-shadow: 0px 0px 81px 0px rgba(28, 28, 28, 0.07);
	}

		#signup-form-error{
			background:#0268DE;
			color:#fff;
			padding:20px;
			margin-bottom:30px;
		}

		#signup-title{
			font-size:32px;
			text-align:center;
			font-weight:700;
			color:#333;
			padding-bottom:35px;
	}

		#signup-email{
			padding-left:35px !important;
			background: url('../../images/global_icon_email_black.svg') left center no-repeat;
			background-size:24px;
		}
		#signup-password{
			padding-left:35px !important;
			background: url('../../images/global_icon_lock_black.svg') left center no-repeat;
			background-size:24px;
		}
		#signup-name{
			padding-left:35px !important;
			background: url('../../images/global_icon_person_black.svg') left center no-repeat;
			background-size:24px;
		}
		#signup-company-name{
			padding-left:35px !important;
			background: url('../../images/global_icon_home_black.svg') left center no-repeat;
			background-size:24px;
			margin-bottom:35px;
		}
		#signup-company-domain{
			padding-left:35px !important;
			background: url('../../images/global_icon_browser_black.svg') left center no-repeat;
			background-size:20px;
			margin-bottom:35px;
		}

@media screen and (max-height:650px) {
	#signup{
		margin: 0 auto;
		position: relative;
		top: 0;
		left: 0;
		-ms-transform: none;
		transform: none;
	}
}
/************************************************************************
#  PAGE - SIGNUP
*************************************************************************/


/************************************************************************
#  PAGE - LOGIN
*************************************************************************/
body.login{
	background: #0F7AFF url('../../images/login_bg.png') center center no-repeat;
	background-size: cover;
}

	#login{
		padding:20px;
		max-width:520px;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	#login-form{
		background:#fff;
		padding: 40px;
		border-radius:10px;
		box-shadow: 0px 0px 81px 0px rgba(28, 28, 28, 0.07);
	}

		#login-title{
			font-size:32px;
			text-align:center;
			font-weight:700;
			color:#333;
			padding-bottom:35px;
	}

		#login-email{
			padding-left:35px !important;
			background: url('../../images/global_icon_email_black.svg') left center no-repeat;
			background-size:24px;
		}
		#login-password{
			padding-left:35px !important;
			background: url('../../images/global_icon_lock_black.svg') left center no-repeat;
			background-size:24px;
			margin-bottom:0px;
		}
		#login-forgot-password-button{
			text-align: right;
			font-size:13px;
			margin-bottom:45px;
		}

		#login-form .Submit2{
			margin-bottom:45px;
		}
@media screen and (max-height:700px) {
	#login{
		margin: 0 auto;
		position: relative;
		top: 0;
		left: 0;
		-ms-transform: none;
		transform: none;
	}
}
/************************************************************************
#  PAGE - LOGIN
*************************************************************************/



/************************************************************************
#  PAGE - ROUTE SEARCH
*************************************************************************/
	.ODGuideInput {
		float:left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.pac-item {
		font-family: 'Muli',sans-serif;
	}
		.ODGuideInput input {
			text-align:center;
			/* position: relative;
			display:inline-block;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box; */
		}
		.ODGuideInputTitle {
			position:relative;
			text-align:center;
			pointer-events: none;
			font-weight:400;
			font-size:14px;
			color: #132048;
		}
		.ODGuideInputLabel {
			width:100%;
			position:absolute;
			text-align:center;
			transition: all 0.3s ease-in;
			transform: translateY(17px);
			pointer-events: none;
			font-weight:400;
			font-size:14px;
			line-height:1;
			z-index:1;
			color:#c1c1c1;
			font-style:italic;
		}
		.ODGuideInputLabelTransform {
			transform: translateY(38px);
			color:#9f9f9f;
			font-style:italic;
			font-size:12px;
			background:transparent;
		}
			.ODGuideInputLabelTransform span {
				background-color: #fff !important;
			}

			.ODGuideInputRoute span, 
			.ODGuideInputFeet span, 
			.ODGuideInputInches span,
			.ODGuideInputWeight span {
				padding: 0px 3px;
			}
			.ODGuideInput input:disabled,
			.ODGuideInput input:read-only {
				background-color: #EBEBE4 !important;
			}
			.ODGuideInput input:disabled span,
			.ODGuideInput input:read-only span {
				background-color: #EBEBE4 !important;
			}
		.ODGuideInputInches,
		.ODGuideInputWeight {
			position: relative;
		}
		
		.ODGuideInputInches {
			display:none;
		}
		.ODGuideInputFeet {
			display:inline-block;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			margin: 0 0 0px 0;
			font-size:14px;
			width:100%;
			border-radius:3px;
		}
			.ODGuideInputFeet div {
				position:relative;
				width: 49%;
				margin-left:2%;
				float:left;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				height:47px;
				background: #fff;
			}
			.ODGuideInputFeet div:first-child{
				margin-left:0px;
			}
			.ODGuideInputFeet input,
			.ODGuideInputWeight input,
			.ODGuideInputInches input,
			#od-shipment-info-advanced-trailer-type select {
				position:relative;
				width: 100%;
				padding:13px 20px !important;
				display:inline-block;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				font-size:14px;
				height:47px;
				background: #fff;
			}

		.ODGuideInputTitleBlock{
			margin-bottom:20px;
			text-align: center;
			font-weight:600;
			height:60px;
			line-height: 60px;
			background:#132048;
			color:#fff;
		}
		
	/*** Shipment Info ***/
	#od-shipment-info{
	}
		#od-shipment-info input{
			margin-bottom:20px !important;
		}

		#od-shipment-info-origin-zip,
		#od-shipment-info-destination-zip{
			width:48%;
			margin-right:4%;
		}
		#od-shipment-info-destination-zip{
			margin-right:0%;
		}
		#od-shipment-info-input-type {
			width:15%;
			margin-right:2%;
		}
		
			#od-shipment-info-input-type-toggle{
				width:100%;
				border:1px solid #0F7AFF;
				text-align: center;
				font-weight:600;
				font-size:14px;
				height:45px;
				line-height: 45px;
				color:#0F7AFF;
				padding:0px;
			}
				#od-shipment-info-input-type-toggle-left,
				#od-shipment-info-input-type-toggle-right{
					background:transparent;
					cursor: pointer;
					-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
					-webkit-transition-property: color, background-color;
					transition-property: color, background-color;
				}
				#od-shipment-info-input-type-toggle-left{
					float:left;
					width:50%;
				}
				#od-shipment-info-input-type-toggle-right{
					float:right;
					width:50%;
				}
				#od-shipment-info-input-type-toggle-left.Active,
				#od-shipment-info-input-type-toggle-right.Active{
					background:#0F7AFF;
					color:#fff;
				}
				#od-shipment-info-input-type-toggle-left:not(.Active):hover,
				#od-shipment-info-input-type-toggle-right:not(.Active):hover{
					background-color:#daebff;
				}
		#od-shipment-info-tractor-length,
		#od-shipment-info-tractor-weight{
			width:15%;
			margin-right:.5%;
		}
		#od-shipment-info-tractor-weight{
			margin-right:3%;
		}
		#od-shipment-info-trailer-length,
		#od-shipment-info-trailer-width,
		#od-shipment-info-trailer-height{
			width:15.6%;
			margin-right:.5%;
		}
		#od-shipment-info-trailer-height{
			margin-right:3%;
		}
		#od-shipment-info-trailer-weight{
			width:15.6%;
		}
		#od-shipment-info-length,
		#od-shipment-info-width,
		#od-shipment-info-height{
			width:16%;
			margin-right:2%;
		}
		#od-shipment-info-height{
			margin-right:2%;
		}
		#od-shipment-info-weight{
			width:16%;
			margin-right:3%;
		}
		a#od-shipment-info-submit{
			display:block;
			float:left;
			width:10%;
			height:47px;
			border-radius:3px;
			background: #0F7AFF url('../../images/global_icon_search_white.svg') center center no-repeat;
			background-size:32px;
			margin-bottom:20px;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-property: color, background-color;
			transition-property: color, background-color;
			-webkit-transform: perspective(0px) translateZ(0);
			transform: perspective(0px) translateZ(0);
		}
		a#od-shipment-info-submit:hover{
			background-color:#043d75;
		}

		#od-shipment-info-tractor-length,
		#od-shipment-info-tractor-weight{
			width:15%;
			margin-right:.5%;
		}
		#od-shipment-info-tractor-weight{
			margin-right:3%;
		}
		#od-shipment-info-trailer-length,
		#od-shipment-info-trailer-width,
		#od-shipment-info-trailer-height{
			width:15.6%;
			margin-right:.5%;
		}
		#od-shipment-info-trailer-height{
			margin-right:3%;
		}
		#od-shipment-info-trailer-weight{
			width:15.6%;
		}

	#od-shipment-info-advanced{
		display:none;
	}
		.ODShipmentInfoAdvanceCol{
			float:left;
			width:50%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			position: relative;
		}
		#od-shipment-info-advanced-col-left{
			padding-right:5%;
		}
			#od-shipment-info-advanced-col-left-plus-circle{
				position: absolute;
				top: 0px;
				right:-32px;
				background:#fff;
				z-index:2;
				width:60px;
				height:60px;
				line-height: 60px;
				font-size:30px;
				text-align: center;
				border:1px solid #aaa;
				border-radius:120px;
			}
		#od-shipment-info-advanced-col-right{
			padding-left:5%;
			border-left:1px solid #aaa;
		}

		#od-shipment-info-combined-container{
			position: relative;
			padding-top:45px;
			padding-bottom:15px;
			margin-bottom:20px;
			border-top:1px solid #aaa;
		}
			#od-shipment-info-combined-container-equals-circle{
				position: absolute;
				top: -35px;
				background:#fff;
				z-index:2;
				width:60px;
				height:60px;
				line-height: 60px;
				font-size:30px;
				text-align: center;
				border:1px solid #aaa;
				border-radius:120px;
				left: 0;
				right: 0;
				margin: 0 auto;
			}

		#od-shipment-info-advanced .ODGuideInput{
			float:left;
			display:block;
			width:49%;
			margin-right:2%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		#od-shipment-info-advanced .ODGuideInputNoMargin{
			margin-right:0px;
		}
		#od-shipment-info-advanced .ODGuideInputFullWidth{
			width:100%;
			margin:0px;
		}
		#od-shipment-info-advanced-toggle{
			margin-bottom:20px;
			border:1px solid #132048;
			text-align: center;
			font-weight:600;
			height:60px;
			line-height: 60px;
			color:#132048;
			cursor: pointer;
		}
			#od-shipment-info-advanced-toggle-left{
				float:left;
				width:50%;
			}
			#od-shipment-info-advanced-toggle-right{
				float:right;
				width:50%;
			}
			#od-shipment-info-advanced-toggle-left.Active,
			#od-shipment-info-advanced-toggle-right.Active{
				background:#132048;
				color:#fff;
			}
	#od-shipment-info-advanced-combined-length,
	#od-shipment-info-advanced-combined-height,
	#od-shipment-info-advanced-combined-width,
	#od-shipment-info-advanced-combined-weight {
		width: 23% !important;
		margin-right: 2.666% !important;
	}
		#od-shipment-info-advanced-combined-weight {
			margin-right: 0 !important;
		}

		#od-shipment-info-advanced-combined-length .ODGuideInputLabel span,
		#od-shipment-info-advanced-combined-height .ODGuideInputLabel span,
		#od-shipment-info-advanced-combined-width .ODGuideInputLabel span,
		#od-shipment-info-advanced-combined-weight .ODGuideInputLabel span {
			background-color: transparent !important;
		}

	@media screen and (max-width:950px) {
		#od-shipment-info-length,
		#od-shipment-info-width {
			margin-top:25px;
		}

		#od-shipment-info-length,
		#od-shipment-info-width,
		#od-shipment-info-height,
		#od-shipment-info-weight {
			width:49%;
			margin-right:2%;
		}

		#od-shipment-info-weight,
		#od-shipment-info-width {
			margin-right:0;
		}

		#od-shipment-info-input-type {
			width:100%;
			margin-right:2%;
		}

		a#od-shipment-info-submit{
			width:100%;
		}

		#od-shipment-info-advanced-tractor-length,
		#od-shipment-info-advanced-trailer-length,
		#od-shipment-info-advanced-tractor-weight,
		#od-shipment-info-advanced-trailer-weight
		{ 
			width:48% !important;
			margin-right:2%;
		}

		#od-shipment-info-advanced-combined-length,
		#od-shipment-info-advanced-combined-height,
		#od-shipment-info-advanced-combined-width,
		#od-shipment-info-advanced-combined-weight {
			width: 49% !important;
			margin-right: 2% !important;
		}
			#od-shipment-info-advanced-combined-width,
			#od-shipment-info-advanced-combined-weight {
				margin-right: 0 !important;
			}
	}

	@media screen and (max-width:800px) {
		#od-shipment-info-advanced-tractor-length,
		#od-shipment-info-advanced-trailer-length,
		#od-shipment-info-advanced-tractor-weight,
		#od-shipment-info-advanced-trailer-weight
		{ 
			width:100% !important;
			margin-right:0 !important;
		}

		#od-shipment-info-advanced-col-left-plus-circle{
			position: absolute;
			top: 50%;
			right:-17px;
			background:#fff;
			z-index:2;
			width:30px;
			height:30px;
			line-height: 30px;
			font-size:20px;
			text-align: center;
			border:1px solid #aaa;
			border-radius:120px;
		}
		#od-shipment-info-combined-container-equals-circle{
			position: absolute;
			top: -20px;
			background:#fff;
			z-index:2;
			width:30px;
			height:30px;
			line-height: 30px;
			font-size:20px;
			text-align: center;
			border:1px solid #aaa;
			border-radius:120px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
	}

#od-loader{
	display:none;
	padding: 150px 0 500px 0;
	text-align:center;
}
	
	#od-loader-message{
		font-size:18px;
	}

	#od-loader *{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	section.od-loader-wrapper {
		padding: 40px 0;
	}

	div.od-loader-spinner {
		-moz-animation: rotate 10s infinite linear;
		-webkit-animation: rotate 10s infinite linear;
		animation: rotate 10s infinite linear;
		position: relative;
		display: block;
		margin: auto;
		width: 142px;
		height: 142px;
	}
	div.od-loader-spinner i {
		-moz-animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
		-webkit-animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
		animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
		-moz-transform-origin: 50% 100% 0;
		-webkit-transform-origin: 50% 100% 0;
		transform-origin: 50% 100% 0;
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 50%;
		border: solid 6px transparent;
		border-bottom: none;
	}
	div.od-loader-spinner i:nth-child(1) {
		-moz-animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
		animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
		width: 44px;
		height: 22px;
		margin-top: -22px;
		margin-left: -22px;
		border-color: #0075ff;
		border-top-left-radius: 36px;
		border-top-right-radius: 36px;
	}
	div.od-loader-spinner i:nth-child(2) {
		-moz-animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
		animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
		width: 58px;
		height: 29px;
		margin-top: -29px;
		margin-left: -29px;
		border-color: #0075ff;
		border-top-left-radius: 42px;
		border-top-right-radius: 42px;
	}
	div.od-loader-spinner i:nth-child(3) {
		-moz-animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
		animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
		width: 72px;
		height: 36px;
		margin-top: -36px;
		margin-left: -36px;
		border-color: #0075ff;
		border-top-left-radius: 48px;
		border-top-right-radius: 48px;
	}
	div.od-loader-spinner i:nth-child(4) {
		-moz-animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
		animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
		width: 86px;
		height: 43px;
		margin-top: -43px;
		margin-left: -43px;
		border-color: #0075ff;
		border-top-left-radius: 54px;
		border-top-right-radius: 54px;
	}
	div.od-loader-spinner i:nth-child(5) {
		-moz-animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
		animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
		width: 100px;
		height: 50px;
		margin-top: -50px;
		margin-left: -50px;
		border-color: #0075ff;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
	}
	div.od-loader-spinner i:nth-child(6) {
		-moz-animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
		animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
		width: 114px;
		height: 57px;
		margin-top: -57px;
		margin-left: -57px;
		border-color: #0075ff;
		border-top-left-radius: 66px;
		border-top-right-radius: 66px;
	}
	div.od-loader-spinner i:nth-child(7) {
		-moz-animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
		animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
		width: 128px;
		height: 64px;
		margin-top: -64px;
		margin-left: -64px;
		border-color: #0075ff;
		border-top-left-radius: 72px;
		border-top-right-radius: 72px;
	}
	div.od-loader-spinner i:nth-child(8) {
		-moz-animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
		-webkit-animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
		animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
		width: 142px;
		height: 71px;
		margin-top: -71px;
		margin-left: -71px;
		border-color: #0075ff;
		border-top-left-radius: 78px;
		border-top-right-radius: 78px;
	}

	@-moz-keyframes rotate {
		to {
			-moz-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@-webkit-keyframes rotate {
		to {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes rotate {
		to {
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
/************************************************************************
#  PAGE - ROUTE SEARCH
*************************************************************************/



/************************************************************************
#  PAGE - ROUTE RESULTS
*************************************************************************/
#route-results-title{
	font-size:17px;
	line-height:30px;
	font-weight:700;
	text-align:center;
	padding-bottom:25px;
	color:#333;
}
	#route-results-title-arrow{
		padding:0 25px 0;
		font-size:30px;
		line-height:30px;
		font-weight:700;
		color:#043d75;
		position:relative;
		top:6px;
	}
	#route-results-title a{
		font-weight:500;
		margin-left:10px;
	}
@media screen and (max-width: 768px){
	#route-results-title-origin{
		display:block;
	}
	#route-results-title-arrow{
		padding:0 0 12px 0;
		display:block;
	}
	#route-results-title-destination{
		display:block;
	}
	#route-results-title a{
		margin-left:0px;
	}
	
}

.RouteResultsTrailer{
	width:250px;
	position: relative;
}
	.RouteResultsTrailerTitle{
		text-align:center;
		position: absolute;
		margin:0 auto;
		top:80px;
		left: 0;
		right: 0;
	}

.RouteResultsDimensions{
}
	.RouteResultsDimensions table{
		width:100%;
	}
		.RouteResultsDimensions th,
		.RouteResultsDimensions table td.TH{
			font-weight:600;
			padding:3px 20px;
			color:#333;
			background:#f7f7f7 !important;
			vertical-align: middle;
		}

		.RouteResultsDimensions tr:nth-child(odd) td{
			background:#fafafa;
		}

		.RouteResultsDimensions td{
			padding:3px 20px;
			white-space: nowrap;
		}

.RouteResultsEstimate{
	width:250px;
	text-align: center;
	position: relative;
}
	.RouteResultsEstimateAmountContainer{
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
		.RouteResultsEstimateAmount{
			font-size:45px;
			color:#043d75;
			text-align:center;
		}
		.RouteResultsEstimate a{
			padding:5px;
			font-size:13px;
			text-decoration: none !important;
		}

#route-results-row-2{
	display:none;
}

#route-results-dimensions-mobile{
	display:none;
}
#route-results-trailer-mobile{
	display:none;
}
#route-results-estimate-mobile{
	display:none;
}
@media screen and (max-width: 1250px){
#route-results-row-1{
	display:none;
}

#route-results-trailer{
	display:none;
}
	.RouteResultsTrailerTitle{
		top:120px;
	}

#route-results-dimensions{
	display:none;
}

#route-results-estimate{
	display:none;
}

#route-results-row-2{
	display:table;
}

#route-results-dimensions-mobile{
	display:block;
	border:none;
	margin-bottom:35px;
}
#route-results-trailer-mobile{
	display:table-cell;
	width:50%;
}
#route-results-estimate-mobile{
	display:table-cell;
	width:50%;
}
}
@media screen and (max-width: 800px){
#route-results-trailer{
	display:none;
}
	.RouteResultsTrailerTitle{
		top:80px;
	}

#route-results-estimate{
	display:none;
}
}
@media screen and (max-width: 550px){
#route-results-trailer-mobile{
	display:block;
	width:100%;
	margin-bottom:35px;
	border:none;
}
#route-results-estimate-mobile{
	display:block;
	width:100%;
	border:none;
}
	.RouteResultsEstimateAmountContainer{
		position: relative;
		padding:40px 0;
		top: 0;
		left: 0;
		-ms-transform: none;
		transform: none;
	}
}


#route-results-cost-breakdown{
	display:block;
}
	#route-results-cost-breakdown table{
		width:100%;
	}
		#route-results-cost-breakdown th,
		#route-results-cost-breakdown table td.TH{
			font-weight:600;
			padding:3px 20px;
			color:#333;
			background:#f7f7f7 !important;
			vertical-align: middle;
		}

		#route-results-cost-breakdown tr:nth-child(odd) td{
			background:#fafafa;
		}

		#route-results-cost-breakdown td{
			padding:3px 20px;
			white-space: nowrap;
		}


#route-results-map{
	width:50%;
}


#route-results-states{
	width:50%;
}
	.RouteResultsStates{
	}
		.RouteResultsState{
			border-top:1px solid #ddd;
			padding-top:15px;
		}
			.RouteResultsStateName{
				color:#333;
				font-weight:600;
				float:left;
				font-size:17px;
			}
			.RouteResultsStateMiles{
				padding-right:15px;
				float:right;
			}
			.RouteResultsStateDetailsLink{
				float:right;
				cursor:pointer;
				text-decoration: none;
			}
			.RouteResultStateIcons{
				clear:both;
				padding:5px 0 15px 0;
			}
				.RouteResultStateIconContainer{
					width:30.6666%;
					float:left;
					text-align: center;
					padding:15px 0;
					margin-left:4%;
				}
				.RouteResultStateIconContainer:first-child{
					margin-left:0px;
				}
					.RouteResultStateIcon{
						margin:0 auto;
						height:38px;
						line-height: 38px;
						font-size:14px;
						background:#808080;
						border-radius:3px;
						color:#fff;
						position: relative;
					}
					.RouteResultStateIcon.Yes{
						background:#043d75;
					}

			.RouteResultsStateDetails{
				display:none;
			}
				.RouteResultsStateDetails .InfoBubble {
					position:absolute;
					right:0px;
					top:0px;
				}
				.RouteResultsStateDetails table{
					width:100%;
				}
					.RouteResultsStateDetails th,
					.RouteResultsStateDetails table td.TH{
						font-weight:600;
						padding:3px 20px;
						color:#333;
						background:#f7f7f7 !important;
						vertical-align: middle;
					}
					.RouteResultsStateDetails tr:nth-child(odd) td{
						background:#fafafa;
					}
					.RouteResultsStateDetails td{
						padding:3px 20px;
						white-space: nowrap;
						font-size:13px;
					}
					.RouteResultsStateDetails table td.TextBlue{
						color:#0075ff;
					}
						.RouteResultsStateInches{
							display:none;
						}
				.StatesIssueButton{
					font-size:12px !important;
					float:right;
					padding:5px 10px;
				}
				.RouteResultsStateDetailsNotes{
					padding:5px 0 20px;
				}
					.RouteResultsStateDetailsNotesTitle{
						font-weight:600;
						padding:20px 0 5px;
					}
					.RouteResultsStateDetailsNotes li{
						margin-left:33px;
						font-size:14px;
						line-height:1.4em;
					}
@media screen and (max-width: 1100px){				
#route-results-map{
	display:block;
	width:100%;
	border:none;
	margin-bottom:35px;
}

#route-results-states{
	display:block;
	width:100%;
	border:none;
}
}
/************************************************************************
#  PAGE - ROUTE RESULTS
*************************************************************************/


/************************************************************************
#  PAGE - ACCOUNT SETTINGS
*************************************************************************/
.AccountSettingsUser{
	float:left;
	display:bloc;
	padding:10px 20px;
	background:#ddd;
	color:#555;
	width:30%;
	margin-right:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
}
.AccountSettingsUser:nth-child(3n+1){
	margin-right:0px;
}
	.AccountSettingsUser{
		font-weight:600;
	}
/************************************************************************
#  PAGE - ACCOUNT SETTINGS
*************************************************************************/


/************************************************************************
#  PAGE - BILLING
*************************************************************************/
#billing-plan-display{
	padding:56px 25px;
	text-align: center;
}
/************************************************************************
#  PAGE - BILLING
*************************************************************************/