
.driverListView{display:none;}
div#shipmentObject div.head a.backToList{display:none;}
div#shipmentObject div.head a.showShipmentMap{display:none;}
.showShipmentInfo{display:none;}
.mobileDashboardBottons{display:none;}

@media only screen and (max-width: 1400px){
	.shipmentHeaderButtons .btn{padding-left:5px; padding-right:5px;}
	.pageHeading.shipmentHead .btn-labeled .btn-label{padding:10px 8px;}
	.shipmentInfoBoxes{margin-right: 15px;}
	.pageHeading.shipmentHead h3{font-size:15px; margin-top:-2px;}
	.pageHeading.shipmentHead{padding-left:10px; padding-right:10px;}
}

@media only screen and (max-width: 767px){
	div.header-status{display:none;}	
		
	.nav-wrapper .nav > li .content-heading{line-height:normal;}	
	.nav-wrapper .nav > li .content-heading .content-heading-title{padding-left:0; font-size:20px; padding-top:5px;}
	.nav-wrapper .nav > li .content-heading .shipment-view-title{font-size:18px; margin-left:10px;}
	.topnavbar .navbar-nav > li > a{padding:10px 10px;}
	
	.form-group.pull-right{float:none !important;}
	
	.responsiceTabList{width:100%; overflow:auto;}
	.responsiceTabList .responsiceTabListContaner{width:3000px; margin-left:5px;}
	
	.history-pannel{float:left; left:25px; top:25px; width:auto; max-width:calc(100% - 55px); /*width:calc(100% - 55px);*/}
	.history-pannel .panel-body{padding-bottom:0; margin-bottom:0;}
	.history-pannel .timeline{padding-bottom:0; margin-bottom:0;}
	.history-pannel .timeline:before{left:18px;}
	.history-pannel .timeline > li > .timeline-panel .popover .arrow{display:block;}
	.history-pannel .timeline > li > .timeline-panel{margin-left:0}
	
	
	#shipmentPage div.mapView{display:none;}
	#shipmentPage div.mapView.shipmentView{display:block;}
	
	
	
	.pageHeading h3{float:none !important; margin-bottom:10px;}
	.sectionHeaderButtons{float: none !important; text-align: left; padding-left: 0; width:auto;}
	.pageHeading .btn{padding-left:5px; padding-right:5px;}
	.tableFields:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
	.tableFields{margin-bottom:10px;}
	.tableFields li{margin-bottom:2px;}
	.searchOptions{margin-bottom:10px;}
	#searchForm .form-group{padding-right:0;}
	#searchForm .radio label, 
	#searchForm .checkbox label{padding-left:0;}
	#searchForm button[type="submit"]{position:static;}
	
	.dataTables_wrapper .dt-buttons{display:none;}
	div.dataTables_wrapper div.dataTables_length select{width:50px;}
	div.dataTables_wrapper div.dataTables_filter input{width:70px;}
	div.dataTables_wrapper div.dataTables_info{float:none; margin-bottom:10px;}
	div.dataTables_wrapper div.dataTables_paginate{float:none}
	
	.gmPopup .rout-box td.title{display:block;}
	.gmPopup .rout-box td.scheduling{display:block;}
	.gmPopup .table-box .total-load{background-size:16px;}
	.gmPopup .table-box td.left{width:100%; display:block;}
	.gmPopup .table-box td.right{width:100%; display:block; padding-left:10px; margin-top:10px;}
	.gmPopup .table-box .driver .image{float:none; width:100%;}
	.gmPopup .table-box .driver .image img{width:100%;}
	.gmPopup h3.panel-title{font-size:14px;}
	.gmPopup .panel-heading .btn-labeled{margin-left:0;}
	
	.text-view label{float:none; width:100%;}
	.text-view .col-md-4.pull-right{float:none; width:100%;}
	
	.mapFixed{position:fixed !important; top:0 !important; margin:0 !important; z-index:100 !important; width:100% !important;}
	.mapListBtn.listView{position:fixed; left:15px; top:15px; z-index:101;}
	.noPaddingMargin{padding:0 !important; margin:0 !important;}
	
	div#shipmentObject{position:static; width:100%; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	
	}
	div#shipmentObject select{background:#fff;}
	div#shipmentObject div.head{padding-left:10px; padding-right:10px; background:#378eb9; position:relative;}
	div#shipmentObject div.head a.backToList{display:block; position:absolute; right:10px; right: 7px;top: 7px;padding: 2px 5px;text-transform: capitalize;}
	div#shipmentObject div.head a.showShipmentMap{display:block; position:absolute; right:10px; right: 7px;top: 7px;padding: 2px 5px;text-transform: capitalize;}
	div#shipmentObject div.head a.showShipmentMap.shipmentView{display:none;}
	.showShipmentInfo{position:fixed; top:10px; right:10px; z-index:101;}
	div#shipmentObject div.body{height:auto !important;}
	div#shipmentObject div.body div.pannel div.title{padding-left:10px;}
	div#shipmentObject div.body div.pannel div.content{padding:10px;}
	div#shipmentObject div.body div.pannel div.routeRow{padding:10px;}
	div#shipmentObject div.body div.pannel div.routeRow .addressInfo{font-size:14px;}
	div#shipmentObject div.body div.pannel div.schedulingRow label.label{font-size:12px; margin-left:4px; margin-right:0;}
	div#shipmentObject div.body div.pannel div.schedulingRow label.pickup{width:85px;}
	div#shipmentObject div.body div.pannel div.schedulingRow label.dropoff{width:85px;}
	div#shipmentObject div.body div.pannel div.schedulingRow div.date input[type="text"]{width:70px;}
	div#shipmentObject div.body div.pannel div.schedulingRow select{width:60px; padding-left:3px; margin-left:5px;}
	
	div#shipmentObject .row.specialRequestsRow .btn{margin-left:5px;}
	div#shipmentObject .row.specialRequestsInputRow .col-md-7{float:left;}
	div#shipmentObject div.body div.pannel div.content div.width-40{width:100%; float:none;}
	div#shipmentObject div.body div.pannel div.content div.left.width-40 div.col{padding-right:0; margin-bottom:10px;}
	div#shipmentObject div.body div.pannel div.content div.width-60{width:100%; float:none;}
	div#shipmentObject div.body div.pannel div.content div.right.width-60 div.col{padding-left:0;}
	
	div#shipmentObject div.foot div.top div.left{float:none; width:100%; font-size:14px; text-align:center; margin-bottom:10px;}
	div#shipmentObject div.foot div.top div.right{float:none; width:100%; text-align:center;}
	div#shipmentObject div.foot div.top div.right label{display:inline-block; float:none;}
	div#shipmentObject div.foot div.top div.right input{display:inline-block; float:none;}
	div#shipmentObject div.foot{padding:10px;}
	
	#shipmentSummaryModal .modal-dialog{width:auto;}
	#shipmentSummaryForm .termsAndConditions{}
	#shipmentSummaryForm .termsAndConditions .col-lg-12{padding:0;}
	
	#shipmentSummaryForm .promoCodeRow{}
	#shipmentSummaryForm .promoCodeRow .col-lg-2{float:left; padding:0;}
	#shipmentSummaryForm .promoCodeRow .col-lg-2:last-child{float:right;}
	#shipmentSummaryForm .promoCodeRow .col-lg-4{float:left; padding:0; padding-left:10px; padding-right:10px; width:145px;}
	
	#shipmentSummaryForm .originalCost{}
	#shipmentSummaryForm .originalCost .col-lg-2{padding:0;}
	#shipmentSummaryForm .originalCost .col-lg-4{padding:0;}
	
	div#shipmentObject div.body div.pannel div.routeRow div.data div.address{max-width:calc(100% - 85px);}
	div#shipmentObject div.body div.pannel div.distanceResult label{display:block;}
	div#shipmentPaymentModal{overflow-x: hidden; overflow-y: auto;}	
	
	.pageHeading.shipmentHead h3{margin-top:0; margin-bottom:5px;}
	.pageHeading.shipmentHead .btn-labeled .btn-label{display:none;}
	.shipmentInfoBoxes{float:none; margin-right:0;}
	.shipmentHeaderButtons{float:none;}
	.shipmentHeaderButtons .printPage{display:none;}
	
	div#shipmentObject label.schedulingLabel span.title{font-weight:bold; width:90px;}
	
	.tabpanel #shipmentObject{width:calc(100% - 10px); margin-left:5px;}
	div#shipmentObject div.body div.pannel select{padding-left:5px;}
	
	.proccess-table.collapsed>tbody>tr>td:first-child, 
	.proccess-table.collapsed>tbody>tr>th:first-child {
		position: relative;
		padding-left: 30px;
		cursor: pointer;
	}
	.proccess-table.collapsed>tbody>tr>td:first-child:before, 
	.proccess-table.collapsed>tbody>tr>th:first-child:before {
		top:auto;
		bottom:auto;
		left: 4px;
		height: 14px;
		width: 14px;
		display: block;
		position: absolute;
		color: white;
		border: 2px solid white;
		border-radius: 14px;
		box-shadow: 0 0 3px #444;
		box-sizing: content-box;
		text-align: center;
		font-family: 'Courier New', Courier, monospace;
		line-height: 14px;
		content: '+';
		background-color: #31b131;
	}
	.proccess-table.collapsed>tbody>tr.parent>td:first-child:before,
	.proccess-table.collapsed>tbody>tr.parent>th:first-child:before {
		content: '-';
		background-color: #d33333;
	}
	.proccess-table.collapsed>tbody>tr>td.child:before{display:none;}
	
	
	
	div#offerObject.offerObjectInner{display:none;}
	div.mapLegend div.container div.objects{width:calc(100% - 55px);}
	div.mapLegend div.container div.objects .checkbox label{width:45px; overflow:hidden;}
	div.mapLegend div.container div.objects .c-checkbox span{margin-right:0;}
	div.mapLegend div.container div.objects .c-checkbox{margin-right:0;}
	div.mapLegend div.container div.objects li{margin-left:5px;}
	div.mapLegend div.container a.legend-btn {padding: 5px 5px;}
	div.mapLegend div.container.on{width:101%;}
	
	.shipmentMapView.map{position:fixed; left:15px; top:15px; z-index:101;}
	.offerMapView.map{position:fixed; left:15px; top:15px; z-index:101;}
	.driverMapView.map{position:fixed; left:15px; top:15px; z-index:101;}
	.driverListView{position:fixed; left:15px; top:15px; z-index:101;}
	
	.modal-580{width:auto;}
	#rateShipment table,
	#rateShipment table tr,
	#rateShipment table td{display:block;}
	.shipperHeadButton{margin-right:-10px;}
	.shipperHeadButton a{margin-left:0; padding-left:3px; padding-right:3px;}
	div.dashboard-box-row{display:none;}
	
	.timeline.support > li > .timeline-badge{display:none;}
	.timeline.support > li.timeline-inverted > .timeline-panel{padding-left:0;}
	.timeline.support > li > .timeline-panel{margin-left:0;}
	
	#getQuoteForm .quoteLocationParent{width:100%;}
	#getQuoteForm .load-quote i.fa-plus{display:none;}
	#getQuoteForm .addLoadRowQuote{width:40px; overflow:hidden; padding-left:0; padding-right:0;}
	#getQuoteForm .addLoadRowQuote .btn-label{left:0; padding:6px 20px;}
	div#getQuote .load-quote .col-md-9{padding-right:0; width:50%; float:left;}
	div#getQuote .load-quote .col-md-3{width:50%; float:right !important; padding-left:0;}
	
	.mobileDashboardBottons{display:block; position:fixed; z-index:100; top:10px; width:100%; text-align:center;}
	.mobileDashboardBottons a{display:inline-block;}
	div#offerObject{display:none;}
	div#activeShipmentsObject{top:0; left:0; position:fixed; z-index:201;}
	div.offerObject .panel{border:none;}
	div.offerObject .panel-heading{background:#378eb9; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	div.offerObject .panel-body{overflow:auto;}
	div.offerObject .offerRow .fromTo .time{float:none; margin-left:25px;}
	div.offerObject .offerRow .fromTo .address{float:none; margin-left:25px;}
	div.offerObject .offerRow .loadRequest .load{float:none; width:100%;}
	div#offerObject{top:0; left:0; position:fixed; z-index:201;}
	div#offerSearch{top:0; left:0; position:fixed; z-index:201;}
	div#offerSearch .panel{border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	div#offerSearch .panel-heading{background:#378eb9;}
	div#offerSearch .col-md-5{float:left; width:50%;}
	div#offerSearch .panel-body .col-md-3{float:left;}
	div#searchResults{top:235px; left:0; position:fixed; z-index:201; max-width:none; min-width:100%; width:100%;}
	div#offerObject.offerObjectInner{top:0;}
	div#offerSearch.offerSearchInner{top:0;}
	div#searchResults.offerObjectInner{top:235px;}
	div#shipmentObject.shipmentObjectEdit.shipmentObjectCarrierOffer{
		width: calc(100% + 30px);
		margin-left: -15px; margin-top:-20px; 
	}
	.modal-440{width:auto;}
	
	
	.supportTable thead tr th:first-child{padding:0 !important; width:0px !important;}
	.supportTable thead tr th:nth-child(2){padding:0 !important; width:0px !important;}
	.supportTable tbody tr:not(.child) td:first-child{color:rgba(0,0,0,0); padding:20px; width:0px;}
	.supportTable tbody tr:not(.child) td:nth-child(2){color:rgba(0,0,0,0); padding:0; width:0px;}
	
	
	.shipmentListTable thead tr th:first-child{padding:0 !important; width:0px !important; color:rgba(0,0,0,0); font-size:1px;}
	.shipmentListTable tbody tr:not(.child) td:first-child{color:rgba(0,0,0,0); padding:20px; width:0px;}
	
	
	.specialRequest a{width:30px; height:30px;}

	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.width_1{width:100%;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.width_2{width:100%; float:none;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.width_3{width:100%; float:none;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.width_4{width:100%; float:none;}
	div#shipmentObject div.loadTotalRow .truck-type-description.lineHeight{line-height:inherit;}
	
	div.additionalChargeRow div.costTextarea{margin-bottom:10px; width:100%;}
	div.additionalChargeRow div.costInput{width:calc(50% - 27px);}
}

@media only screen and (max-width: 590px){
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol span.over{font-size:10px; width:20px;}
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.quantity input{width:80px;}	
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.length input,
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.width input,
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.height input{width:45px;}
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol{margin-right:5px;}
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.totalWeight input{width:60px;}
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow span.icon.box{margin-right:5px;}
	div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol input{font-size:12px; padding-right:20px;}
	
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol span.over{font-size:10px; width:20px;}
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol.quantity input{width:80px;}	
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol input{font-size:12px; padding-right:20px;}
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol.totalWeight input{width:60px;}
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol{margin-right:5px;}
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow span.icon.pallet{margin-right:5px;}
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol select{font-size:12px; padding-left:5px; width:145px;}
	div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol.totalWeight input{width:60px;}
	
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol{margin-right:5px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol span.over{font-size:10px; width:20px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow span.icon.truckload{margin-right:5px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.truckloadSelect{width:225px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.totalWeight input{width:60px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol input{font-size:12px; padding-right:20px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow .dropdown-menu > li > a{padding-left:10px; padding-right:10px;}
	div#shipmentObject div.body div.pannel fieldset.truckloadRow .bootstrap-select.btn-group .dropdown-menu{width:290px; max-width:none;}
	
	
	
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol span.over{font-size:10px; width:20px;}
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.quantity input{width:70px;}	
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.length input,
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.width input,
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.height input{width:45px;}
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol{margin-right:2px;}
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.totalWeight input{width:55px;}
	div#getQuote fieldset.boxRow div.loadDataRow span.icon.box{margin-right:5px;}
	div#getQuote fieldset.boxRow div.loadDataRow div.inputCol input{font-size:12px; padding-right:20px;}
	
	div#getQuote fieldset.palletRow div.loadDataRow div.inputCol span.over{font-size:10px; width:20px;}
	div#getQuote fieldset.palletRow div.loadDataRow div.inputCol.quantity input{width:70px;}	
	div#getQuote fieldset.palletRow div.loadDataRow div.inputCol input{font-size:12px; padding-right:20px;}
	div#getQuote fieldset.palletRow div.loadDataRow div.inputCol{margin-right:2px;}
	div#getQuote fieldset.palletRow div.loadDataRow span.icon.pallet{margin-right:5px;}
	div#getQuote fieldset.palletRow div.loadDataRow div.inputCol select{font-size:12px; padding-left:5px; width:139px;}
	div#getQuote fieldset.palletRow div.loadDataRow div.inputCol.totalWeight input{width:55px;}
	
	div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol{margin-right:5px;}
	div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol span.over{font-size:10px; width:20px;}
	div#getQuote fieldset.truckloadRow div.loadDataRow span.icon.truckload{margin-right:5px;}
	div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol.truckloadSelect{width:200px}
	div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol.totalWeight input{width:60px;}
	div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol input{font-size:12px; padding-right:20px;}
	div#getQuote fieldset.truckloadRow .dropdown-menu > li > a{padding-left:10px; padding-right:10px;}
	div#getQuote fieldset.truckloadRow .bootstrap-select.btn-group .dropdown-menu{width:290px; max-width:none;}
	
	div#getQuote .specialRequests .col-md-10{float:left !important; width:calc(100% - 60px);}
	div#getQuote .row.specialRequestsInputRow .col-md-7{float:left;}
	
	div#getQuote .loadRowsGetQuote{padding-left:10px; padding-right:10px;}
}

@media only screen and (max-width: 520px){
	div#shipmentObject div.body div.pannel div.loadButtons button{
	background-position: center;
	padding-left: 10px;
	color: rgba(0,0,0,0);
	width: 35px;
	overflow: hidden;
	}
}

@media only screen and (max-width: 400px){
	div#shipmentObject div.body div.pannel div.schedulingRow label.pickup{width:25px; overflow:hidden;}
	div#shipmentObject div.body div.pannel div.schedulingRow label.dropoff{width:25px; overflow:hidden;}
}

@media only screen and (max-width: 380px){
	.register-page.wd-xxl{width:95%;}
	.row-register .col-md-6{width:100%;}
	.row-register .col-md-6:first-child{margin-right:0;}
	.row-register .col-md-6:last-child{margin-left:0;}
	
	div#shipmentObject div.body div.pannel div.routeRow div.data label{width:34px; overflow:hidden;}
}



