@font-face {
  font-family: 'Roboto-Regular';
  font-style: normal;
  src: url(../fonts/Roboto-Regular-webfont.ttf) format('ttf');
  src: url(../fonts/Roboto-Regular-webfont.eot) format('eot');
  src: url(../fonts/Roboto-Regular-webfont.svg) format('svg');  
  src: url(../fonts/Roboto-Regular-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  src: url(../fonts/Roboto-Medium.ttf) format('ttf');
  src: url(../fonts/Roboto-Medium.woff) format('woff');
  src: url(../fonts/Roboto-Medium.woff2) format('woff2');
}
body {
    font-family: "Roboto-Regular","Roboto Medium","Oxygen", "Ubuntu", "Segoe UI", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
   
}
.redText{color: red;}
.successColor{color:green;}
.blueText{colot:blue;}
a:hover{text-decoration:none!important}
.pad20px{padding:20px;}
.padTB30px{padding:30px 0px;}
.padLeft10px{padding-left:10px}
.padLeft0px{padding-left:0px!important;}
.padRight15px{padding-right:15px;}
.padRight50px{padding-right:50px;}
.padTop30px{padding-top:30px;}
.marLeft5px{margin-left:5px;}
.marLeft10px{margin-left:10px;}
.marLeft20px{margin-left:20px;}
.marLeft45px{margin-left:45px;}
.marLeft100px{margin-left:100px;}
.marRight5px{margin-right:5px;}
.marRight15px{margin-right:15px;}
.marRight50px{margin-right:50px;}
.marTop0px{margin-top:0px !important}
.marTop5px{margin-top:5px}
.marTop10px{margin-top:10px}
.marTop15px{margin-top:15px}
.marTop20px{margin-top:20px}
.marTop25px{margin-top:25px}
.marTop30px{margin-top:30px}
.marTop35px{margin-top:35px}
.marTop40px{margin-top:40px}
.marTop45px{margin-top:45px}
.marTop50px{margin-top:50px}
.marTop55px{margin-top:55px}
.marTop60px{margin-top:60px}
.marTop65px{margin-top:65px}
.marTop70px{margin-top:70px}
.marTop80px{margin-top:80px}
.marTop90px{margin-top:100px}
.marTop100px{margin-top:100px}
.marBot0px{margin-bottom: 0px!important}
.marBot5px{margin-bottom: 5px}
.marBot10px{margin-bottom: 10px}
.marBot20px{margin-bottom: 20px}
.marBot30px{margin-bottom:30px;}
.marLeft0px{margin-left:0px !important;}
.marLeft10px{margin-left:10px;}
.marLeft95px{margin-left:95px;}
.marLeft150px{margin-left:150px;}
.marLeft200px{margin-left:200px;}
.marBot120px{margin-bottom:120px;}

.pad0px{padding:0px;}
.pad5px{padding:5px;}
.pad10px{padding:10px;}
.text-bold{font-family: "Roboto Medium";}
.fontBig{font-size:2em;font-weight:normal!important}
.fontMedium{font-size:1.5em;font-weight:normal!important}
.fontLarge{font-size:1.2em;font-weight:normal!important}
.customUlStyle{padding-left:20px}
.customUlStyle li{padding-top:5px}
.fontWeightNormal{font-weight:normal!important}
.circle50px{background:#fff;border-radius:50%;text-align:center;width:75px;height:75px;padding-top:20px;display:inline-block;border:1px solid #f1f1f1}
.inlineBlock{display:inline-block;}
.text-align-middle{vertical-align: middle !important;}
.graybg1{
	background:url('../images/banner.jpg') no-repeat;
	background-size:cover;
	height:400px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.graybg-subpage{
	height:130px;
	background-position-y:-360px;
}
.main-container-home-page
{
	margin-top:105px;
}
.topBox{
	background:rgba(255, 255, 255, 0.70);
	padding:15px 20px;
}
.topBox-subpage{
	background:rgba(255, 255, 255, 0.90);
	padding:15px 20px;
}
.bannerContent{
	position:absolute;
	bottom:20px;
	left:0;
}
.bannerLink{
	color:initial!important
}
.bannerLink:hover{color:#1388cb!important}
.bordered{border:5px solid #f5f5f5}
.whiteBg{	
	background:#fff;
}
/*-------------------Navbar----------------------*/
.navbar{margin-bottom:0px!important}
.navbar-inverse {border-bottom:1px solid #f5f5f5;background-color: #FFFFFF;font-weight: 500; }
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #fff;color:#337ab7!important}
.navbar-inverse { background-image: none;/*box-shadow: 0px 0px 5px #ccc;*/ }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse .navbar-brand { color: #333333}
.navbar-inverse .navbar-brand:hover { color: #333333}
.navbar-inverse .navbar-nav>li>a { color: #333333}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #1388cb;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #1388cb;}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #1388cb}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #333}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #333}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #333}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #333}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background-color: #FFF;}
.navbar-toggle{background-color: #9E9E9E;}
.navbar-inverse .navbar-toggle {border-color: transparent;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #9E9E9E;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #9E9E9E;overflow-y:scroll;}
.full-navbar{margin-left: -180px;}
.navbar-brand>img {width:100%;margin-top:-50px;}
.nav>li>a {padding: 10px 10px;}

@media(min-width:1200px){
	.container {width: 1200px;}
	.main-container-home-page{
		margin-top:105px!important;
	}
	
}
@media(max-width:1200px)
{
	.hidden-1200px{display:none !important}
	.visible-1200px{display:block !important}

	
}

.btn-custom{padding-top: 8px !important;padding-bottom: 8px !important;background: #1388cb;margin-left: 5px;margin-right: 5px;color:#FFF!important;margin-top:2px;margin-bottom:2px;}
.btn-custom:hover,.btn-custom:active,.btn-custom:focus,.btn-custom:visited{background: #1388cb !important;color:#FFF!important;}
.btn-custom-login{padding-top: 8px !important;padding-bottom: 8px !important;background: #5cb85c ;margin-left: 5px;margin-right: 5px;color:#FFF!important;margin-top:2px;margin-bottom:2px;}
.btn-custom-login:hover,.btn-custom-login:active,.btn-custom-login:focus,.btn-custom-login:visited{background: #00ba00  !important;color:#FFF!important;}
.noCaps{text-transform:none!important}
.text-caps{text-transform:uppercase!important}
.text-default{color:inherit!important}
.text-white{color:white}
.text-yellow{color:#ffeb3b}
.text-green{color:#00ba00}
.text-orange{color:#E97425}
.text-red{color:#FF0000}
.text-blue{color:#3f9dd3;}
.text-black{color: #000!important;}
.bg-blue{background:#3f9dd3;}
.bg-red{background:#ca6868;}
.stt-phone{display:inline-block;margin-right:15px;font-weight:bold;}
.stt-link{display:inline-block}
.graybg{background:rgba(241, 241, 241, 0.2);} 
/* .graybg{background:#ccc;} */
.offerBg{background:rgba(51, 122, 183, 0.2);padding:12px;border-radius:5px}
.registerBtn{    
	width: 250px;
    padding: 12px 0px!important;
    font-size: 1.3em;
}
/*.btn {padding: 6px 12px !important; }*/
.btn-success{
	color: #fff !important;
    background-color: #449d44 !important ;
    border-color: #398439 !important;
	margin-left:5px;
	}
.btn-success:hover {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}
.btn-danger{
	color: #fff !important;
    background-color: #d9534f !important ;
    border-color: #d43f3a !important;
	margin-left:5px;
	}
.btn-danger:hover {
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.offer1{
	padding-left:5px;
	padding-right:5px;
}
.offer2
{
	padding-left:5px;
	padding-right:5px;
}
.offer1 p{font-size:18px;}
.offer2 p{font-size:18px;}

/* Dashboard design */
.rightBox{background:#fff;min-height:600px}
.leftNav li{border-bottom:1px solid #f1f1f1;font-size:1.1em}
.leftNav li a{padding:10px 0px;display:block;color:#000!important;}
.leftNav li a:hover{text-decoration:none;color:#ea7425!important;}
.leftNav li.active a{color:#ea7425!important}

#leftNav ul.dropdown-menu{
	position: relative;
	border:0px;
	box-shadow:none;
	min-width: 165px;
    padding: 5px 10px;
    margin: 2px 0 10px;
	font-size: 0.8em;
	-webkit-box-shadow:0;
}




/****** LOGIN MODAL ******/


.modal-login
{
	padding: 20px;
	width:100% !important;
	background-color: rgba(241, 241, 241, 1);
}

.modal-header {
    padding: 0px; 
    border-bottom: 0px solid #e5e5e5;
}
.input-group .form-control
{
	border-radius:4px;
	border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
	height:50px;
}
.input-group .fa{
	position: absolute;
    margin-top: 16px;
    float: right;
    right: 10px;
    z-index: 100;
	color:#C0C0C0;
}
.login-help{
  font-size: 12px;
  color: #333;
  margin-top:-20px;
}
.login-btn-xs{    
	max-width: 180px;
	}

#radio1{display:none;}
#radio2{display:none;}
#radio3{display:none;}

.radio-btn1 {cursor:pointer;}
.radio-btn2 {cursor:pointer;}
.radio-btn3 {cursor:pointer;}

.radio-btn1 .fa{color:#333;}
.radio-btn2 .fa{color:#F1F1F1;}
.radio-btn3 .fa{color:#b5e0f1;}

.radio-btn1 .fa{background:#faebcc;padding:2px;border-radius:3px;margin-right:15px;margin-top: 5px;}
.radio-btn2 .fa{background:#d6e9c6;padding:2px;border-radius:3px;margin-right:15px;margin-top: 5px;}
.radio-btn3 .fa{background:#b5e0f1;padding:2px;border-radius:3px;margin-right:15px;margin-top: 5px;}


.facebook  img{width:50px;}
/*-------------login----ends-----*/


h2{color: #333}
.feature-section h3
{
	color:#333;
}
.feature-para
{
	line-height:20px;
	color:#333;
	text-align:justify;
}
.colorblack{color:#333;}

.footer
{
	background: #494949;
    color: #d5d5d5!important;
	margin-bottom:0px;
}
.footer-col-1
{
	list-style: none;
	padding:0px;
	line-height:24px;
}
.footer-col-1 a{
	color:#C0C0C0;
}
.footer-col-1 a .fa{
	font-size:11px;
}
.footer-col-2{
	margin-bottom: 15px;
}

.footer-col-2 a
{
	color:#C0C0C0;
}
.copyright{background:rgba(241, 241, 241, 0.2);}
.width80{width:80% !important;}



/*------------TABLE -----------------------------*/
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
	 border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pager li>a, .pager li>span {
   
    border-radius: 0px;
}


div.dataTables_wrapper div.dataTables_info {
    font-weight: normal;
    color: #1388cb;
}
.radio-form-btn{
    margin-left: 30px;
}
.checkbox-form-btn{
    margin-left: 30px;
}

#chart1,#chart2,#chart3,#chart4
{
	position:relative;width: 200px; height: 200px;
}
.flotTip 
    {
      padding: 3px 5px;
      background-color: #fff;
      z-index: 100;
      color: #333;
      box-shadow: 0 0 10px #555;
      opacity: .7;
      filter: alpha(opacity=70);
      border: 2px solid #fff;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
	
	
.modal-header1 {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
hr {
    margin-top: 10px;
}
.btn-small {padding: 0px 3px !important; }
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0 !important;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
	 text-decoration: none;
}
.fontRobotoMedium{
	font-family: Roboto Medium;
    font-weight: normal!important;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    font-family: Roboto Medium;
    font-weight: normal;
}
.table thead th, .table tbody td{font-size:12px!important}
.dropdown-menu-shipper{
	position:relative;width:100%;
	margin-top: 1px;
    border-top: 0px;
    border-radius: 0px;
	}
.dropdown-menu-shipper ul{
	list-style-type:none;
	padding:0 0px;
    color:#333;
	}
.dropdown-menu-shipper ul>li{
	line-height:32px;
	padding:0 15px;
	
}
.dropdown-menu-shipper ul :hover{
	background:#337ab7;
}
.dropdown-menu-shipper ul li:hover >a{ color: #FFF; }
.dropdown-menu-shipper ul>li a{
	font-family:Roboto Medium;
	color:#333;
}
.shippername-caret
{
	position: absolute;float: right;right: 35px;margin-top: -25px;color: #C0C0C0;
}
.text-black{color:#333;}
.text-white{color:#FFF;}
.marTop9px{margin-top:9px;}
.text-android{color:#a5c639}
.imgCircle{
	width:50px;
	height:50px;
	border:1px solid #CCC;
	border-radius:50%;
	background:#FFF;
	display:inline-block;
	}
.blended{
	position: relative;
    background: #1388cb;
	font-family: Roboto Medium;
	font-size:16px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    padding: 10px;
    color: yellow;
    top: -4px;
    left: -16px;
    display: inline-block;
    z-index: -1;
	}
.step1,.step2,.step3,.step4,.step5
{ 
    position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	border:0px solid #CCC;
	border-radius:50%;
	background:#ccc;
	font-weight:bold;
	z-index:100;
}
.step1bar,.step2bar,.step3bar,.step4bar,.step5bar{
	display:inline-block;
	position:absolute;
	height:10px;
	margin-top:10px;
	margin-left:-10px;
	border:0px solid #CCC;
	width:150px;
	border-radius:20px;
	background:#CCC;
	}
.step2bar,.step3bar{width:220px;}

.step1bar  div{width:0px;background:#337ab7;height:10px;border-radius:20px;}
.step2bar  div{width:0px;background:#337ab7;height:10px;border-radius:20px;}
.step3bar  div{width:0px;background:#337ab7;height:10px;border-radius:20px;}
.step4bar  div{width:0px;background:#337ab7;height:10px;border-radius:20px;}
.step5bar  div{width:0px;background:#337ab7;height:10px;border-radius:20px;}
.progBarHighlight1,.progBarHighlight2,.progBarHighlight3,.progBarHighlight4,.progBarHighlight5{display:block;}
@media(max-width:1200px){
	.step1bar,.step2bar,.step3bar,.step4bar{width:175px;}
	.progBarHighlight1,.progBarHighlight2,.progBarHighlight3,.progBarHighlight4,.progBarHighlight5{display:block;font-size:14px;}
	.step1bar,.step2bar,.step3bar,.step4bar,.step5bar{width:130px}
	.step2bar{width:170px;}
}

@media (min-width:992px) and (max-width: 1200px) {
	.main-container-home-page{margin-top:140px ;}
	.navbar-nav{float:left;margin-left:0px;margin-top:0px;}
	.text-left-md{text-align:left!important}
}

@media (max-width: 1024px) {
	.main-container-home-page{margin-top:140px;}
	.navbar-nav-2
	{
		margin-top:0px;
	}
	.advContainer{margin-top:20px !important}
	.mats-img{height:125px;}
	.text-center-sm{text-align:center}
	.pull-left-sm{float:none!important;display:inline;}
	.marTop30px-sm{margin-top:30px}
}

@media (max-width: 992px) {
		.navbar-nav{margin-top: 0px;margin-left: 20px;}
		.main-container-home-page{margin-top:140px;}
		.marTop0px-sm{margin-top:0px !important}
		.list-inline{margin-top:0px;}
		.nav>li>a{padding: 10px 10px;}
		.step1bar,.step2bar,.step3bar,.step4bar,.step5bar{width:130px;}
		.progBarHighlight1,.progBarHighlight2,.progBarHighlight3,.progBarHighlight4,.progBarHighlight5{display:none;}
		.fontMedium-sm{font-size:1.2em;font-weight:normal!important}
		.marTop20px-sm{margin-top:20px !important}
		.advContent br{display:none;}
		.iosix-logo{margin-left: 64px;}
		.navbar-fmcsa{
	margin-top: -55px !important;
    width: auto !important;
    margin-left: 180px !important;
    height:40px;
	}
}
@media (max-width: 767px) {
	.full-navbar{margin-top: 2px;margin-left: 0px;}
    .pull-left-xs {
        float: left !important;
    }
	.text-left-xs
	{
		text-align:left !important;
	}
	.pull-none-xs {
        float: none !important;
    }
	
	.login-tag
	{
		display:none !important;
	}
    .main-container-home-page
	{
		margin-top:90px;
	}
	.list-block-xs > li
	{
		display:block !important;
	}
	.text-xs-center{text-align:center}
	.marTop20px-sm{margin-top:0px!important;}
	.marLeft0px-xs{margin-left:0px !important}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-bottom:0.5px solid #9E9E9E; border-top:0.5px solid #9E9E9E;}
	.navbar-toggle
	{
		top: -15px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #1388cb;
		background-color: transparent;
		}
	.step1bar,.step3bar,.step4bar,.step5bar{width:120px;}
	.step2bar{width:140px;}
	.fontMedium-xs{font-size:1em;font-weight:normal!important}
	.marTop20px-xs{margin-top:20px !important}
	.text-center-xs
	{
		text-align:center !important;
	}
	.navbar-fmcsa{height:40px}
	.irslogosize{width:10%}
	.sttlogosize{width:75%}
	.marTop0px-xs{margin-top:0px}
	.marTop30px-xs{margin-top:30px}
	.graybg-subpage {
		height: 65px;
		background-position-y: -60px;
	}
}
@media (min-width: 768px)
{
	.modal-dialog
	{
		/*width:450px; */
	}
	.loginModal
	{
	width:450px;
	}
	.modal-dialog1
	{
		width:600px;
	}
	 .main-container
	{
		margin-top:60px;
	}
	.main-container-home-page
	{
		margin-top:140px;
	}
	.navbar-fmcsa{
	margin-top: -55px !important;
    width: auto !important;
    margin-left: 180px !important;
    height:40px;
	}
	
}
@media (max-width: 648px) 
{
	 .main-container-home-page
	{
		margin-top:100px;
	}
	.step1bar,.step3bar,.step4bar,.step5bar{width:100px;}
	.step2bar{width:130px;}
	.navbar-fmcsa{
	margin-top: -55px !important;
    width: auto !important;
    margin-left: 180px !important;
    height:40px;
	}
}
@media (max-width: 438px) 
{
	.navbar-header
	{
		margin-top:0px !important;
	}
	.navbar-toggle
	{
		top: 30px;
	}
	.copyright p{padding-left:40px;padding-right:40px;}
	.sttLogo img{height:20px;}
	.step1bar,.step3bar,.step4bar,.step5bar{width:60px;}
	.step2bar{width:75px;}
	.iosix-logo{
	float: right;
    margin-right: 10px;
    margin-top: 42px;
	}
	.navbar-fmcsa{
	margin-top: -55px !important;
    width: auto !important;
    margin-left: 180px !important;
    height:40px;
	}
	
}
@media (max-width: 360px) 
{
	.copyright p{padding-left:15px;padding-right:15px;}
	.sttLogo img{height:20px;}
	.sttLogo{display:block;}
	.navbar-fmcsa{
	margin-top: -55px !important;
    width: auto !important;
    margin-left: 180px !important;
    height:40px;
	}
}
@media (max-width: 320px) 
{
	.navbar-fmcsa{
	margin-top: -55px !important;
    width: auto !important;
    margin-left: 150px !important;
	}
}

/* Price page styles */
.list-block-xs {	text-align:center;}

@media (max-width: 768px) {
.list-block-xs 
{
	text-align:left;
}
}

.facebook .fa{
	color:#FFF;
	font-size:3em;
}
.fb-tag
{
  color:#FFF;
  display:inline-block;
}
img[name=seal]
{
	width:70px;
}

.eldDetails,.reviewSection,.shippingSection,.paymentSection,.receiptSection{
	border:1px solid #eee;
	padding:20px;
	border-radius:5px;
}
.editShippingDetails{display:none;}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
.modal-backdrop{opacity:0.5}


.visitbg{background:#f5f5f5;display:none}
@media print
{    
    .no-print, .no-print *
    {
       display: none !important;
    }
	.contactDetails{display:inline-block;float:left;width:30%}
	.shippingAddress{display:inline-block;float:left;width:30%}
	.table-bordered >tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th 
	{
		border:1px solid #000 !important;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
	{
		border:1px solid #000 !important;
	}
	.visitbg{display:block;background:#f5f5f5!important;}
}
.modal-backdrop{opacity:0.5}



.dropdown-menu-driver{
	margin-top: 1px;
    border-top: 0px;
    border-radius: 0px;
	width:90%;
	}
.dropdown-menu-driver ul{
	list-style-type:none;
	padding:0 0px;
    color:#333;
	}
.dropdown-menu-driver ul>li{
	line-height:32px;
	padding:0 15px;
	cursor:pointer
}
.dropdown-menu-driver ul li:hover >a{ color: #337ab7; }
.dropdown-menu-driver ul>li a{
	font-family:Roboto Medium;
	color:#333;
}
.height34px{height:34px !important;}
.datepicker{
	z-index:10000;
}
.drivertxtBox
{
	/* width:50px; */
}
.clearall{clear:both}
.dropdown-menu-driver li{cursor:pointer;}
.chartDetails{
	display: inline-block;
    position: absolute;
    top: 135px;
    margin-left: 245px;
    font-weight: normal;
	}
	.chart-center
	{
	width: 100px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 80px;
    margin-left: 39px;
	}
	.admin-menu-dropdown{list-style-type:none;padding:0px;}
.admin-menu-dropdown li{padding:5px 0px;}
.admin-menu-dropdown li a{color:#333;}
.admin-menu-dropdown li:hover
{
	background:#f5f5f5;color:#ea7425;
}
.admin-menu-dropdown li:hover > a{color:#ea7425;}

.admin-menu-dropdown li.active>a {
	color:#ea7425;
}

.legend{
    position: absolute;
    float: right;
    right: -175px;
    width:100%;
    top:20px;
	}
.popup{position:fixed;z-index:2000;left:0;right:0;margin:auto;width:30%;border:5px solid #CCC;display:none;}
.close-icon{
	position: absolute;
    float: right;
    right: -23px;
    top: -23px;
    font-size: 28px;
	}
.blackscreen{position:fixed;width:100%;height:100%;background:#000;top:0px;z-index:1500;opacity:0.5;display:none;}
.close-icon-wrapper{color:#FFF;}
.close-icon-wrapper:hover{color:#FFF;}



.video-thumbnail{}
.play-icon{position: absolute;
    margin-top: -50px;}
	
.thumbnail-tag{
	
    font-size:14px;color:#333;
}
.video-active{border:2px solid #eb782c;}
.thumbnailContainer{max-height:550px;overflow-y:auto; }

.thumbnailContainer::-webkit-scrollbar {
    width: 10px;
      height: 10px;
	border-radius:5px;
	
}

.thumbnailContainer::-webkit-scrollbar-track {
    background-color: rgba(100, 100, 100, .2);
}

.thumbnailContainer::-webkit-scrollbar-thumb {
    background-color: #1488cb;
    border: 3px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}
.marTop120px{margin-top:120px;}
.fmcsa{
	position: absolute;
    /* margin-bottom: -4px; */
    margin-left: 20px;
    margin-top: -23px;
    margin-left: 76px;
}
.height105px{height:90px;}

.login-btn-xs, .register-btn {
	max-width: 180px;
}

.padTop20px
{
	padding-top:20px;
}


.circle50px{background:#fff;border-radius:50%;text-align:center;width:75px;height:75px;padding-top:20px;display:inline-block;border:1px solid #f1f1f1}

@media (min-width: 992px){
	.modal-larg {
	    width: 600px;
	}
	
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 10px;
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}


@media  screen and (max-width: 600px) {
    .hidden-res{
		display:none;
	}
	.chart-height{
		    height: 50rem;
	}
	.jumbotron h1.small {
    font-size: 25px;
	}
	.bold {
    font-weight: bold;
    font-size: 25px;
	}
	.alert-image{
		width: 144px;
		height: 65px;
	}
	#cart{
	display:none;
}
textarea{
	    margin: 0px;
    width: 100%!important;
    height: 220px;
	
}
  .chartDetails {
    display: inline-block;
    position: absolute;
    top: 217px;
    margin-left: 0px;
    font-weight: normal;
}
.legend {
    position: absolute;
    float: right;
    right: 0px;
    width: 100%;
    top: 400px;
}
}	
@media  screen and (max-width: 1000px) {
    .hidden-res{
		display:none;
	}
	#cart{
	display:none;
}
textarea{
	    margin: 0px;
    width: 100%!important;
    height: 220px;
}
}	
@media (min-width:748px) and (max-width: 1000px){
	.rightBox {
	    background: #fff;
	    min-height: 600px;
	    margin-top: 20px;
	}
	.tablet-res{
		margin-top: 20px;
	}
	 .main-container
	{
		margin-top:110px;
	}
	.hidden-res{
		display:none;
	}
	
	
}
@media (max-width: 992px){
.navbar-nav {
    margin-top: 0px;
   margin-left: 0px;
}

}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e2e2e2;
}


div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{
	min-height: .01%;
    overflow-x: auto;

}

.sticy-top{
	
	    position: sticky;
    top: 53px;
    z-index: 10075;
    background-color: white;
    -webkit-box-orient: horizontal;
}

.nav-box{
	padding: 0px 8px 8px 8px;
}

ul.nav {
    white-space: nowrap;
    overflow-x: auto;
}

ul.nav li {
    display: inline-block;
    float: none;
}