@charset "utf-8";
/* CSS Document */

@font-face { 
font-family: IDAutomationHC39M;  
src: url(/fonts/IDAutomationHC39M.woff);
}
.marcbg{background: #84ccd5;}
.toddbg{background: #84d7ae;} 
.nounderline a:link, .nounderline a:active, .nounderline a:visited, .nounderline a:hover{color:black;text-decoration:none;}
.bold{font-weight:bold;}
.barcode{font-family: 'IDAutomationHC39M'; font-weight:normal; font-style:normal;}
html{overflow-y: scroll;}
html,body{margin:0; padding:0; overflow-x: hidden;}
@media (min-width: 768px) {
  .modal-xl {
    width: 95%;
   max-width:1400px;
  }
}
 
.blinkred {
  -webkit-animation: blinkr 2s step-start infinite;  /* Safari 4+ */
  -moz-animation: blinkr 2s step-start infinite;  /* Fx 5+ */
  -o-animation: blinkr 2s step-start infinite;  /* Opera 12+ */
  animation: blinkr 2s step-start infinite;  /* IE 10+, Fx 29+ */
} 
@-webkit-keyframes blinkr {
  0%, 49% {
    background-color: rgb(238, 0, 0);
    border: 1px solid #ee0000; 
    color: #ffffff;
  }
  50%, 100% {
    background-color: #ffffff; 
    border: 1px solid rgb(255, 255, 255); 
    color: #ff0000;
  }
}    
    
.blinkyellow {
  -webkit-animation: blinky 2s step-start infinite;  /* Safari 4+ */
  -moz-animation: blinky 2s step-start infinite;  /* Fx 5+ */
  -o-animation: blinky 2s step-start infinite;  /* Opera 12+ */
  animation: blinky 2s step-start infinite;  /* IE 10+, Fx 29+ */
} 
@-webkit-keyframes blinky {
  0%, 49% {
    background-color: rgb(250, 250, 0);
    border: 1px solid #ee0000;
  }
  50%, 100% {
    background-color: #ffffff;
    border: 1px solid rgb(255, 255, 255);
  }
}    

.blinkpurple {
  -webkit-animation: blinkp 2s step-start infinite;  /* Safari 4+ */
  -moz-animation: blinkp 2s step-start infinite;  /* Fx 5+ */
  -o-animation: blinkp 2s step-start infinite;  /* Opera 12+ */
  animation: blinkp 2s step-start infinite;  /* IE 10+, Fx 29+ */
} 
@-webkit-keyframes blinkp {
  0%, 49% {
    background-color: rgb(239, 153, 255);
    border: 1px solid #EF99FF;
  }
  50%, 100% {
    background-color: #ffffff;
    border: 1px solid rgb(255, 255, 255);
  }
}


.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #333;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 1px solid #d2d2d2;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #00CC00;
	 color: #FFF;
}
.form-checkbox
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
     cursor: pointer;   
     margin-right: 7px;
     outline: none;
}
.form-checkbox:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-checkbox:hover
{
     background-color: #f7f7f7;
}
.form-checkbox:checked
{
     background-color: #00CC00;
	 color: #FFF;
}
.form-checkbox:disabled
{
     background-color: #ccc;
}
section {
  width: 100%;
  height: 100%;
  padding: 0;
  display: table;
  max-width: none;
  height: 95vh;
  margin: 0 auto; 
}
#section1 { 
  background: url(images/advtrucking.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#section2{background:#eee;}
#section3 { 
  background: url(images/truck-night.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#section4{background:#eee;}
#section5 { 
  background: url(images/trucking6.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.content {
  display: table-cell;
  vertical-align: middle;
  padding:60px 40px;
}
.intro-content{padding:60px 60px; display:table-cell;}
.header{margin:0; width:100%; height:68px; background:black;}
pre{font-family:Arial, Helvetica, sans-serif; font-size:14px; background:white; border: none;}
.tool + .tooltip > .tooltip-inner {background-color: black; color:white; border:1px solid silver; padding:10px; font-size:14px;max-width: 500px;}
.white-tooltip + .tooltip > .tooltip-inner {background-color: white; color:black; border:1px solid silver; opacity:1; padding:20px; font-size:14px;max-width: 600px;}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
a:link, a:active, a:visited{color:#2780e3;}
a:hover{color:#9954bb;}
 
input::-webkit-input-placeholder { /* Firefox 18- */
color: gray !important;  
} 
input:-moz-placeholder { /* Firefox 18- */
color: gray !important;  
}
input::-moz-placeholder {  /* Firefox 19+ */
color: gray !important;  
}
input:-ms-input-placeholder {  
color: gray !important;  
}
textarea::-webkit-input-placeholder {
color: gray !important;
}
textarea:-moz-placeholder { /* Firefox 18- */
color: gray !important;  
}
textarea::-moz-placeholder {  /* Firefox 19+ */
color: gray !important;  
}
textarea:-ms-input-placeholder {  
color: gray !important;  
}
.foot a:link, .foot a:active, .foot a:visited{color:#666;}
.foot a:hover{color:#ff0000;}
.login{width:125px; height:40px; background:url(images/login.png) top center;}
.login:hover{width:125px; height:40px; background:url(images/login.png) bottom center;}
.logout{width:125px; height:40px; background:url(images/logout.png) top center;}
.logout:hover{width:125px; height:40px; background:url(images/logout.png) bottom center;}
.attn{background-color:#FFE8E9; border:1px solid #ff0000;}
.att{color:#cc0000;}
.pad{padding:10px;}
.bord td{border:1px solid #ccc;}
.catidselector{font-size:11px;padding:3px;margin:3px;float:left;border:1px solid #666;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px;background:#eee; cursor:pointer;}
.catidselected{font-size:11px;padding:3px;margin:3px;float:left;border:1px solid #121212;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px;background:#6CF;}

/* CALENDAR */
.hlt{background-color:#FDF7A7;} 
#dpick{cursor:pointer;}
.loc{width:auto;font-size:12px; line-height:16px; padding:4px; border:0px solid silver; margin:0px 0px 10px;}
.notavail{width:auto;font-size:12px; line-height:16px; padding:4px; border:0px solid silver; margin:0px 0px 10px; background:black; color:white;}
.white{width:auto;font-size:12px; line-height:16px; padding:4px; border:0px solid silver; margin:0px 0px 10px; background:white; color:white;}
.caldate{width:auto;font-weight:bold;text-align:right;}
.calappt{width:auto;font-size:12px; line-height:16px; padding:4px; border:1px solid silver; margin:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer;}
.calapptpriv{width:auto;font-size:12px; line-height:16px; padding:4px; border:1px solid silver; background:black; color:white; margin:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer;}
.calappt:hover{cursor:pointer;}
.caldetails{font-size:12px; line-height:16px; margin:8px 0px 4px 8px;}
.calclick:hover{/*background:#CBECFB;*/cursor:pointer;}

.dayappt{width:auto;font-size:12px; line-height:24px; padding:8px; border:1px solid silver; margin:8px 0px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; cursor:pointer;}
.dayapptpriv{width:auto;font-size:12px; line-height:24px; padding:8px; border:1px solid silver; background:black; color:white; margin:8px 0px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; cursor:pointer;}
.dayappt:hover{cursor:pointer;}
.daydetails{font-size:14px; line-height:20px; margin:2px 0px 5px 30px;}
.datepick{width:100%; height:auto;text-align:center;cursor:pointer;}
.ltgray{color:#ECECEC;}
.whostyle{width:auto;font-size:14px; line-height:18px; padding:4px; text-align:center; border:1px solid silver; margin:4px 2px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.whopicker{width:auto; line-height:18px; padding:4px 8px; border:1px solid silver; margin:4px 2px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.circle{width:auto; height:auto; background:white; color: black; font-size:12px; font-weight:bold; line-height:12px; padding:3px 6px; text-align:center; border:0px solid silver; margin:1px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.colorpre{width:16px; height:16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin:2px; float:left;}
.tool + .tooltip > .tooltip-inner {background-color: white; color:black; border:1px solid silver; opacity:1; padding:20px; font-size:14px;max-width: 500px;}

.fixed {  
        position: fixed;   
        top: 0px; width:auto; margin-right:15px; }
		
.videoWrapper {
        position: relative;
        padding-bottom: 75.0%; /* 16:9 */
        padding-top: 0px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
/*.btn-default {color:#FFF !important;}
.btn-danger {color:#FFF !important;}
.btn-primary {color:#FFF !important;}
.btn-warning {color:#FFF !important;}
.btn-success {color:#FFF !important;}*/

.white{color:#fff;}

.bs-callout{margin:20px 0;padding:20px;border-left:3px solid #eee}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{background-color:#fff;border-radius:3px}
.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}
.bs-callout-info h4{color:#5bc0de}
.bs-callout h4{margin-top:0;margin-bottom:5px}

/*.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #121212;
  background: #fcb040;
}  */
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.dropdown{font-size:16px;}
/*.navbar-header,  .navbar-brand a{color:red;}
.navbar-header,  .navbar-brand a:hover{color:#000;}
.nav li a{color:#555;}
.nav li a:hover{color:#000;}

.nav li.dropdown a{color:#eee;}
.nav li.dropdown a:hover{color:#fff;}*/
.navbar-nav.nav-justified > li{
    float:none;
}
.nav ul.dropdown-menu{width:100%;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #121212;
  background: #fcb040;
}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #121212;
    background: #fcb040;
  }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #121212;
  background: #fcb040;
}  
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 10px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }

}

#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {
	background:#1da1d4;
	padding:9px 9px 9px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#topnav a.signin:hover{background:#158cba;}
#topnav a.register {
	background:#1da1d4;
	padding:9px 9px 9px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#topnav a.register:hover{background:#158cba;}
#topnav a.logout {
	background:#1da1d4;
	padding:9px 9px 9px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#topnav a.logout:hover{background:#158cba;}
#topnav a.signin:hover {
	background:#158cba;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 14px 6px 0px;
}
#topnav a.menu-open {
	background:#158cba!important;
	color:#fff!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("images/toggle_up_dark.png");
	color:#fff;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius:5px;
	display:none;
	background-color:#158cba;
	position:absolute;
	z-index:5000;
	width:230px;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 23.0px; 
	right: 15px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#fff;
	font-size:12px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ACE;
	font-size:14px;
	margin:0 0 5px;
	padding:5px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#fff;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#fff!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#f9c3ca url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #b76b7e;
	color:#fff;
	text-shadow:0 -1px 0 #8c4758;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(images/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(images/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(images/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(images/tipsy-west.gif);
	background-position:left center;
}