body{font-size:15px;} .ovelayLoading{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:1000000000;} .ovelayLoading .ball-pulse{width:64px; margin:0 auto; position: absolute; left: calc(50% - 50px); top: calc(50% - 12px);} a{cursor:pointer;} .reletive{position:relative;} .align-center{text-align:center;} .line-through{text-decoration:line-through;} .after:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} .addClearFloat:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} .float-left{float:left;} .float-right{float:right;} table tr.bold td{font-weight:bold;} .fs14{font-size:14px;} .btn{font-size:14px; padding-left:10px; padding-right:10px;} .panel-title{font-size:18px;} .modal-content{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ui-widget.ui-widget-content{z-index:1050;} .pac-container{z-index:1100;} textarea.heightBig{height:700px;} textarea.heightMed{height:100px;} textarea.height300{height:300px;} textarea.width100precent{width:100%;} .rounded { border-radius: 3px; } .width-65{width:65px !important;} .table .checkbox-list .checkbox.c-checkbox{width:auto; margin-bottom:10px;} .table .checkbox-list .checkbox.c-checkbox:last-child{margin-bottom:0;} .vertical-align-top{vertical-align:top !important;} .panel-dark > .panel-heading img.logo{height:50px;} .topnavbar{ background-color:#095378; background-image:none; } .topnavbar .navbar-header .brand-logo img{height:36px;} .topnavbar .navbar-header .brand-logo-collapsed .img-responsive{max-width:88%;} .nav-wrapper .nav > li .content-heading{font-size:24px; color:#fff; font-weight:100; line-height:55px;} .nav-wrapper .nav > li .content-heading .shipment-view-title .circle{width:16px; height:16px; margin-right:0;} .wrapper > section.no-left-side{transition:none; margin-left:0;} .panel-dark > .panel-heading{background-color:#095378; border-color:#095378;} .row-register{margin-left:0; margin-right:0;} .row-register .col-md-6{width:calc(50% - 5px);} .row-register .col-md-6:first-child{margin-right:5px;} .row-register .col-md-6:last-child{margin-left:5px;} .register-page .parsley-errors-list > li{position:static; bottom:0;} .register-page .form-control{padding-left:5px;} .pageHeading{ background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; color: #929292; margin: -20px -20px 20px; padding: 20px; } .pageHeading:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} .pageHeading h3{ font-size: 24px; font-weight: normal; line-height: 1.1; padding:0; margin:0; } .pageHeading .mb-sm{margin-bottom:0 !important;} .pageHeading .disabled{pointer-events:auto !important; cursor: not-allowed !important;} .pageHeading .shipmentInfoBoxes .btn{padding-left:0; padding-right:5px;} .pageHeading .shipmentInfoBoxes .btn-label{left:0;} .fa-icon-20{font-size:20px;} .dd3-handle{text-indent:200%;} .tabpanel{margin-top:-20px; margin-left:-20px; margin-right:-20px;} .tabpanel .nav-tabs{background:#fff; padding-left:20px; padding-top:20px;} .tabpanel .nav-tabs > li{margin-left:-1px;} .tabpanel .nav-tabs > li > a{background-color:#fff;} .tabpanel .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color:#F5F7FA; border-bottom-color:#F5F7FA;} .tabpanel .tab-content{border:none;} .sortableHead{padding:10px;} .sortableTable .btn-xs{margin-top:6px;} .sortableTable .sortableTableText{margin-top:10px;} .sortableTable .mr-lg{margin-top:15px;} .noPaddinLeftRight{padding-left:0; padding-right:0;} .ui-widget-content{z-index:1000;} .pagingArrow{ padding-top: 7px; padding-bottom: 5px; } input[required], select[required], textare[required]{border-left:1px solid #f05050 !important;} .form-group.required .bootstrap-tagsinput{border-left:1px solid #f05050 !important;} .input-group-btn{vertical-align:top;} .input-group{position:relative;} .form-group{position:relative;} .parsley-errors-list > li{position:absolute; bottom:-17px;} .parsley-errors-list > li.parsley-googleMapLocation, .parsley-errors-list > li.parsley-googleMapLocationOrigin, .parsley-errors-list > li.parsley-googleMapLocationDestination{bottom:-28px; line-height:13px;} .err-width-200 .parsley-errors-list > li{width:200px;} .inputImageWrapper{background-color:#F5F7FA;} .inputImageWrapper.on{border:1px solid #ddd; margin-top:20px; height:100px; width:200px; padding:10px;} .inputImageWrapper .inputImage{background-size:contain; background-position:center; background-repeat:no-repeat;} .inputImageWrapper.on .inputImage{width:100%; height:80px;} .btn-info-tooltip{padding:0; width:20px; height:20px; margin-bottom:4px;} .td-dictionary-variable{width:350px; word-break:break-all;} .form-group.col-md-6, .form-group.col-md-4{padding-left:0; padding-right:0;} .col-md-padding .form-group.col-md-6, .col-md-padding .form-group.col-md-4{padding-left:15px; padding-right:15px;} .c-checkbox input:focus + span, .c-radio input:focus + span{ border-color: #5d9cec; } .dataTable .width20Precent{width:20%;} .dataTable img.icon{width:30px; max-height:30px;} .dataTable .checkbox input[type="checkbox"]{position:absolute;} .dataTable .center{text-align:center;} .dataTable .circle{width:20px; height:20px;} .dataTable .circle.bottom{vertical-align:bottom;} .dataTable .square{width:20px; height:20px; display:inline-block; border:1px solid #cfdbe2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dataTable .square.squareInline{margin-right:10px; vertical-align:bottom;} .dataTable .driver-image{height:40px; display:block;} .dataTable select{max-width:100px;} .btn-green:focus, .btn-green.focus { color: #ffffff; background-color: #2B957A; border-color: #58CEB1; } .btn-green:hover { color: #ffffff; background-color: #2B957A; border-color: #58CEB1; } .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green { color: #ffffff; background-color: #2B957A; border-color: #58CEB1; } .btn-green:active:hover, .btn-green.active:hover, .open > .dropdown-toggle.btn-green:hover, .btn-green:active:focus, .btn-green.active:focus, .open > .dropdown-toggle.btn-green:focus, .btn-green:active.focus, .btn-green.active.focus, .open > .dropdown-toggle.btn-green.focus { color: #ffffff; background-color: #2B957A; border-color: #58CEB1; } .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green { background-image: none; } .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled.focus, .btn-green[disabled].focus, fieldset[disabled] .btn-green.focus { background-color: #37BC9B; border-color: #1eb6e4; } .btn-green .badge { color: #37BC9B; background-color: #ffffff; } .table .datatableCheckbox .checkbox{width:auto;} .table td.inputImage{width:80px !important;} .table td.inputImage .inputImageWrapper{width:100%; height:80px;} .table td.inputImage .inputImageWrapper.on .inputImage{height:58px;} .checkEmailExist .parsley-remote{display:none !important;} .checkPhoneExist .parsley-remote{display:none !important;} .user-block-status{text-align:center;} .img-thumbnail.fa{width:60px; height:60px; display:inline-block; font-size:46px; line-height:53px;} fieldset.cleer{border:none; margin:0; padding:0; margin-bottom:15px;} th.center{text-align:center;} /* body .bootstrap-tagsinput{padding:6px 3px;} body .bootstrap-tagsinput .label{font-size:inherit;} */ .wrapper > section{margin-bottom:0 !important;} div.mapView{width:calc(100% + 40px); height:100%; margin:-20px;} div.mapView iframe{width:100%; height:100%; border:none;} .tabpanel .nav-tabs > li > a.errorTab{border-top:3px solid #f05050; padding-top:8px;} #shipmentPanel{position:absolute; top:-10px; left:-10px; height:calc(100% - 25px); padding-left:0; padding-right:0;} .reletiveElement{position:relative;} #shipmentPanel .truckies-heading{background:#095378; color:#fff; overflow:hidden} #shipmentPanel .pickupDatepicker .dateNow{position:absolute; display:block; background:#EDF1F2; z-index:10; width:calc(100% - 26px); cursor:default; left:1px; top:1px; line-height:2.2em; height:calc(100% - 2px); text-align:center;} #shipmentPanel .absoluteElementPanelWrapper{height:calc(100% - 40px);} #shipmentPanel .absoluteElementPanel{height:100%; margin-bottom:0; -webkit-box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); border:none; } #shipmentPanel .absoluteElementPanel.edit{height:auto; max-height:100%;} #shipmentPanel .absoluteElementBody{height:100% !important; /*calc(100% - 136px);*/ width:100%; overflow:auto; padding-bottom:0; margin-top:-15px; margin-left:-15px; margin-right:-15px; } #shipmentPanel .panel-default{margin-bottom:0; margin-top:0; border-radius:0; border-left:none; border-right:none;} #shipmentPanel .panel-default:last-child{margin-bottom:0; border-bottom:none;} #shipmentPanel .panel-default.no-border-bottom{margin-bottom:0; border-bottom:none;} #shipmentPanel .panel-default > .panel-heading{background-color:#cfdbe2; border-radius:0;} #shipmentPanel .panel-group{margin-bottom:0;} #shipmentPanel .form-control{padding-left:10px; padding-right:10px;} #shipmentPanel .noPaddingBottom{margin-bottom:0;} #shipmentPanel .noPaddingLeft{padding-left:0;} #shipmentPanel .rightClock .bootstrap-datetimepicker-widget.usetwentyfour{left:auto !important; right:0 !important;} #shipmentPanel .rightClock .bootstrap-datetimepicker-widget.dropdown-menu.top::before{left:auto !important; right:6px !important;} #shipmentPanel .rightClock .bootstrap-datetimepicker-widget.dropdown-menu.top:after{left:auto !important; right:6px !important;} #shipmentPanel .rightClock .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before{left:auto !important; right:6px !important;} #shipmentPanel .rightClock .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{left:auto !important; right:6px !important;} #shipmentPanel .form-control[readonly]{background:#fff;} #shipmentPanel .row{margin-left:-30px; margin-right:-30px;} #shipmentPanel .row.route{margin-left:-15px; margin-right:-15px; margin-bottom:0;} #shipmentPanel .row.route .btn{padding-left:0; padding-right:0;} #shipmentPanel .scheduling .input-group-addon{padding-left:5px; padding-right:5px;} #shipmentPanel .scheduling .col-sm-3.costum{width:22%; padding-left:0px; padding-right:0; margin-left:7.5px; margin-right:2.5px;} #shipmentPanel .scheduling .col-sm-3.costum input{padding-left:0; padding-right:0; text-align:center;} #shipmentPanel .row.loadButtons{margin-left:-15px; margin-right:-15px; padding-left:0; padding-right:15px;} #shipmentPanel .row.loadButtons .col-md-9{padding-right:0; width:auto;} #shipmentPanel .row.loadButtons .col-md-3.form-group{width:34%;} #shipmentPanel .row.loadButtons .btn{padding-right:2px; padding-left:0; text-align:left;} #shipmentPanel .row.loadButtons .btn-label{position:static; padding:6px 14px;} #shipmentPanel .row.loadButtons .form-group{margin-bottom:0; padding-right:0;} #shipmentPanel .loadRows{border-top:1px solid #cfdbe2; margin-top:15px; margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; padding-top:15px;} #shipmentPanel fieldset{margin-left:-15px; margin-right:-15px; margin-bottom:0; padding-bottom:0; border:none; margin-bottom:15px;} #shipmentPanel fieldset:last-child{margin-bottom:0;} #shipmentPanel .inline-label{line-height:2.5em;} #shipmentPanel .inline-label .text-label{display:block; float:left;} #shipmentPanel .inline-label .fa{font-size:20px; display:block; float:left; margin-top:7px; margin-right:10px;} .fa.green{color:#27C24C;} .fa.turquoise{color:#095378;} .fa.orange{color:#FF902B;} #shipmentPanel .bg-img{background-size:20px; background-position:center; background-repeat:no-repeat;} #shipmentPanel .bg-img.box-w{background-image:url(../images/box-w.png)} #shipmentPanel .bg-img.pallet-w{background-image:url(../images/pallet-w.png); background-size:25px;} #shipmentPanel .bg-img.truckload-w{background-image:url(../images/truckload-w.png)} #shipmentPanel .bg-img.box{background-image:url(../images/box.png)} #shipmentPanel .bg-img.pallet{background-image:url(../images/pallet.png); background-size:25px;} #shipmentPanel .bg-img.truckload{background-image:url(../images/truckload.png)} #shipmentPanel .bg-img.weight{background-image:url(../images/weight.png);} #shipmentPanel .inline-label .bg-img{width:20px; height:20px;} #shipmentPanel .loadDataRow .inline-label{padding-right:0;} #shipmentPanel .loadDataRow .input-group-addon{padding-left:0; padding-right:0; min-width:23px;} #shipmentPanel .loadDataRow .form-control{padding-left:5px; padding-right:5px; text-align:center;} #shipmentPanel input[type=number]::-webkit-inner-spin-button, #shipmentPanel input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} #shipmentPanel input[type=number] {-moz-appearance:textfield;} #shipmentPanel .loadDataRow .btn{padding-left:10px; padding-right:10px; margin-right:15px; margin-left:4px;} #shipmentPanel .noHorizontalPadding{padding-left:0; padding-right:0;} #shipmentPanel .noHorizontalPadding.col-sm-2{width:13.2%; margin-right:5px;} #shipmentPanel .noHorizontalPadding.col-sm-2.quantity{width:16.2%} #shipmentPanel .noHorizontalPadding.col-sm-3{width:20%;} #shipmentPanel .row.specialRequests{margin-left:-15px; margin-right:0; padding-right:15px;} #shipmentPanel .row.specialRequests .form-group{margin-bottom:0;} #shipmentPanel .select-icon{} #shipmentPanel .select-icon:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} #shipmentPanel .select-icon span.img{display:block; float:left; width:20px; height:20px; background:no-repeat center; background-size:contain; margin-right:5px;} #shipmentPanel .select-icon span.text{display:block; float:left; font-size:14px;} #shipmentPanel .bootstrap-select{padding:0; margin:0; box-shadow:none !important; border:none; font-size:14px;} #shipmentPanel .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size:14px;} #shipmentPanel .specialRequestsRows{border-top:1px solid #cfdbe2; margin-top:15px; margin-left:-15px; padding-top:15px; padding-left:15px;} #shipmentPanel .row.specialRequestsRow{margin-left:-15px; margin-right:0; padding-right:15px; margin-bottom:15px;} #shipmentPanel .row.specialRequestsRow:last-child{margin-bottom:0;} #shipmentPanel .row.specialRequestsRow .btn{padding-left:10px; padding-right:10px; margin-left:10px;} #shipmentPanel .row.specialRequestsRow .fileinput-button input{font-size:inherit;} #shipmentPanel .panel-body.specialRequests{padding-right:0;} #shipmentPanel .specialRequestsText{} #shipmentPanel .specialRequestsText:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} #shipmentPanel .specialRequestsText span.img{display:block; float:left; width:25px; height:25px; background:no-repeat center; background-size:cover; margin-right:5px; margin-top:4px;} #shipmentPanel .specialRequestsText span.text{display:block; float:left; line-height:33px;} #shipmentPanel .row.moreInfo{margin-left:0px; margin-right:-15px;} #shipmentPanel .panel-body.moreInfo{padding-bottom:0;} #shipmentPanel .truckies-footer{background:#095378; color:#fff; padding-top:0;} #shipmentPanel .truckies-footer .costRow{background:#477fa4; margin-left:-15px; margin-right:-15px; padding-top:15px;} #shipmentPanel .truckies-footer .costGroup{padding-left:0; margin-left:-15px; padding-right:0;} #shipmentPanel .truckies-footer .promoCodeText{margin-left:30px; padding-left:0; line-height:1.2em;} #shipmentPanel .truckies-footer .apply{text-align:center; padding-left:0; padding-right:0; padding-top:7.5px; padding-bottom:7.5px;} #shipmentPanel .truckies-footer .footerCost{padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px;} #shipmentPanel .truckies-footer .footerCost .col-md-6{padding-left:0px; padding-right:5px; text-align:center;} #shipmentPanel .truckies-footer .footerCost .control-label{font-size:14px; padding-bottom:0; margin-bottom:0; line-height:26px;} #shipmentPanel .truckies-footer .footerCost .col-sm-6.pull-right{padding-right:5px;} #shipmentPanel .truckies-footer .footerCost input{text-align:center; font-size:16px; height:26px; padding:0;} #shipmentPanel #promo_code{padding-left:0 !important; padding-right:0 !important; text-align:center !important;} #shipmentPanel .truckies-footer .row.bookNow{text-align:center; padding-top:15px;} #shipmentPanel .truckies-footer .row.bookNow .bookNow{display:inline-block; float:none; font-size:16px;} #shipmentPanel .footerCostParent{padding-right:0;} #shipmentPanel .truckies-footer .row.acceptOffer{text-align:center;} #shipmentPanel .truckies-footer .row.acceptOffer a{float:none; margin-bottom:0 !important; margin-top:10px;} #shipmentPanel .row.distanceResult{margin-left:0; margin-right:0; margin-top:15px;} #shipmentPanel .row.distanceResult .col-md-7{padding-left:0; padding-right:0; width:49%;} #shipmentPanel .row.distanceResult .col-md-7:first-child{margin-right:1%;} #shipmentPanel .row.distanceResult .col-md-7:last-child{margin-left:1%;} #shipmentPanel .row.distanceResult .col-sm-3{padding-left:5px;} #shipmentPanel .row.distanceResult .col-sm-7{padding-right:5px;} #shipmentPanel .row.distanceResult label{font-size:14px; padding-bottom:0; margin-bottom:0; line-height:26px;} #shipmentPanel .row.distanceResult input{text-align:center; font-size:16px; height:26px;} #shipmentPanel .row.distanceResult .btn{padding-left:0; padding-right:0;} #shipmentPanel .row.distanceResult .pull-right{padding-left:0;} #shipmentPanel .palletSelect{width:41.8%; margin-right:5px;} #shipmentPanel .errShipper{color:#f05050;} .errDuplicateLocation{color:#f05050;} #shipmentPanel .errLoadData{color:#f05050;} #shipmentPanel .truckloadSelect .bootstrap-select{padding-left:0;} #shipmentPanel .loadRowInputs{padding-left:0; padding-right:0; width:75%;} #shipmentPanel #schedulingErr .parsley-errors-list > li{position:static;} #shipmentPanel fieldset.schedulingTitlels{padding-bottom:0; margin-bottom:0;} #shipmentPanel fieldset.schedulingTitlels .inline-label{line-height:0.5em;} #shipmentPanel .specialRequestsInputRow{margin-left:0; margin-right:0;} #shipmentPanel .specialRequestsProgressRow{margin-left:15px; margin-right:0;} #shipmentPanel .specialRequestsProgressRow .progress{display:none;} #shipmentPanel label.attachedDocument{line-height:2.5em; text-overflow:ellipsis; white-space:nowrap; padding-left:0; padding-right:0; margin-left:0; margin-right:0;} #shipmentPanel label.attachedDocument a{float:right;} #shipmentPanel label.attachedDocument span.err{float:right; color:#f05050; font-weight:normal;} #shipmentPanel label.attachedDocument .parsley-errors-list > li{float:right; position:static;} #shipmentPanel .moreInfo .form-group{margin-bottom:0;} #shipmentPanel #notes{height:35px; width:100% !important;} #shipmentPanel .loadErrContainer .parsley-errors-list > li{position:static;} .modal-content{overflow:hidden;} .modal-header{background-color:#095378;} .modal-title{color:#fff;} .modal-header .close{color:#fff; opacity:0.5;} .modal-footer{background-color:#fafafa;} .contactInformation .form-group.col-md-4{padding-left:15px; padding-right:15px;} #shipmentSummaryModal .modal-dialog{width:700px;} #shipmentSummaryModal .panel-heading{padding:10px; background:#CFDBE2;} #shipmentSummaryModal .panel-body{padding:10px;} #shipmentSummaryModal .panel-body div:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} #shipmentSummaryModal .userRow{display:table} #shipmentSummaryModal .userImage{display:table-cell; border-right:10px solid rgba(255,255,255,0); width:40px; height:40px; background:no-repeat center; background-size:contain;} #shipmentSummaryModal .userName{display:table-cell; vertical-align:middle;} #shipmentSummaryModal .load{display:block; float:left; font-weight:normal; margin-left:10px;} .specialRequest:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} .specialRequest a{display:block; float:left; margin-right:10px; width:40px; height:40px; background:no-repeat center; background-size:cover; position:relative;} .specialRequest a em{position: absolute; bottom: -16px; right: 12px; font-size: 18px;} .specialRequest span{display:block; float:left; margin-right:10px; width:40px; height:40px; background:no-repeat center; background-size:cover;} #shipmentSummaryModal .shipment_shipper_payment_text .line-through{color:#999;} #shipmentSummaryModal .promoCodeErr{color:#f05050;} .centerText{text-align:center;} .bg-icon{display:block; float:left; width:20px; height:20px; background-size:20px; background-position:center; background-repeat:no-repeat;} .bg-icon.box{background-image:url(../images/box.png)} .bg-icon.pallet{background-image:url(../images/pallet.png); background-size:25px;} .bg-icon.truckload{background-image:url(../images/truckload.png)} .gmPopup{margin-bottom:0; margin-left:50px; padding-bottom:5px; position:relative;} .gmPopup .arrow{display:block; position:absolute; bottom:12px; left:calc(50% - 12.5px); width:25px; height:15px; background:url(../images/popup-arrow.png) no-repeat center; background-size:100% 100%;} .gmPopup .panel-heading{background-color:#095378; color:#fff; padding-top:5px; padding-bottom:5px; padding-right:30px;} .gmPopup .panel-heading .panel-title{line-height:27px;} .gmPopup .panel-heading .btn-labeled{padding-right:5px; padding-left:0; margin-left:30px;} .gmPopup .panel-heading .btn-label{padding:3px 8px; left:0;} .gmPopup .panel-body{min-height:150px; padding:0; overflow:auto;} .gmPopup .panel-body-head{border-bottom:1px solid #cfdbe2; padding-top:10px; padding-bottom:10px; padding-right:10px; padding-left:10px;} .gmPopup .panel-body-head em.circle{width:16px; height:16px; vertical-align:sub;} .gmPopup .panel-body-body{padding:10px;} .gmPopup .user-image{margin-right:10px;} .gmPopup .user-image img{width:40px;} .gmPopup .panel-footer{background-color:#095378; color:#fff; padding:5px; text-align:center;} .gmPopup .panel-footer a{margin:0 !important; padding-top:2px; padding-bottom:2px; padding-left:15px; padding-right:15px;} .gm-popup-close{ right:62px !important; top:70px !important; opacity:1 !important; } .gm-popup-close em{color:#fff; font-size:16px;} .gmPopup .rout-box{border-bottom:1px solid #cfdbe2;} .gmPopup .rout-box:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden; } .gmPopup .rout-box .left{float:left; width:50%; border-right:1px solid #cfdbe2; position:relative;} .gmPopup .rout-box .arrow{display:block; position:absolute; width:15px; height:40px; background:url(../images/rout-arrow.png); right:-15px; left:auto; top:calc(50% - 20px); bottom:auto; } .gmPopup .rout-box .right{float:left; width:50%; border-left:1px solid #cfdbe2; margin-left:-1px;} .gmPopup .rout-box .right .panel-body-body{padding-left:20px; padding-right:20px;} .gmPopup .rout-box td{vertical-align:top;} .gmPopup .rout-box td.icon{padding-right:5px;} .gmPopup .rout-box td .fa{font-size:20px;} .gmPopup .rout-box td.title{font-weight:bold; padding-right:10px; width:10px;} .gmPopup .table-box{padding-top:10px; padding-bottom:10px;} .gmPopup .table-box table{width:100%;} .gmPopup .table-box td{vertical-align:top;} .gmPopup .table-box td.left{width:50%; padding-left:10px; padding-right:10px;} .gmPopup .table-box td.right{width:50%; padding-right:10px;} .gmPopup .table-box .load-list{padding-bottom:10px;} .gmPopup .table-box .total-load{background:url(../images/weight.png) no-repeat left center; background-size:auto 100%; padding-left:26px; font-weight:bold;} .gmPopup .table-box .shipper{margin-bottom:5px;} .gmPopup .table-box .shipper em{margin-right:10px;} .gmPopup .table-box .carrier em{margin-right:10px;} .gmPopup .table-box .carrier{margin-bottom:5px;} .gmPopup .table-box .driver .image{float:left; margin-right:10px;} .gmPopup .table-box .driver .image img{width:50px; display:block;} .gmPopup .table-box .driver .name{float:left;} .gmPopup .activeShipments{max-width:300px;} .gm-style-iw { width: auto !important; top: 58px !important; left: 0 !important; background-color:transparent; box-shadow:none; border:none; border-radius:0; } .pageHeading.shipmentHead{padding-top:16px; padding-bottom:15px;} .pageHeading.shipmentHead h3{font-size:16px; margin-top:-10px; margin-bottom:-10px;} .pageHeading.shipmentHead em.circle{margin:0; width:12px; height:12px;} .pageHeading.shipmentHead .btn-labeled .text{display:inline-block; text-align:center;} .pageHeading.shipmentHead .btn-labeled .btn-label{padding:10px 13px; vertical-align:top;} .pageHeading.shipmentHead .btn-labeled .btn-label i.fa{font-size:17px;} .pageHeading.shipmentHead .icon{width:20px; height:20px; display:block; background-repeat:no-repeat; background-position:center; background-size:contain;} .pageHeading.shipmentHead .icon-weight-w{background-image:url(../images/weight-w.png)} .pageHeading.shipmentHead .icon-distance-w{background-image:url(../images/distance-w.png); } #shipmentPanel{width:30%; min-width:580px;} #shipmentPage #tabInfo{padding-top:0px;} #shipmentPage #tabInfo #shipmentPanel{left:19px; top:19px;} #shipmentMap{position:absolute; z-index:-1; top:0;} .history-pannel{padding-left:0; padding-right:0; border:none; top:19px; left:19px; margin-bottom:0; padding-bottom:0; width:350px; -webkit-box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); } .history-pannel .panel-heading{background:#095378; color:#fff; overflow:hidden;} .history-pannel .panel-heading .panel-title{font-size:14px; font-weight:normal;} .history-pannel .timeline:before{left:0;} .history-pannel .timeline > li{padding-left:50px; width:100%;} .history-pannel .timeline > li > .timeline-badge{left:0;} #shipmentPage .tab-content{padding:0; background:#F5F7FA} #shipmentPage .tab-pane{} #shipmentPage .fullHeight{padding:10px 20px;} .table-icon{display:inline-block; margin-right:10px; width:16px; height:16px; background:no-repeat center; background-size:contain; vertical-align:middle;} .table-icon.box{background-image:url(../images/box.png)} .table-icon.pallet{background-image:url(../images/pallet.png)} .table-icon.truckload{background-image:url(../images/truckload.png)} #tabShipments,#tabOffers,#tabQuotes,#tabDrivers{position:relative;} .btn.map{position:absolute; z-index:100; top:20px;} #shipmentShipperMap,#offerShipperMap,#quoteShipperMap,#driverCarrierMap{top:10px;} .shipperHeadButton{margin-right:15px; margin-top:8px;} .shipperHeadButton a{margin-left:15px; text-transform:uppercase;} div#shipperDashboardMap{} div.dashboard-box-row{position:absolute; width:100%; z-index:100; padding-right:40px;} .icon-bg{background-repeat:no-repeat; background-position:center; background-size:40%;} .icon-box-w{background-image:url(../images/icon-box-w.png);} .icon-load-w{background-image:url(../images/weight-w.png);} .icon-distance-w{background-image:url(../images/distance-w.png);} .openOfferObject{cursor:pointer;} .openActiveShipments{cursor:pointer;} div.mapLegend{position:absolute; z-index:200; bottom:10px; right:10px; background:#fff; border-radius:3px;} div.mapLegend div.container{width:55px; height:33px; overflow:hidden;} div.mapLegend div.container.on{width:auto;} div.mapLegend div.container a.legend-btn{display:block; float:left;} div.mapLegend div.container div.objects{float:left;} div.mapLegend div.container div.objects ul{display:block; list-style:none; margin:0; padding:0;} div.mapLegend div.container div.objects li{display:block; float:left; list-style:none; margin:0; padding:0; margin-left:15px;} div.mapLegend div.container div.objects li .checkbox{margin-top:7px; margin-bottom:0;} div.mapLegend div.container div.objects li .checkbox .icon{font-size:16px;} div#offerObject{position:absolute; top:136px; left:20px; z-index:200; max-width:460px;} div#offerObject.offerObjectInner{top:20px} div.offerObject .panel{margin-bottom:0;} div.offerObject .panel-heading{background-color:#095378; color:#fff; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;} div.offerObject .panel-heading h4{float:left; margin:0; padding:0; line-height:24px; margin-right:20px;} div.offerObject .panel-heading .searchOfferBtn{padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; margin:0; margin-right:-5px;} div.offerObject .panel-heading > a[data-tool]{width:auto;} div.offerObject .panel-heading a .fa{line-height:27px; margin-left:15px;} div.offerObject .panel-body{padding:0; overflow:hidden;} div.offerObject .offerRow{} div.offerObject .offerRow .head{background-color:#CFDBE2; line-height:40px; border-bottom:1px solid #dde6e9; font-weight:bold; font-size:16px;} div.offerObject .offerRow .head .posted{float:left; padding-left:10px; padding-right:10px; background-color:#F5F7FA;} div.offerObject .offerRow .head .pickup{float:left; padding-left:10px; padding-right:10px;} div.offerObject .offerRow .head .pickup .circle{width:16px; height:16px; margin:0; vertical-align:middle;} div.offerObject .offerRow .top{padding:10px; border-bottom:1px solid #dde6e9;} div.offerObject .offerRow .top .btn-labeled{padding:0; margin-right:10px; width:calc(33.33333333333333% - 10px); text-align:left;} div.offerObject .offerRow .top .btn-labeled:last-child{margin-right:0;} div.offerObject .offerRow .top .btn-labeled .text{display:inline-block; text-align:center; line-height:15px; padding:5px; width:calc(100% - 40px); margin-left:-3px;} div.offerObject .offerRow .top .btn-labeled .text strong{font-size:14px;} div.offerObject .offerRow .top .btn-labeled .btn-label{padding:0; vertical-align:top; left:0; position:static; width:40px; height:40px; text-align:center;} div.offerObject .offerRow .top .btn-labeled .btn-label i{font-size:17px; line-height:40px;} div.offerObject .offerRow .top .icon{background-repeat:no-repeat; background-position:center; background-size:20px;} div.offerObject .offerRow .top .icon-weight-w{background-image:url(../images/weight-w.png)} div.offerObject .offerRow .top .icon-distance-w{background-image:url(../images/distance-w.png); } div.offerObject .offerRow .fromTo{border-bottom:1px solid #dde6e9;} div.offerObject .offerRow .fromTo table{width:100%; table-layout: fixed} div.offerObject .offerRow .fromTo td{vertical-align:top;} div.offerObject .offerRow .fromTo .container{width:100%;} div.offerObject .offerRow .fromTo .left .container{border-right:1px solid #dde6e9; position:relative;} div.offerObject .offerRow .fromTo .left .container:after{display:block; position:absolute; right:-10px; top:calc(50% - 20px); width:10px; height:40px; background:url(../images/rout-arrow.png) center no-repeat; background-size:100% 100%} div.offerObject .offerRow .fromTo .right .container{border-left:1px solid #dde6e9; margin-left:-1px;} div.offerObject .offerRow .fromTo .scheduling{padding-left:10px; padding-top:10px; padding-bottom:10px;} div.offerObject .offerRow .fromTo .location{padding-left:10px; padding-top:10px; padding-bottom:10px;} div.offerObject .offerRow .fromTo .icon{float:left; font-size:20px; margin-top:1px; margin-right:5px; text-align:center; width:20px;} div.offerObject .offerRow .fromTo .title{float:left; font-weight:bold; margin-right:5px;} div.offerObject .offerRow .fromTo .title.address{width:calc(100% - 30px);} div.offerObject .offerRow .fromTo .title.address span{font-weight:normal;} div.offerObject .offerRow .fromTo .time{float:left;} div.offerObject .offerRow .fromTo .address{float:left;} div.offerObject .offerRow .loadRequest{padding:10px; border-bottom:1px solid #dde6e9;} div.offerObject .offerRow .loadRequest .load{float:left; width:50%;} div.offerObject .offerRow .loadRequest .request{float:left; width:50%;} div.offerObject .offerRow .loadRequest .request .icon{float:left; margin-right:10px;} div.offerObject .offerRow .loadRequest .request .icon:last-child{margin-right:0;} div.offerObject .offerRow .loadRequest .request .icon img{height:30px;} div.offerObject .offerRow .foot{text-align:center; padding:10px;} div.offerObject .offerRow .deiverData{padding:10px; border-bottom:1px solid #dde6e9;} div.offerObject .offerRow .deiverData img{display:block; float:left; height:50px; margin-right:15px; border:1px solid #dde6e9; padding:5px;} div.offerObject .offerRow .deiverData a{display:block; float:left; margin-top:15px;} .color-23B7E5{color:#23B7E5} .color-564AA3{color:#564AA3} .color-243948{color:#243948} .color-27C24C{color:#27C24C} .color-2F80E7{color:#2F80E7} .color-F05050{color:#F05050} div#offerSearch{position:absolute; top:136px; left:20px; z-index:200; max-width:460px; display:none;} div#offerSearch.offerSearchInner{top:20px} div#offerSearch .panel{margin-bottom:0;} div#offerSearch .panel-heading{background-color:#095378; color:#fff; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;} div#offerSearch .panel-heading h4{float:left; margin:0; padding:0; line-height:24px; margin-right:20px;} div#offerSearch .panel-heading > a[data-tool]{width:auto;} div#offerSearch .panel-heading a .fa{line-height:27px;} div#offerSearch .panel-body{padding:10px;} div#offerSearch .panel-body .col-md-3{padding-right:0;} div#offerSearch .panel-body .row{padding-bottom:20px;} div#offerSearch .panel-body .row.location{padding-bottom:10px;} div#offerSearch .panel-body .row.load{padding-bottom:0px;} div#offerSearch .panel-body .row:last-child{padding-bottom:0;} div#offerSearch .panel-body .offerSearchBtn{margin-right:15px;} div#offerSearch .bootstrap-datetimepicker-widget{z-index:200;} #offerSearchCheckboxErr{position:relative;} #offerSearchCheckboxErr .parsley-errors-list > li{bottom:-10px; width:200px;} div#searchResults{position:absolute; top:350px; left:20px; z-index:200; max-width:460px; display:none; z-index:100; min-width:460px;} div#searchResults.offerObjectInner{top:240px;} div#searchResults .panel-heading .search-count{font-size:100%; margin-right:10px;} div#searchResults .noResults{padding:30px; text-align:center;} div#activeShipmentsObject{position:absolute; top:136px; left:20px; z-index:200; max-width:460px; display:none;} .modal-440{width:440px;} .modal-580{width:580px;} table.offerSelectDriverTable{width:100%;} table.offerSelectDriverTable td.image{vertical-align:middle; width:90px; border-bottom:1px solid #} table.offerSelectDriverTable td.image img{height:auto; max-width:70px; display:block;} table.offerSelectDriverTable td.name{vertical-align:middle;} table.offerSelectDriverTable td.buttons{vertical-align:middle; text-align:right;} #rateShipment{} #rateShipment table{width:100%;} #rateShipment .image{vertical-align:bottom; width:100px;} #rateShipment .image img{display:block; width:80px;} #rateShipment .entety{vertical-align:bottom; padding-right:20px;} #rateShipment .desc{vertical-align:bottom;} #rateShipment #driver_rating{margin:0 auto; margin-top:20px; margin-bottom:20px;} .driverRatingStars{margin:0 auto; margin-bottom:20px;} .feedback-title{font-size:18px; border-bottom:1px solid #dde6e9;} .timeline.support:before{display:none;} .timeline.support > li > .timeline-badge{left:0; width:60px; height:60px; text-align:center; border:3px solid #CCC; background:#fff;} .timeline.support > li > .timeline-badge .cell{display:table-cell; vertical-align:middle; text-align:center; width:54px; height:54px;} .timeline.support > li > .timeline-badge img{display:inline-block; max-width:80%; max-height:80%;} .timeline.support > li.timeline-inverted{width:100%; margin-top:0;} .timeline.support > li.timeline-inverted > .timeline-panel{padding-left:75px;} .timeline.support .popover{padding:0;} .timeline.support .popover-title{padding:15px 14px; border-bottom:1px solid #e4eaec;} .timeline.support > li > .timeline-panel .popover .arrow{top:30px;} .timeline.support .user{border-bottom:1px solid #dde6e9; padding-bottom:15px; margin-bottom:15px; padding-top:10px;} .timeline.support .noteData{border-top:1px solid #dde6e9; padding-top:15px; margin-top:15px;} .timeline.support .note{display:none; border-top:1px solid #dde6e9; padding-top:15px; margin-top:15px;} .timeline.support .note.on{display:block;} .timeline.support .footer{background:#FAFAFA; border-top:1px solid #dde6e9; padding-left:5px; padding-top:5px; text-align:center;} .timeline.support .reply{display:none;} .timeline.support .reply.on{display:block;} .timeline.support .pull-left.status em{width:12px; height:12px;} .timeline.support .forward{border-top:1px solid #dde6e9; padding-top:15px; margin-top:15px;} .timeline.support .forward .form-group{width:300px; margin:0 auto;} div#getQuote{} div#getQuote .modal-content{overflow:visible;} div#getQuote .modal-body{padding:0;} div#getQuote .row-title{background:#CFDBE2; padding-left:15px; padding-right:15px; font-weight:bold; font-size:14px; line-height:37px;} div#getQuote .row{padding:15px;} div#getQuote .row.load-quote{padding-bottom:0;} div#getQuote .bg-img{background-size:20px; background-position:center; background-repeat:no-repeat;} div#getQuote .bg-img.box-w{background-image:url(../images/box-w.png)} div#getQuote .bg-img.pallet-w{background-image:url(../images/pallet-w.png); background-size:25px;} div#getQuote .bg-img.truckload-w{background-image:url(../images/truckload-w.png)} div#getQuote .bg-img.box{background-image:url(../images/box.png)} div#getQuote .bg-img.pallet{background-image:url(../images/pallet.png); background-size:25px;} div#getQuote .bg-img.truckload{background-image:url(../images/truckload.png)} div#getQuote .bg-img.weight{background-image:url(../images/weight.png);} div#getQuote .load-quote .col-md-9{width:70%;} div#getQuote .load-quote .col-md-3{width:30%; margin-bottom:0;} div#getQuote .specialRequestsTitle{margin-top:15px;} div#getQuote .inline-label .bg-img{width:20px; height:20px; margin-top:8px;} div#getQuote .noHorizontalPadding{padding-left:0; padding-right:0;} div#getQuote .loadDataRow .form-control{padding-left:5px; padding-right:5px; text-align:center;} div#getQuote .loadDataRow .input-group-addon{padding-left:0; padding-right:0; min-width:23px;} div#getQuote .col-sm-2.quantity{width:90px; margin-right:10px;} div#getQuote .col-sm-2.length{width:77px; margin-right:10px;} div#getQuote .col-sm-2.width{width:77px; margin-right:10px;} div#getQuote .col-sm-2.height{width:77px; margin-right:10px;} div#getQuote .col-sm-3.totalWeight{width:110px; margin-right:10px;} div#getQuote .col-lg-6.palletSelect{width:200px;} div#getQuote .deleteLoadRow{height:35px; width:35px; text-align:center; padding-left:0; padding-right:0; margin-right:0;} div#getQuote input[type=number]::-webkit-inner-spin-button, div#getQuote input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} div#getQuote input[type=number] {-moz-appearance:textfield;} div#getQuote div.errLoadDataGetQuote{padding-left:15px; color:#f05050;} div#getQuote .col-lg-7.truckloadSelect{width:310px;} div#getQuote .truckloadSelect .bootstrap-select{padding:0; border-radius:0;} div#getQuote .loadRowsGetQuote{padding-left:15px; padding-right:15px;} div#getQuote .icon-label{padding-left:0; width:30px;} div#getQuote .loadRowsGetQuote fieldset{border:none; padding:0; margin:0; margin-bottom:10px;} div#getQuote .select-icon{} div#getQuote .select-icon:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#getQuote .select-icon span.img{display:block; float:left; width:20px; height:20px; background:no-repeat center; background-size:contain; margin-right:5px;} div#getQuote .select-icon span.text{display:block; float:left; font-size:14px;} div#getQuote .bootstrap-select{padding:0; margin:0; box-shadow:none !important; border:none; font-size:14px;} div#getQuote .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size:14px;} div#getQuote .specialRequests .col-md-10{width:calc(100% - 115px);} div#getQuote .specialRequestsProgressRow{display:none;} div#getQuote .row.specialRequests{padding-bottom:0;} div#getQuote .row.specialRequestsRow{padding-bottom:0; padding-top:0;} div#getQuote .row.specialRequestsInputRow{padding-bottom:15px; padding-top:0; margin-right:0;} div#getQuote .fileinput-button{display:none;} div#getQuote .specialRequestsText{} div#getQuote .specialRequestsText:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#getQuote .specialRequestsText span.img{display:block; float:left; width:25px; height:25px; background:no-repeat center; background-size:cover; margin-right:5px; margin-top:4px;} div#getQuote .specialRequestsText span.text{display:block; float:left; line-height:33px;} div#getQuote .footerCost{padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px;} div#getQuote .footerCost .col-md-6{padding-left:0px; padding-right:5px; text-align:center;} div#getQuote .footerCost .control-label{font-size:14px; padding-bottom:0; margin-bottom:0; line-height:26px;} div#getQuote .footerCost .col-sm-6.pull-right{padding-right:5px;} div#getQuote .footerCost input{text-align:center; font-size:16px; height:26px; padding:0;} div#getQuote .row.rowLocation{padding-bottom:0;} div#getQuote .getQuoteLocationErr{color:#f05050; margin-left:15px;} div#getQuote .getQuoteLocationErrO .parsley-errors-list > li{position:static;} div#getQuote .getQuoteLocationErrD .parsley-errors-list > li{position:static;} div#getQuote .row.distanceResult{margin-left:0; margin-right:0; margin-top:0px; padding-top:0;} div#getQuote .row.distanceResult .col-md-7{padding-left:0; padding-right:0; width:49%;} div#getQuote .row.distanceResult .col-md-7:first-child{margin-right:1%;} div#getQuote .row.distanceResult .col-md-7:last-child{margin-left:1%;} div#getQuote .row.distanceResult .col-sm-3{padding-left:5px;} div#getQuote .row.distanceResult .col-sm-7{padding-right:5px;} div#getQuote .row.distanceResult label{font-size:14px; padding-bottom:0; margin-bottom:0; line-height:26px;} div#getQuote .row.distanceResult input{text-align:center; font-size:16px; height:26px;} div#getQuote .row.distanceResult .btn{padding-left:0; padding-right:0;} div#getQuote .row.distanceResult .pull-right{padding-left:0;} div#getQuote .loadErrContainerQuote .parsley-errors-list > li{position:static; margin-left:15px;} .specificUserRow .col-md-10{padding:0;} .specificUserRow .col-md-2{padding:0; width:auto;} .allUsersCheckbox .col-md-3{padding-left:0;} .recipientsTableWraper{max-height:400px; overflow:auto;} .mapListBtn.listView{position:absolute; z-index:100;} .mapView.activeShipment{margin-top:-11px;} .invoice-top-icon{margin-top:8px;} .invoiceTable div.icon{display:inline-block;} .invoiceTable div.icon img{max-height:40px;} .ball-scale-ripple-multiple.la-3x > div{ width: 100px; height: 100px; left:-50px; } /*#shipmentSearchingDriverModal .modal-dialog{height:calc(100% - 60px);}*/ #shipmentSearchingDriverModal{} #shipmentSearchingDriverModal .modal-dialog{ position: absolute; left: 0; right: 0; top:0; bottom:0; margin:auto auto; height:304px; } div.header-status{line-height:55px; color:#fff; margin-left:100px;} div.header-status .circle{float:left; width:16px; height:15px; border:1px solid #fff; margin-top:19px;} div.header-status .text{float:left; font-size:16px;} div.header-status .text a{color:#fff;} .uk-notify{ width:auto; max-width:540px; } .uk-notify-top-center{ left:0; right:0; margin:auto auto; } .fileinputButton .progress{margin-bottom:0;} .fileinputButton .buttonText{font-family:"Source Sans Pro",sans-serif} .fileinputButton .fileupload-err{color:#f05050;} .tableWithInput .form-group{margin-bottom:0;} .tableWithInput .btn{margin-bottom:0;} .text-view label{float:left; width:50%;} .text-view span{float:left;} .sidebar-counter{margin-left:3px !important;} #searchForm{} #searchForm .row{margin-top:-10px;} #searchForm .form-group{margin-top:10px; padding-left:0;} #searchForm input{width:100%; padding-left:5px; padding-right:5px;} #searchForm select{width:100%; padding-left:5px; padding-right:5px;} #searchForm input[type=checkbox]{width:0; padding:0;} #searchForm button[type="submit"]{position:absolute; top:0} #searchForm .form-group-checkbox{padding-right:10px;} #searchForm .checkbox{margin-top:7px;} #searchForm .checkbox span{} .sectionHeaderButtons{padding-right:0; width:30%;} .sectionHeaderButtons.withBoxes{width:auto;} .tableFields{padding-left:0; padding-right:0;} .tableFields ul{list-style:none; margin:0; padding:0;} .tableFields li{list-style:none; margin:0; padding:0; margin-right:2px; float:left; line-height:30px; padding-left:10px; padding-right:10px; background:#fff; cursor:pointer;} .tableFields li:last-child{margin-right:0;} .tableFields li label{display:block; margin:0; padding:0; text-align:center; cursor:pointer;} .tableFields li.off{background:#F5F7FA;} .header-strip{} .header-strip:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} .header-strip .dataTables_length{float:left; margin-right:20px;} .header-strip .dt-buttons{float:left;} .header-strip .dataTables_filter{float:right;} .footer-strip{} .footer-strip:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} .footer-strip .dataTables_info{float:left;} .footer-strip .dataTables_paginate{float:right;} .shipmentInfoBoxes{float:left; margin-right:30px;} .shipmentInfoBoxes .btn{cursor:auto;} .shipmentHeaderButtons{float:right; margin-top:4px;} .proccess-table .btn{padding-left:10px; padding-right:10px;} .adminTopButtons{position:absolute; right:10px; top:10px; z-index:100;} .bolSignatureImage{text-align:center;} .bolSignatureImage img{width:50%; height:auto; display:inline-block;} .bolSignatureImage.landscape{padding-top:150px; padding-bottom:180px;} .bolSignatureImage.landscape img{transform: rotate(90deg);} .loginForm .formErr{text-align:center; color:#f05050; margin-bottom:10px;} .quoteLocationParent{width:50%;} table.driverData{} table.driverData td{vertical-align:top;} table.driverData td.driverImage{padding-right:10px;} table.driverData td.driverImage img{width:60px;} div#driverObject{position:absolute; top:136px; right:20px; z-index:200; max-width:460px; display:none;} div#driverObject .panel{margin-bottom:0;} div#driverObject .panel-heading{background-color:#095378; color:#fff; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;} div#driverObject .panel-heading h4{float:left; margin:0; padding:0; line-height:24px; margin-right:20px;} div#driverObject .panel-heading .searchOfferBtn{padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; margin:0; margin-right:-5px;} div#driverObject .panel-heading > a[data-tool]{width:auto;} div#driverObject .panel-heading a .fa{line-height:27px; margin-left:15px;} div#driverObject .panel-body{padding:0; overflow:hidden;} div#driverObject .offerRow{} div#shipmentObject{ position:absolute; left:10px; top:10px; background:#fff; z-index:100; width:580px; -webkit-box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); box-shadow: 7px -7px 30px -6px rgba(50, 50, 50, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow:hidden; } div#shipmentObject.shipmentObjectEdit{left:19px; top:160px;} div#shipmentObject.shipmentObjectEdit.shipmentObjectCarrierOffer{top:87px; left:10px;} div#shipmentObject div.head{line-height:40px; background:#095378; color:#fff; font-size:16px; padding-left:20px; padding-right:20px; text-transform:uppercase;} div#shipmentObject .parsley-errors-list > li{position:static;} div#shipmentObject input[type=number]::-webkit-inner-spin-button, div#shipmentObject input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;} div#shipmentObject input[type=number] {-moz-appearance:textfield;} div#shipmentObject div.body{background:#fff; min-height:100px; overflow:auto;} div#shipmentObject div.body div.pannel{} div#shipmentObject div.body div.pannel div.title{background-color:#f5f7fa; line-height:40px; font-size:16px; color:#8e8f93; text-transform:uppercase; padding-left:20px;} div#shipmentObject div.body div.pannel div.content{padding:20px;} div#shipmentObject div.body div.pannel div.content div.width-50{width:50%;} div#shipmentObject div.body div.pannel div.content div.width-40{width:40%;} div#shipmentObject div.body div.pannel div.content div.width-60{width:60%;} div#shipmentObject div.body div.pannel div.content div.left{float:left;} div#shipmentObject div.body div.pannel div.content div.right{float:right;} div#shipmentObject div.body div.pannel div.content div.col{display:block; margin-bottom:12px;} div#shipmentObject div.body div.pannel div.content div.col:last-child{margin-bottom:0;} div#shipmentObject div.body div.pannel div.content div.left.width-50 div.col{padding-right:10px;} div#shipmentObject div.body div.pannel div.content div.right.width-50 div.col{padding-left:10px;} div#shipmentObject div.body div.pannel div.content div.left.width-40 div.col{padding-right:10px;} div#shipmentObject div.body div.pannel div.content div.right.width-60 div.col{padding-left:10px;} div#shipmentObject div.body div.pannel div.content div.width-40 input{display:block; width:100%; height:38px; border:1px solid #bebfc0; border-radius:3px; padding-left:10px;} div#shipmentObject div.body div.pannel div.content div.width-60 textarea{display:block; width:100% !important; height:38px; border:1px solid #bebfc0; border-radius:3px; padding-left:10px; padding-top:7px;} div#shipmentObject div.body div.pannel div.content div.left.width-50 div.col a, div#shipmentObject div.body div.pannel div.content div.right.width-50 div.col a{word-wrap:break-word; display:block; line-height:16px;} div#shipmentObject div.body div.pannel select{height:38px; border:1px solid #bebfc0; border-radius:3px; padding-left:3px; width:100%;} div#shipmentObject div.body div.pannel div.content.routeContent{padding:0;} div#shipmentObject div.body div.pannel div.routeRow{border-bottom:1px solid #dde6e9; padding:20px; padding-bottom:15px; padding-top:15px;} div#shipmentObject div.body div.pannel div.routeRow:last-child{border:none;} div#shipmentObject div.body div.pannel div.routeRow div.data{} div#shipmentObject div.body div.pannel div.routeRow div.data label{display:block; float:left; background:no-repeat left center; padding-left:34px; line-height:31px; color:#656565; font-weight:normal; width:130px;} div#shipmentObject div.body div.pannel div.routeRow div.data label.origin{background-image:url(../images/icon_origin.png);} div#shipmentObject div.body div.pannel div.routeRow div.data label.destination{background-image:url(../images/icon_destination.png);} div#shipmentObject div.body div.pannel div.routeRow div.data div.address{display:block; float:left; padding-top:5px; width:calc(100% - 176px);} div#shipmentObject div.body div.pannel div.routeRow div.data a{display:block; float:right;} div#shipmentObject div.body div.pannel div.routeRow div.errShipper{color:#f05050;} div#shipmentObject div.body div.pannel div.distanceResult label{display:inline-block; margin-right:10px;} div#shipmentObject div.body div.pannel div.distanceResult input{display:inline-block; height:38px; border:1px solid #bebfc0; width:100px; text-align:center; border-radius:3px;} div#shipmentObject div.body div.pannel div.schedulingErr{} div#shipmentObject div.body div.pannel div.schedulingRow{position:relative; margin-bottom:12px;} div#shipmentObject div.body div.pannel div.schedulingRow:last-child{margin-bottom:0;} div#shipmentObject div.body div.pannel div.schedulingRow label.pickup{display:block; float:left; width:115px; background:url(../images/icon_pickup.png) no-repeat left center; padding-left:27px; color:#656565; margin-top:7px;} div#shipmentObject div.body div.pannel div.schedulingRow label.dropoff{display:block; float:left; width:115px; background:url(../images/icon_dropoff.png) no-repeat left center; padding-left:27px; color:#656565; margin-top:7px;} div#shipmentObject div.body div.pannel div.schedulingRow div.inputData{/*float:right;*/} div#shipmentObject div.body div.pannel div.schedulingRow label.label{display:block; float:left; color:#656565; padding:0; margin:0; font-size:15px; line-height:40px; margin-left:6px; margin-right:5px;} div#shipmentObject div.body div.pannel div.schedulingRow div.date{display:block; position:relative; float:left; border:1px solid #bebfc0; border-radius:3px;} div#shipmentObject div.body div.pannel div.schedulingRow div.date input[type="text"]{display:block; float:left; width:80px; height:36px; border:none; text-align:center; font-size:14px; border-radius:3px;} div#shipmentObject div.body div.pannel div.schedulingRow div.date span.dateNow{position:absolute; display:block; background:#EDF1F2; z-index:10; width:calc(100% - 35px); cursor:default; left:1px; top:0; line-height:2.2em; height:100%; text-align:center; } div#shipmentObject div.body div.pannel div.schedulingRow div.date label{display:block; float:right; width:34px; height:36px; background:#f1f4f5 url(../images/icon_calendar.png) no-repeat center; margin:0; padding:0;} div#shipmentObject div.body div.pannel div.schedulingRow select{display:block; float:left; width:104px;} div#shipmentObject div.body div.pannel div.loadButtons{} div#shipmentObject div.body div.pannel div.loadButtons button{float:left; display:block; margin-left:3px; background-repeat:no-repeat; background-position:left 5px center; padding-left:30px; padding-right:10px;} div#shipmentObject div.body div.pannel div.loadButtons button:first-child{margin-left:0;} div#shipmentObject div.body div.pannel div.loadButtons button.boxes{background-image:url(../images/icon_add_box.png);} div#shipmentObject div.body div.pannel div.loadButtons button.pallets{background-image:url(../images/icon_add_pallet.png);} div#shipmentObject div.body div.pannel div.loadButtons button.truckload{background-image:url(../images/icon_add_truckload.png);} div#shipmentObject div.body div.pannel div.loadButtons div.weight{float:right; background:#f1f4f5; border-radius:3px;} div#shipmentObject div.body div.pannel div.loadButtons div.weight input{display:block; float:left; width:140px; text-align:center; font-weight:bold; color:#656565; border:none !important; background:transparent; height:35px;} div#shipmentObject div.body div.pannel div.loadButtons div.weight span{display:block; float:right; width:30px; height:22px; margin-top:6px; border-left:1px solid #656565; background:no-repeat center url(../images/icon_total_weight.png)} div#shipmentObject div.body div.pannel fieldset.boxRow{margin:0; padding:0; border:none; margin-top:15px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow span.icon.box{display:block; float:left; width:20px; height:20px; margin-right:15px; background:url(../images/box.png) no-repeat center; background-size:cover; margin-top:7px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol{display:block; position:relative; float:left; margin-right:15px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol input{display:block; height:34px; border:none; text-align:center; padding:0; margin:0; border:1px solid #bebfc0; border-radius:3px; padding-right:25px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.quantity input{width:118px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.length input{width:60px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.width input{width:60px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.height input{width:60px;} div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.totalWeight .parsley-errors-list, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.quantity .parsley-errors-list, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.length .parsley-errors-list, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.width .parsley-errors-list, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.height .parsley-errors-list{width:45px; overflow:hidden; height:15px;} .truckloadRow .totalWeight .parsley-errors-list{width:90px !important;} div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.totalWeight .parsley-errors-list li, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.quantity .parsley-errors-list li, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.length .parsley-errors-list li, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.width .parsley-errors-list li, div#shipmentObject div.body div.pannel div.loadDataRow div.inputCol.height .parsley-errors-list li{} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol.totalWeight input{width:118px;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow div.inputCol span{display:block; position:absolute; right:1px; top:1px; width:25px; line-height:32px; background:#f1f4f5; text-align:center;} div#shipmentObject div.body div.pannel fieldset.boxRow div.loadDataRow button{display:block; float:right; width:14px; height:34px; border:none; background:transparent no-repeat center url(../images/icon_load_delete.png);} div#shipmentObject div.body div.pannel fieldset.palletRow{margin:0; padding:0; border:none; margin-top:15px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow span.icon.pallet{display:block; float:left; width:20px; height:20px; margin-right:15px; background:url(../images/pallet.png) no-repeat center; background-size:contain; margin-top:7px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol{display:block; position:relative; float:left; margin-right:15px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol input{display:block; height:34px; border:none; text-align:center; padding:0; margin:0; border:1px solid #bebfc0; border-radius:3px; padding-right:25px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol.quantity input{width:118px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol select{display:block; float:left; height:34px; border:none; width:208px; border:1px solid #bebfc0; border-radius:3px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol.totalWeight input{width:118px;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow div.inputCol span{display:block; position:absolute; right:1px; top:1px; width:25px; line-height:32px; background:#f1f4f5; text-align:center;} div#shipmentObject div.body div.pannel fieldset.palletRow div.loadDataRow button{display:block; float:right; width:14px; height:34px; border:none; background:transparent no-repeat center url(../images/icon_load_delete.png);} div#shipmentObject div.body div.pannel fieldset.truckloadRow{margin:0; padding:0; border:none; margin-top:0px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow span.icon.truckload{display:block; float:left; width:20px; height:20px; margin-right:15px; background:url(../images/truckload.png) no-repeat center; background-size:contain; margin-top:7px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol{display:block; position:relative; float:left; margin-right:15px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol input{display:block; height:34px; border:none; text-align:center; padding:0; margin:0; border:1px solid #bebfc0; border-radius:3px; padding-right:25px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol select{display:block; float:left; height:34px; border:none; width:340px; border:1px solid #bebfc0; border-radius:3px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.totalWeight input{width:118px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol span.over{display:block; position:absolute; right:1px; top:1px; width:25px; line-height:32px; background:#f1f4f5; text-align:center;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow button.deleteLoadRow{display:block; float:right; width:14px; height:34px; border:none; background:transparent no-repeat center url(../images/icon_load_delete.png);} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.truckloadSelect{width:340px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.truckloadSelect .bootstrap-select{width:100%;} div#shipmentObject .select-icon{} div#shipmentObject .select-icon:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#shipmentObject .select-icon span.img{display:block; float:left; width:20px; height:20px; background:no-repeat center; background-size:contain; margin-right:5px;} div#shipmentObject .select-icon span.text{display:block; float:left; font-size:14px;} div#shipmentObject .bootstrap-select{padding:0; margin:0; box-shadow:none !important; border:none; font-size:14px; float:left; width:calc(100% - 70px);} div#shipmentObject .bootstrap-select .btn{padding-top:7px; padding-bottom:7px;} div#shipmentObject .addSpecialRequest{float:right;} div#shipmentObject .row.specialRequestsRow{margin-left:0; margin-right:0; margin-top:15px;} div#shipmentObject .row.specialRequestsInputRow{margin-left:0; margin-right:0;} div#shipmentObject .row.specialRequestsInputRow .col-md-7{width:calc(100% - 160px); padding-left:0; padding-right:0;} div#shipmentObject .row.specialRequestsRow .btn{padding-left:10px; padding-right:10px; margin-left:10px;} div#shipmentObject .row.specialRequestsRow .fileinput-button input{font-size:inherit;} div#shipmentObject .panel-body.specialRequests{padding-right:0;} div#shipmentObject .specialRequestsText{} div#shipmentObject .specialRequestsText:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#shipmentObject .specialRequestsText span.img{display:block; float:left; width:25px; height:25px; background:no-repeat center; background-size:cover; margin-right:5px;margin-top:4px;} div#shipmentObject .specialRequestsText span.text{display:block; float:left; line-height:25px; margin-top:4px;} div#shipmentObject .specialRequestsProgressRow{margin-left:15px; margin-right:0;} div#shipmentObject .specialRequestsProgressRow .progress{display:none;} div#shipmentObject label.attachedDocument{line-height:2.5em; text-overflow:ellipsis; white-space:nowrap; padding-left:0; padding-right:0; margin-left:0; margin-right:0; width:auto; padding-bottom:0; margin-bottom:0;} div#shipmentObject label.attachedDocument a{float:right;} div#shipmentObject label.attachedDocument span.err{color:#f05050; font-weight:normal;} div#shipmentObject label.attachedDocument .parsley-errors-list > li{position:absolute; right:0; top:0;} div#shipmentObject div.foot{background:#095378; padding:20px;} div#shipmentObject div.foot div.top{margin-bottom:10px;} div#shipmentObject div.foot div.top .costCol{float:left; width:30%; margin-top:-10px; position:relative;} div#shipmentObject div.foot div.top .costCol label{display:block; color:#fff;} div#shipmentObject div.foot div.top .costCol input{display:block; width:100%; height:30px; border:none; border-radius:3px; text-align:center;} div#shipmentObject div.foot div.top .costCol:last-child{float:right;} div#shipmentObject div.foot div.top .costCol:first-child{margin-right:5%;} div#shipmentObject div.foot div.top .costCol em.fa{position:absolute; left:6px; top:35px;} div#shipmentObject div.foot div.top div.left{float:left; color:#fff; width:calc(100% - 290px);} div#shipmentObject div.foot div.top div.right{float:right; position:relative;} div#shipmentObject div.foot div.top div.right label{font-size:16px; color:#fff; display:block; float:left; margin-right:10px; line-height:40px; text-transform:uppercase;} div#shipmentObject div.foot div.top div.right label:after{content:'\f155'; font:normal normal normal 14px/1 FontAwesome; position:absolute; top:0px; right:0px; text-align:center; width:36px; line-height:36px; background:#f1f4f5; border:1px solid #bebfc0; border-radius:0 3px 3px 0; color:#000; font-size:20px;} div#shipmentObject div.foot div.top div.right input{display:block; float:left; width:120px; height:38px; border:1px solid #bebfc0; border-radius:3px; text-align:center; font-size:20px; font-weight:bold; color:#232735; padding-right:34px;} div#shipmentObject div.foot div.message{color:#fff; font-size:16px; margin-bottom:15px;} div#shipmentObject div.foot div.bottom a{width:100%; text-transform:uppercase;} div#shipmentObject div.foot a.acceptOffer{width:100%;} div#shipmentObject div.foot .ajaxLoader{height:35px;} div#shipmentObject div.editLoadData{} div#shipmentObject div.editLoadData div:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#shipmentObject div.editLoadData div{margin-bottom:10px;} div#shipmentObject div.editLoadData div:last-child{margin-bottom:0;} div#shipmentObject div.editLoadData .bg-icon{display:block; float:left; margin-right:10px; margin-bottom:0; padding-bottom:0;} div#shipmentObject div.editLoadData .load{display:block; float:left; margin-bottom:0; padding-bottom:0; font-weight:normal;} div#shipmentObject label.schedulingLabel{} div#shipmentObject label.schedulingLabel:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#shipmentObject label.schedulingLabel span.title{display:block; float:left; background:no-repeat left 3px center; padding-left:35px; width:130px; font-weight:normal;} div#shipmentObject label.schedulingLabel span.title.pickup{background-image:url(../images/icon_pickup.png);} div#shipmentObject label.schedulingLabel span.title.dropoff{background-image:url(../images/icon_dropoff.png);} div#shipmentObject label.schedulingLabel span.time{display:block; float:left; font-weight:normal;} div#shipmentObject label.contactLabel{} div#shipmentObject label.contactLabel:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;} div#shipmentObject label.contactLabel span.title{display:block; float:left; background:no-repeat left 3px center; padding-left:0; width:130px; font-weight:normal;} div#shipmentObject label.contactLabel span.title.pickup{} div#shipmentObject label.contactLabel span.title.pickup i{color:#23B7E5;} div#shipmentObject label.contactLabel span.title.dropoff{} div#shipmentObject label.contactLabel span.title.dropoff i{color:#FF902B;} div#shipmentObject label.contactLabel span.time{display:block; float:left; font-weight:normal;} div#shipmentObject label.contactLabel i{ font-size: 16px; margin-left: 5px; margin-right: 11px; } .btn-blue { color: #ffffff; background-color:#378eb9; border-color: #378ec0; } .btn-blue:focus, .btn-blue.focus { color: #ffffff; background-color: #378ecc; border-color: #378ed4; } .btn-blue:hover { color: #ffffff; background-color: #378ecc; border-color: #378ed4; } .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-blue { color: #ffffff; background-color: #378ecc; border-color: #378ed4; } .btn-blue:active:hover, .btn-blue.active:hover, .open > .dropdown-toggle.btn-blue:hover, .btn-blue:active:focus, .btn-blue.active:focus, .open > .dropdown-toggle.btn-blue:focus, .btn-blue:active.focus, .btn-blue.active.focus, .open > .dropdown-toggle.btn-blue.focus { color: #ffffff; background-color: #378ecc; border-color: #378ed4; } .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled.focus, .btn-blue[disabled].focus, fieldset[disabled] .btn-blue.focus { background-color: #4ea4cc; border-color: #1eb6e4; } .btn-blue .badge { color: #23b7e5; background-color: #ffffff; } div#getQuote fieldset.boxRow{margin:0; padding:0; border:none; margin-top:15px;} div#getQuote fieldset.boxRow div.loadDataRow span.icon.box{display:block; float:left; width:20px; height:20px; margin-right:15px; background:url(../images/box.png) no-repeat center; background-size:cover; margin-top:7px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol{display:block; position:relative; float:left; margin-right:15px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol input{display:block; height:34px; border:none; text-align:center; padding:0; margin:0; border:1px solid #bebfc0; border-radius:3px; padding-right:25px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.quantity input{width:118px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.length input{width:60px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.width input{width:60px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.height input{width:60px;} div#getQuote div.loadDataRow div.inputCol.totalWeight .parsley-errors-list, div#getQuote div.loadDataRow div.inputCol.quantity .parsley-errors-list, div#getQuote div.loadDataRow div.inputCol.length .parsley-errors-list, div#getQuote div.loadDataRow div.inputCol.width .parsley-errors-list, div#getQuote div.loadDataRow div.inputCol.height .parsley-errors-list{width:45px; overflow:hidden; height:15px;} div#getQuote div.loadDataRow div.inputCol.totalWeight .parsley-errors-list li, div#getQuote div.loadDataRow div.inputCol.quantity .parsley-errors-list li, div#getQuote div.loadDataRow div.inputCol.length .parsley-errors-list li, div#getQuote div.loadDataRow div.inputCol.width .parsley-errors-list li, div#getQuote div.loadDataRow div.inputCol.height .parsley-errors-list li{} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol.totalWeight input{width:118px;} div#getQuote fieldset.boxRow div.loadDataRow div.inputCol span{display:block; position:absolute; right:1px; top:1px; width:25px; line-height:32px; background:#f1f4f5; text-align:center;} div#getQuote fieldset.boxRow div.loadDataRow button{display:block; float:right; width:14px; height:34px; border:none; background:transparent no-repeat center url(../images/icon_load_delete.png);} div#getQuote fieldset.palletRow{margin:0; padding:0; border:none; margin-top:15px;} div#getQuote fieldset.palletRow div.loadDataRow span.icon.pallet{display:block; float:left; width:20px; height:20px; margin-right:15px; background:url(../images/pallet.png) no-repeat center; background-size:contain; margin-top:7px;} div#getQuote fieldset.palletRow div.loadDataRow div.inputCol{display:block; position:relative; float:left; margin-right:15px;} div#getQuote fieldset.palletRow div.loadDataRow div.inputCol input{display:block; height:34px; border:none; text-align:center; padding:0; margin:0; border:1px solid #bebfc0; border-radius:3px; padding-right:25px;} div#getQuote fieldset.palletRow div.loadDataRow div.inputCol.quantity input{width:118px;} div#getQuote fieldset.palletRow div.loadDataRow div.inputCol select{display:block; float:left; height:34px; border:none; width:208px; border:1px solid #bebfc0; border-radius:3px;} div#getQuote fieldset.palletRow div.loadDataRow div.inputCol.totalWeight input{width:118px;} div#getQuote fieldset.palletRow div.loadDataRow div.inputCol span{display:block; position:absolute; right:1px; top:1px; width:25px; line-height:32px; background:#f1f4f5; text-align:center;} div#getQuote fieldset.palletRow div.loadDataRow button{display:block; float:right; width:14px; height:34px; border:none; background:transparent no-repeat center url(../images/icon_load_delete.png);} div#getQuote fieldset.truckloadRow{margin:0; padding:0; border:none; margin-top:15px;} div#getQuote fieldset.truckloadRow div.loadDataRow span.icon.truckload{display:block; float:left; width:20px; height:20px; margin-right:15px; background:url(../images/truckload.png) no-repeat center; background-size:contain; margin-top:7px;} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol{display:block; position:relative; float:left; margin-right:15px;} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol input{display:block; height:34px; border:none; text-align:center; padding:0; margin:0; border:1px solid #bebfc0; border-radius:3px; padding-right:25px;} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol select{display:block; float:left; height:34px; border:none; width:340px; border:1px solid #bebfc0; border-radius:3px;} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol.totalWeight input{width:118px;} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol span.over{display:block; position:absolute; right:1px; top:1px; width:25px; line-height:32px; background:#f1f4f5; text-align:center;} div#getQuote fieldset.truckloadRow div.loadDataRow button.deleteLoadRow{display:block; float:right; width:14px; height:34px; border:none; background:transparent no-repeat center url(../images/icon_load_delete.png);} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol.truckloadSelect{width:340px;} div#getQuote fieldset.truckloadRow div.loadDataRow div.inputCol.truckloadSelect .bootstrap-select{width:100%;} div#getQuote div.foot{background:#095378; padding:20px;} div#getQuote div.foot div.top{margin-bottom:10px; text-align:center;} div#getQuote div.foot div.top label{font-size:16px; color:#fff; display:inline-block; margin-right:10px; line-height:40px; text-transform:uppercase;} div#getQuote div.foot div.top input{display:inline-block; width:120px; height:38px; border:1px solid #bebfc0; border-radius:3px; text-align:center; font-size:20px; font-weight:bold; color:#232735;} div#getQuote div.foot div.bottom button{width:100%;} div#pageOrder .left{float:left;} div#pageOrder .right{float:right;} div#pageOrder .right .btn{padding-left:6px; padding-right:6px;} div#pageOrder .dd3-content{padding:10px 10px 5px 50px;} div.framePopupSelect{height:400px; overflow:auto;} div.framePopupSelect a{display:block; margin-bottom:20px;} div.framePopupSelect h4{} div.framePopupSelect img{display:block; width:100%; height:auto;} div#formFrameFieldList .left{float:left;} div#formFrameFieldList .right{float:right;} div#formFrameFieldList .right .btn{padding-left:6px; padding-right:6px;} div#formFrameFieldList .dd3-content{padding:10px 10px 5px 50px;} iframe.pageIframe{width:100%; height:200px; border:1px solid #000;} #pageFrameList{} #pageFrameList .container{display:inline-block} #pageFrameList .container .left{float:left;} #pageFrameList .container .right{float:right;} div#topMenuList .left{float:left;} div#topMenuList .right{float:right;} div#topMenuList .right .btn{padding-left:6px; padding-right:6px;} div#topMenuList .dd3-content{padding:10px 10px 5px 50px;} h1.register{padding-top:0; margin-top:0; padding-bottom:0; margin-bottom:0;} .panel-body.register{padding:0;} body.register{background:#fff;} .panel.register{box-shadow:none; -webkit-box-shadow:none; } .register-page .form-control{font-size:16px;} .register-page .checkbox{font-size:16px;} .register-page .loginRegisterButton{font-size:16px;} .welcomeText{font-size:18px; width:85%; margin:0 auto; margin-top:20px;} .dashboardTable em.circle{width:16px; height:16px; vertical-align:middle;} .dashboardTable tr.son{display:none;} .dashboardTable tr.son.on{display:table-row;} .dashboardTable tr.son .sonContainer{padding:0;} .dashboardTable tr.son .table{background-color:#fff;} .mapView.dashboardAdmin{} #dashboardAdminInfo{} #dashboardAdminMap{margin:-20px;} .showTraffic{display:block; position:absolute; bottom:48px; right:10px; z-index:100;} .showTraffic.setBottom{bottom:auto; height:35px;} .showTraffic.setBottomShare{bottom:auto; height:35px;} .showTraffic.off{background-color:rgba(55, 142, 204, 0.41); border-color:rgba(55, 142, 212, 0.51);} .showTraffic .fa{margin-right:5px;} .select2-container.form-control{width:100% !important; display:block; padding:0;} .select2-container.required{border-left:1px solid #f05050 !important;} .select2-container--default .select2-selection--single{border:none;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left:16px;} .select2-container--default .select2-selection--single .select2-selection__placeholder{color:rgba(153, 153, 153, 0.61);} .select2-container--default span.option-box{display:block; border-bottom:1px solid #dde6e9; margin:-6px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px;} .select2-container--default span.option-box span.option-text{display:block; font-weight:bold;} .select2-container--default span.option-box span.option-desc{display:block; color:#c1c1c1;} .select2-container--default span.option-box span.option-truck-image{display:block;} .select2-container--default span.option-box span.option-truck-image img{display:block; max-width:100%; max-height:90px;} .select2-container--open .select2-dropdown--below.with-border{border-top:1px solid #aaaaaa;} .shipmentPopup .select2-container.form-control{border-left:1px solid #f05050;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow{margin-bottom:10px; margin-left:-5px; margin-right:-5px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol{margin-right:0; width:100%;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow .selectInput{padding-left:5px; padding-right:5px;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol select{float:none; width:100%;} 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:50%; float:left;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.width_3{width:33.33333333333%; float:left;} div#shipmentObject div.body div.pannel fieldset.truckloadRow div.loadDataRow div.inputCol.width_4{width:25%; float:left;} div#shipmentObject div.loadTotalRow{} div#shipmentObject div.loadTotalRow .truck-type-description{display:block; float:left; width:calc(100% - 160px); line-height:16px;} div#shipmentObject div.loadTotalRow .truck-type-description.lineHeight{line-height:38px;} div#shipmentObject div.loadTotalRow .totalWeight{display:block; float:right; position:relative;} div#shipmentObject div.loadTotalRow .totalWeight input{display:block; float:left; height:38px; width:100px; border:1px solid #bebfc0; border-radius:3px 0 0 3px; padding-left:10px;} div#shipmentObject div.loadTotalRow .totalWeight select{display:block; float:right; width:53px !important; padding-left:0 !important; background:#F1F4F5 !important; border-radius:0 3px 3px 0 !important; border-left:none !important;} .truckloadRow .totalWeight .parsley-errors-list{position:absolute; top:38px;} .select2-container--default .select2-results > .select2-results__options li{min-height:30px !important;} .select2-container--open .select2-dropdown--below{min-width:320px;} div#shipmentObject div.loadDataRow .select2-results__option{min-height:30px;} div#shipmentObject div.loadDataRow .select2-container--default .select2-results__option[aria-selected=true]{min-height:30px;} div#shipmentObject div.loadDataRow .select2-container--default .select2-results__option--highlighted[aria-selected]{min-height:30px;} div#shipmentObject div.loadDataRow .select2-container{border:1px solid #bebfc0; border-radius:3px; height:34px; border-left:1px solid #f05050; width:100% !important;} .force-one-line th, .force-one-line td{white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .br-grey-light{border-right:1px solid #eeeeee;} .bl-grey-light{border-left:1px solid #eeeeee;} .bt-grey-light{border-top:1px solid #eeeeee;} .bb-grey-light{border-bottom:1px solid #eeeeee;} .baseRateTable td{position:relative;} .baseRateTable tr.second-th-row th{vertical-align:top !important;} .baseRateTable input[type="number"], .baseRateTable input[type="text"]{padding-left:5px; padding-right:5px; width:50px !important; text-align:center; height:30px;} .baseRateTable select{padding:0; width:60px; height:30px;} .baseRateTable td{text-align:center;} .baseRateTable td.text-left{text-align:left;} .baseRateTable span.err{display:block; width:100%; font-size:12px; color:#f05050; font-size:10px; text-align:center; position:absolute; bottom:-2px; left:0;} .baseRateTable input.err, .baseRateTable select.err{border:1px solid #f05050} .baseRateTable .input-group{} .baseRateTable .input-group span.err{bottom:-15px;} .baseRateTable .input-group.input-precent .input-group-addon{padding-left:3px; padding-right:3px;} .baseRateTable .input-group.input-dolar .input-group-addon{padding-left:5px; padding-right:5px;} .baseRateTable .input-group.input-precent input{width:44px !important;} .baseRateTable .datepicker .input-group-addon{padding:0 3px 0 3px !important;} .baseRateTable .datepicker input[type="text"]{width:80px !important} .baseRateTable .datepicker-readonly .input-group-addon{padding:0 3px 0 3px !important;} .baseRateTable .datepicker-readonly input[type="text"]{width:80px !important} .baseRateTable input[type=number]::-webkit-inner-spin-button, .baseRateTable input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #configuration_rate_card_ftl_route td{height:45px !important;} #carrier_fuel_levy.baseRateTable td{position:static !important;} #truck_type td img.icon{width:130px;} .input-group.inline-block{display:inline-block; vertical-align:middle;} .input-group.inline-block .input-group-addon{position:absolute; z-index:10; height:100%; width:auto; right:0; line-height:20px; padding-left:8px; padding-right:8px;} .input-group.inline-block .form-control{padding-left:5px; padding-right:5px; width:calc(100% - 20px);} .input-group.inline-block.timepicker{width:77px;} select.form-control.small-select{padding-left:0; padding-right:0;} .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover{background:#F5F7FA;} select option:disabled { color: rgba(204, 204, 204, 0.50); } div.additionalChargeRow{margin-top:15px;} div.additionalChargeRow:first-child{margin-top:0;} div.additionalChargeRow:nth-child(2){border-top:1px solid #bebfc0; padding-top: 15px;} div.additionalChargeRow div.costTextarea{float:left; width:240px; margin-right:10px;} div.additionalChargeRow textarea{display:block; width:100% !important; height: 38px; border: 1px solid #bebfc0; border-radius: 3px; padding-left: 10px; padding-top:7px; border-left:1px solid #f05050;} div.additionalChargeRow div.costInput{float:left; position:relative; margin-right:10px; width:110px;} div.additionalChargeRow div.costInput input{height: 38px; width:calc(100% - 35px); border: 1px solid #bebfc0; border-radius:3px 0 0 3px; text-align:center; border-left:1px solid #f05050;} div.additionalChargeRow div.costInput:after{content:'\f155'; font:normal normal normal 14px/1 FontAwesome; position:absolute; top:0px; right:0px; text-align:center; width:36px; line-height:36px; background:#f1f4f5; border:1px solid #bebfc0; border-radius:0 3px 3px 0; } div.additionalChargeRow .btn{display:block; float:right; margin-top:2px;} div.truckTypeOption{} div.truckTypeOption .radio, div.truckTypeOption .checkbox{margin-top:0;} div.truckTypeOption .c-checkbox, div.truckTypeOption .c-radio{margin-right:0;} .c-radio span:before{left:-1px;} .table .headImage{display:inline-block; margin-left:10px; vertical-align:middle;} .table .headImage img{display:block; height:25px; width:auto;} .table .in-th-checkbox{display:inline-block; vertical-align:middle;} .chargeRow{margin-bottom:10px;} .chargeRow:first-child{margin-bottom:0;} .chargeRow .charge{float:left; font-weight:bold; width:150px;} .chargeRow .desc{float:left; width:calc(100% - 150px);} div.form-control.shipment_shipper_payment_text{position:relative;} #shipmentSummaryModal .panel-body div.form-control.shipment_shipper_payment_text:after{visibility:visible; height:35px; content:'\f155'; font:normal normal normal 14px/1 FontAwesome !important; position:absolute; top:-1px; right:-1px; padding-top:9px; text-align:center; width:36px; line-height:36px; background:#f1f4f5; border:1px solid #bebfc0; border-radius:0 3px 3px 0; } div#shipmentObject .loadDataRow .bootstrap-select{width:100%;} div#shipmentObject .loadDataRow .bootstrap-select .btn{padding-top:6px; padding-bottom:5px; border-color:#bebfc0; border-left:1px solid #f05050;} div#shipmentObject .loadDataRow .bootstrap-select .filter-option .option-desc{display:none;} div#shipmentObject .loadDataRow .bootstrap-select .filter-option .option-truck-image{display:none;} div#shipmentObject .loadDataRow .bootstrap-select .dropdown-menu span.option-box{display:block; border-bottom:1px solid #dde6e9; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px;} div#shipmentObject .loadDataRow .bootstrap-select .dropdown-menu span.option-box span.option-text{display:block; font-weight:bold;} div#shipmentObject .loadDataRow .bootstrap-select .dropdown-menu span.option-box span.option-desc{display:block; color:#c1c1c1;} div#shipmentObject .loadDataRow .bootstrap-select .dropdown-menu span.option-box span.option-truck-image{display:block;} div#shipmentObject .loadDataRow .bootstrap-select .dropdown-menu span.option-box span.option-truck-image img{display:block; max-width:100%; max-height:90px;} div#shipmentObject .loadDataRow .dropdown-menu > li > a{padding:0;} body .select2-container{z-index:1060;} .modal{z-index:1060;} .modal-backdrop{z-index:1050;} tr.openLink{cursor:pointer !important;} tr.openLink *{cursor:pointer !important;} .row-clock i{margin-right:5px;} .row-clock.pickup i{color:#23B7E5;} .row-clock.dropoff i{color:#FF902B;} .row-marker i{margin-right:5px;} .row-marker.origin i{color:#23B7E5;} .row-marker.destination i{color:#FF902B;} table.table td.buttons{width:15%;} table.table td.id{width:25%;} table.table td.desc{width:55%} table.table td.num{} table.invoicePriceTable{width:100%; border-spacing:0; border-collapse:collapse;} table.invoicePriceTable tr{border-bottom:1px solid #eeeeee;} table.invoicePriceTable tr:last-child{border-bottom:none; padding-top:0; padding-bottom:0;} table.invoicePriceTable .description{width:83.5%} table.invoicePriceTable .price{} .crecent-m{width:10%;} .break-word{ -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .mb-20{margin-bottom:20px;} #sendShipperInvoiceForm .loader{display:inline-block;} #shipmentSummaryModal .popupTerms{position:absolute; top:0; right:0; width:100%; height:100%; overflow:auto; background:#fff; padding:15px;} .col-masonry.relative{position:relative !important;} .deleteConfirmShipmentFile{position:absolute; top:5px; left:5px;}