.row { margin-left: 0; margin-right: 0; }
#container { padding:0; max-width: 960px; width: auto; }
@media (max-width: 550px) {
	#container { max-width: 100%; }
}

body.push{ overflow-x: hidden; position: relative; left:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
body.push.right { left: 290px; float: none; }
nav.left-nav { background: #E7E8E6; box-shadow: -6px 0 8px rgba(172, 174, 166, 0.43) inset; left: -290px; padding: 15px 30px; position: fixed; width:290px; height:100%; top:0; z-index:1000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
nav.left-nav.open { left: 0px; }
	nav.left-nav ul { margin: 0 0 15px; float:left; width: 100%; }
		nav.left-nav li a { display: block; padding: 10px 0; }
		nav.left-nav li a:hover { color: #60615A; text-decoration: none; }
		nav.left-nav li a:hover:before { content:"\f054"; float: right; font-family: FontAwesome; }
		/* nav.left-nav li.transportation a:hover { background: #707D32; border-radius: 4px; } */
		nav.left-nav .mobile-info { border-bottom: 2px solid #ACAEA6; border-top: 2px solid #ACAEA6; padding: 15px 0; }
			nav.left-nav .mobile-info .customer-service a span { display: block; }
			nav.left-nav .mobile-account > li:first-child { overflow: hidden; text-overflow: ellipsis; }
		
.ac_results { margin-left: 2px; width: 40%; } /* Search auto-complate tweak */

.header.row { margin: 0; padding-top: 15px; position: relative; }
	.header .center-block {text-align: center;}
	.header .logo { display: block; float: none; margin: 0 auto 15px; width:129px; }
	.header .row.search { border: 1px solid #E5E5E5; border-radius: 3px; clear: none; display: inline-block; float: left; margin: 0 0 10px; padding: 3px; width: 100%; }
		.header .search [class*="col-sm-"]{ padding-right:0; padding-left:0; }
		.header .search input[type="text"] { background-image: none; display: block; padding: 6px; width: 100%; height:100%; }
		.header .search a.btn { border-radius: 2px; box-shadow: 0 0 0 0; height: 100%; margin: 0 0 0 -7px; padding: 3px 0 0; width: 102%; }
		.header .search .input-group-addon { background-color: #898b80; }
			.header .search .input-group-addon a { color: #FFFFFF; }
	.header .mini-cart { margin: 10px -10px 0 0; width: 100%; }
	.header .mobile-mini-cart { float: right; position: relative; font-size: 20px; }
		.header .mobile-mini-cart a { color: #FFFFFF; display: block; padding: 6px 15px 0 0; }
		.header #mini-bag-popUp { right: -22px; }
		.mobile-mini-cart a:hover { text-decoration: none; }
		.header .sub-nav { font-size: 11px; margin: 5px -20px 12px 0; }
				
.header .main-nav { padding-left: 0px; padding-right: 0px; display: table; table-layout: fixed; }
	.header .main-nav .navbar-nav { /* display: table-row; */ margin: 0; padding: 0; width: 100%; }
		.header .main-nav .navbar-nav li { /* display: table-cell; */ width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 6); }
		.header .main-nav a.menu { color: #FFFFFF; cursor: pointer; display: block; padding: 10px 8px; margin: 0 10px; font-size: 16px; }
		.header .main-nav a.menu:hover { text-decoration: none; }
		.header .main-nav li a { white-space: nowrap; margin: 0; }													
		.header .main-nav li.transportation a:hover { border-color: #7d8c31; }
		.header .main-nav li.workplace a:hover { border-color: #ca9a28; }
		.header .main-nav li.hr a:hover { border-color: #956497; }
		.header .main-nav li.construction a:hover { border-color: #e67c22; }
		.header .main-nav li.hazmat a:hover { border-color: #cf3236; }
		.header .main-nav li.shop a,
		.header .main-nav li.hazmat a { margin: 0; }
		.home .header .main-nav .shop:hover .dropdown-menu { display: block; }
		.header .main-nav .shop .dropdown-menu { width: 308px; }

/* Shop Category Styles */											
#shop-content a:hover,
#shop-content a:active { text-decoration: none; }
#shop-content .category,
#shop-content .catalog { height: 260px; overflow: hidden; }
#shop-content .intro .shop-intro-ad { margin: 15px 0 0; }
#shop-content .panel { margin-top: 15px; margin-bottom: 15px; }
#shop-content .shop-ad .panel-body { padding: 0; }
#shop-content .panel-body img { margin-bottom: 7px; }
#shop-content .shop-ad .panel-body .shop-ad-category { padding: 15px; }
#shop-content .shop-ad .panel-body .shop-ad-promo { padding: 10px; }
		#shop-content .shop-ad .panel-body a { display: block; }
		#shop-content img.width-10 { width: 10%; }
		#shop-content img.width-20 { width: 20%; }
		#shop-content img.width-30 { width: 30%; }
		#shop-content img.width-40 { width: 40%; }
		#shop-content img.width-50 { width: 50%; }
		#shop-content img.width-60 { width: 60%; }
		#shop-content img.width-70 { width: 70%; }
		#shop-content img.width-80 { width: 80%; }
		#shop-content img.width-90 { width: 90%; }
		#shop-content img.width-100 { width: 100%; }
#shop-content .row { margin-bottom: 0; }
#shop-content .intro { margin: 0 0 20px; }
@media (min-width: 767px) {
	#shop-content .col-xs-12 .row > .col-xs-12 { padding-left: 0; padding-right: 0; }
	#shop-content .col-xs-12 .row > .col-xs-12 .genericESpot > .col-sm-4:nth-child(2) { padding-left: 0; }
	#shop-content .col-xs-12 .row > .col-xs-12 .genericESpot > .col-sm-4:nth-child(4) { padding-right: 0; }
	}
@media (max-width: 992px) {
	#shop-content .content-pad {padding-left:0; padding-right:0;}
	#shop-content .form-name.catalog {text-align: left;}
	}
@media (max-width: 768px) {
	#shop-content .content-pad { padding-left:0; padding-right:0; }
	}
@media (max-width: 767px) {
	#shop-content .media-heading { margin-bottom: 0; }
	#shop-content .media-heading:after,
	#shop-content .form-name h3:after { content: "\f054"; display: inline-block; float: right; font-family: FontAwesome; }
	#shop-content .category,
	#shop-content .catalog { height: 100%  !important;  vertical-align: middle;  float: left;  width: 100%; text-align: left; }
	#shop-content .shop-ad .panel-body img { display: none; }
	#shop-content .form-name h3 { margin: 0; padding: 0; }
	}

/* bootstrap Overrides and tweaks. */
.media-list .media { margin-bottom: 30px; }
.media-list.columns .media { float: left; height: 115px; margin: 0 30px 15px 0; width: 47%; }
.media-list.columns .media:nth-of-type(2n) { margin-right: 0; }
.media .media-body *:last-child { margin-bottom: 0; }
.panel-default,
.panel-gray { border-color: #ACAEA6; }
.panel-gray>.panel-heading { color: #FFFFFF; background-color: #898b80; border-color: #ACAEA6; }
.panel-info { border-color: #ADD3EE; }
.panel-info>.panel-heading { color: #31708f; background-color: #CEEAFE; border-color: #bce8f1; }
.panel .panel-body h1:first-child,
.panel .panel-body h2:first-child,
.panel .panel-body h3:first-child,
.panel .panel-body h4:first-child,
.panel .panel-body h5:first-child,
.panel .panel-body h6:first-child { margin-top: 0; }
.panel-danger>.panel-heading { color: #FFFFFF; background-color: #D00D00; }
.text-danger { color: #D00D00 !important; }
.nav-tabs { border-bottom: none; }
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus { border: 1px solid #ACAEA6; border-bottom-color: transparent; color: #60615A; }
.brand .nav-tabs>li.active>a, 
.brand .nav-tabs>li.active>a:hover, 
.brand .nav-tabs>li.active>a:focus { background: #8B2346; border: 1px solid #8B2346; border-bottom-color: transparent; color: #FFFFFF; }
.transportation .nav-tabs>li.active>a, 
.transportation .nav-tabs>li.active>a:hover, 
.transportation .nav-tabs>li.active>a:focus { background: #707D32; border: 1px solid #ACAEA6; border-bottom-color: transparent; color: #FFFFFF; }
.workplace .nav-tabs>li.active>a, 
.workplace .nav-tabs>li.active>a:hover, 
.workplace .nav-tabs>li.active>a:focus { background: #987012; border: 1px solid #987012; border-bottom-color: transparent; color: #FFFFFF; }
.hr .nav-tabs>li.active>a, 
.hr .nav-tabs>li.active>a:hover, 
.hr .nav-tabs>li.active>a:focus { background: #643D65; border: 1px solid #643D65; border-bottom-color: transparent; color: #FFFFFF; }
.construction .nav-tabs>li.active>a, 
.construction .nav-tabs>li.active>a:hover, 
.construction .nav-tabs>li.active>a:focus { background: #A8530C; border: 1px solid #A8530C; border-bottom-color: transparent; color: #FFFFFF; }
.hazmat .nav-tabs>li.active>a, 
.hazmat .nav-tabs>li.active>a:hover, 
.hazmat .nav-tabs>li.active>a:focus { background: #A91B20; border: 1px solid #A91B20; border-bottom-color: transparent; color: #FFFFFF; }
.tab-content { border: 1px solid #ACAEA6; border-radius: 0 4px 4px 4px; }
.tab-content>.tab-pane { padding: 3rem; }
.brand .tab-content>.active { border-top: 4px solid #8B2346; }
.transportation .tab-content>.active { border-top: 4px solid #707D32; }
.workplace .tab-content>.active { border-top: 4px solid #987012; }
.hr .tab-content>.active { border-top: 4px solid #643D65; }
.construction .tab-content>.active { border-top: 4px solid #A8530C; }
.hazmat .tab-content>.active { border-top: 4px solid #A91B20; }
.navbar-toggle { height: auto; } /* This fixes the conflict with the button styles in cv-master. */
#accordion .panel .panel-heading .panel-title a[aria-expanded="false"]:after,
#accordion .panel .panel-heading .panel-title a[aria-expanded="true"]:after { font-family: FontAwesome; float: right; }
#accordion .panel .panel-heading .panel-title a[aria-expanded="false"]:after { content: "\f067"; }
#accordion .panel .panel-heading .panel-title a[aria-expanded="true"]:after { content: "\f068"; }

@media (max-width: 850px) { 
	.media-list.columns .media { float: none; width: 100%; }
	}
@media (max-width: 500px) { 
	.media-list.columns .media { height: auto; }
	}
	
/* BIP Styles */
@media (max-width: 715px) { 
	.content-head.row h1 { font-size: 26px; }
	}

/* Responsive footer styles only. */
#footer.responsive { font-size: 12px; color: #60615A; padding: 0 15px; } 
    #footer.responsive h5,
    #footer.responsive h6 { color: #60615A; font-weight: bold; }
    #footer.responsive a { color: #60615A; text-decoration: none; }
    .footer.responsive.row,
    .footer.responsive .row { margin: 0 auto; }
    .footer.responsive ul { list-style-type: none; margin: 0; } 

    .footer.responsive .top { background-color: #8b2346; border-radius: 3px; margin: 0 auto 10px; padding: 10px 0; width: 100%; }
        /* .footer .top ul { margin-left: 15px; padding: 10px 0; } */
            .footer.responsive .top ul li { color: #FFFFFF; display: inline; font-size: 14px; padding: 0 30px 0 0; }
            	#footer.responsive .top ul li a { color: white; font-size: 14px; transition: all .25s ease-in-out; }
            	#footer.responsive .top ul li a:hover { text-decoration: none; border-bottom: 6px solid #909090; padding: 0 0 4px; }
            	#footer.responsive .top ul li:first-child { background: #642238; border-radius: 3px 0 0 3px; margin: 0 15px 0 0; padding: 11px; position: relative; }
            	#footer.responsive .top ul li:first-child:after { border-top: 19px solid transparent; border-right: 6px solid transparent; border-bottom: 19px solid transparent; border-left: 10px solid #642238; content: ''; display: inline-block;  position: absolute; top: 0px; right: -16px; }   	
    .footer.responsive .connect { background: #E7E8E6; border: 1px solid #DBDBDB; height: auto; border-radius: 3px; width: 100%; }
        .footer.responsive .connect form { float: left; width: 100%; }
            .footer.responsive .connect form input { border-radius: 2px; float: left; height: 32px; width: 300px; }
            .footer.responsive .connect form #signUpEmailLink { border-radius: 0 3px 3px 0; color: #FFFFFF; float: left; margin: 0 0 0 -5px; padding: 4px 15px; }
            .footer.responsive .connect form #footer-email-prefs { clear: both; display: block; margin: 5px 0 0; }
        #footer.responsive .connect .social-container { height: 85px; }
                #footer.responsive .connect .social-container ul li { display: inline-block; float: left; margin-right: 15px; }
                    #footer.responsive .connect .social-container ul li a { color: #5EA9DD; display: block; font-size: 40px; height: 40px; line-height: 1; margin: 0; overflow: hidden; position: relative; white-space: nowrap; width: 36px; }
                    #footer.responsive .connect .social-container ul li .linkedin { color: #0077B5; }
                    #footer.responsive .connect .social-container ul li .google-plus { color: #DB4937; }
                    #footer.responsive .connect .social-container ul li .youtube { color: #E32C28; }

    .footer.responsive .links { margin: 15px 0; }
            .footer.responsive .links ul li { margin: 0 0 6px; }
                .footer.responsive .links ul li a { font-weight: normal; }
                
@media (max-width: 991px) {
    	.footer.responsive .seo { margin-top: 20px; }
	}
@media (max-width: 767px) {
    	.footer.responsive .links .col-xs-6:nth-of-type(1n),
    	.footer.responsive .links .col-xs-6:nth-of-type(2n) { height: 160px; }
    	.footer.responsive .links .col-xs-6:nth-of-type(3n),
    	.footer.responsive .links .col-xs-6:nth-of-type(4n) { height: 240px; }
	}
@media (max-width: 660px) {
    	.footer.responsive .top ul { margin-left: 0; }
    	#footer.responsive .top ul li { display: inline-block; margin: 0 0 0 9%; padding: 0 0 10px; }
    	#footer.responsive .top ul li:first-child { display: block; background: none; border-radius: 0; font-size: 16px; margin: 0 auto; position: relative; text-align: center; }
    	#footer.responsive .top ul li:first-child:after { border: none; }
	}
@media (max-width: 575px) {
    	#footer.responsive .top ul li { display: inline-block; float: left; margin: 2%; padding: 0; text-align: center; width: 45%; }
    	#footer.responsive .top ul li:first-child { display: block; background: none; border-radius: 0; font-size: 16px; margin: 0 auto; position: relative; text-align: center; width: 100%; }
	.footer.responsive .links .col-xs-6:nth-of-type(1n),
    	.footer.responsive .links .col-xs-6:nth-of-type(2n) { height: 180px; }
    	.footer.responsive .links .col-xs-6:nth-of-type(3n),
    	.footer.responsive .links .col-xs-6:nth-of-type(4n) { height: 240px; }
	}
@media (max-width: 476px) {
    	.footer.responsive .connect form input { border-radius: 2px; float: left; padding: 6px 0 5px 10px; width: 250px; }
	}
@media (max-width: 415px) {
	.footer.responsive .connect form input { width: 100%; }
    	.footer.responsive .connect form #signUpEmailLink { border-radius: 3px; margin: 5px 0 0; }
	}
@media (max-width: 380px) {
	.footer.responsive .links .col-xs-6:nth-of-type(3n), 
	.footer.responsive .links .col-xs-6:nth-of-type(4n) { height: 270px; }
	}
@media (max-width: 767px) {
	.center-block-xs,
	.center-block-xs { display: block; float: none; margin-right: auto; margin-left: auto; }
	}

.back-to-top { border: 1px solid #ACAEA6; border-radius: 4px 0 0 4px; position: fixed; bottom: 2em; right: 0; text-decoration: none; color: #FFFFFF !important; background-color: #898887; background-color: rgba(137, 136, 135, 0.72); padding: 1em; display: none; z-index: 2000; }
.back-to-top:hover { background-color: #60615A; background-color: rgba(96, 97, 90, 0.5); text-decoration: none; }
.back-to-top:active { text-decoration: none; }
.back-to-top i { color: #FFFFFF; font-size: 16px; }

/* ELD ------------------------------- */
.eld-small-fleet-order input { height: initial; }
.eld-small-fleet-order .row-alert,
.eld-small-fleet-order .alert { transition: all 0.5s ease; }
.eld-small-fleet-order .alert:before { font-family: FontAwesome; display: inline-block; font-size: 18px; margin: -5px 5px 0 0; }
.eld-small-fleet-order .alert-danger:before { content: "\f071"; }
.eld-small-fleet-order .alert-warning:before { content: "\f06a"; }
.eld-small-fleet-order .alert-success:before { content: "\f058"; }
.eld-small-fleet-order .eld-step-container { border-top: 1px solid #DBDBDA; margin: 50px 0; text-align: center; }
.eld-small-fleet-order .eld-step-container.eld-step-quantity { margin-top: 0; }
.eld-small-fleet-order .eld-step-container:before { background-color: #abaea5; color: #FFFFFF; display: block; padding: 8px 20px; margin: -1px auto 20px; text-align: center; height: 40px; width: 150px; visibility: visible; border-radius: 0 0 4px 4px; font-size: 18px; text-transform: uppercase; }
.eld-small-fleet-order .eld-step-container.eld-step-quantity:before { content: "Step 1"; }
.eld-small-fleet-order .eld-step-container.eld-step-harness:before { content: "Step 2"; }
/* .eld-small-fleet-order .eld-step-container.eld-step-implementation-service:before { content: "Step 3"; } */
.eld-small-fleet-order .eld-step-container.eld-step-summary:before { content: "Step 3"; }
.eld-small-fleet-order .eld-step-container.eld-step-implementation-service .panel-body > *:first-child { margin-top: 0; }
.eld-small-fleet-order .eld-step-container.eld-step-implementation-service .panel-body > *:last-child { margin-bottom: 0; }
.eld-small-fleet-order .eld-step-container.eld-step-implementation-service .eld-sf-sub-plan-accordion { display: none; }
.eld-small-fleet-order .item-row { border-top: 1px solid #ACAEA6; padding: 10px 0; margin: 0; font-weight: bold; text-align: left; }
.eld-small-fleet-order .eld-prod-price { font-weight: normal; }
.eld-small-fleet-order .eld-total-price { margin: 0; }
.eld-step-container.disabled { pointer-events: none; opacity: 0.4; }
.eld-small-fleet-order #line-items span,
.eld-sf-sub-plan-accordion .panel-title a { display: block; }
.eld-sf-sub-plan-accordion .panel-title a:hover { color: #0076a3; text-decoration: none; }
.eld-sf-sub-plan-accordion .panel-title a:focus { text-decoration: none; }
.eld-small-fleet-order .eld-step-container.eld-step-quantity .eld-sf-sub-plan-accordion table,
.eld-small-fleet-order .eld-step-container.eld-step-quantity .eld-sf-sub-plan-accordion table th,
.eld-small-fleet-order .eld-step-container.eld-step-quantity .eld-sf-sub-plan-accordion table td { border: none; text-align: center; }
.eld-small-fleet-order .eld-step-container.eld-step-quantity .eld-sf-sub-plan-accordion table th { background: none; border-bottom: 1px solid #ACAEA6; }
.eld-small-fleet-order input[name*="quantity"] { width: 60px; }
.eld-small-fleet-order .eld-step-quantity label { font-size: 20px; }
.eld-small-fleet-order .eld-step-quantity input[name*="quantity"] { height: 40px; font-size: 20px; }
@media (max-width: 767px) {
	.eld-small-fleet-order .intro img[name="productImage"] { width: 150px; }
	.eld-small-fleet-order .eld-step-summary img[name="productImage"] { display: none; }
	.eld-small-fleet-order input[name*="quantity"] { margin: 5px auto 10px; }
	.eld-small-fleet-order .encompass-logo { display: none; }
	.eld-small-fleet-order .sum-title,
	.eld-small-fleet-order #line-items,
	.eld-small-fleet-order .sum-total { text-align: center; }
	.eld-small-fleet-order .eld-step-summary #addToCartBtn { display: block; margin: 10px auto; width: 50%; }
	}