.menu-link.active{
  background:#000;
}
.menu-link.active span{
  color:#fff !important;
}

.login_text{
  color:#000;
}
.loginbg
{
  background: rgb(148,187,233);
  background: linear-gradient(90deg, rgba(148,187,233,1) 0%, rgba(252,234,251,1) 100%);
}

.hash_left_space{
  padding-left:15px !important;
}
.card.card-custom > .card-header{
  margin-top:5px;
}

.active_status, .active_status i{
  color:#32a852;
}

.bug_divider{
  background: rgb(238,174,202);
  background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}

.bug_inner_table td{
padding-left:0px;
}

.bug_inner_table.pink {
  background: #fff7fc;
  margin: 10px 36px;
}

.bug_inner_table.blue {
  background: #f5fbff;
  margin: 10px 36px;
}

.bug_reply_btn{
  margin-left:36px;
  text-transform:capitalize;
}

.card-header-chat{
  background: linear-gradient(90deg, rgba(235,80,152,1) 0%, rgba(98,201,230,1) 100%);  
} 
.card-header-chat .text-dark-75{
  color:#000 !important;
}
.card-header-chat .text-muted{
  color:#fff !important;
}

.card-header-chat .dropdown .btn.btn-clean.btn-icon.btn-icon-md{
  display:none;
}
.card-header-chat .btn.btn-clean i {
  color: #000;
}

.perm_category{
  background:#f0f7fa;
  text-align:left;
  font-weight:500;
}

.bugcomment{
  text-align:left;
  font-weight:500;
}
.bugcomment.pink{
  background:#ffedf8;
}
.bugcomment.blue{
  background:#dcecf7;
}

.bugcomment.pink i{
  color:#e8b0d2;
  position:relative;
  top:2px;
  padding:0 10px 0 5px;
}
.bugcomment.blue i{
  color:#8fbcdb;
  position:relative;
  top:2px;
  padding:0 10px 0 5px;
}

.per_check_input input[type=checkbox]{
  position:relative;
  top:2px;
  right:2px;
}
.per_check_input span{
  border:3px solid #fff;
}

.create_check{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#e3fcf5;
  float:left;
  color:#000;
}
.delete_check{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#fce3e3;
  float:left;
  color:#000;
}
.read_check{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#fcfce3;
  float:left;
  color:#000;
}
.update_check{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#fce3fc;
  float:left;
  color:#000;
}

.user_table_min span{
  color:#ff2121;
}

.user_table_per{
  color:#ff2121;
}

.user_table_per span
{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#d8e3e8;
  float:left;
  color:#000;
}

.user_table_per_branch span
{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#e6fcf6;
  float:left;
  color:#000;
}

.user_table_view, .user_table_view:hover
{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 10px 0;  
  background:#8099ab;
  color:#fff;
}

.user_table_ip span
{
  border-radius:5px;
  padding:5px 10px;
  margin:0 5px 5px 0;  
}
.user_table_ip span.blue{
  background:#cce8ff;
}
.user_table_ip span.red{
  background:#ffe8e8;
}
.user_table_ip span.green{
  background:#dfffde;
}

.quote_logo{
  background:#1a1a27;
  padding:20px 0;
}
.quote_logo img{
  width:250px;
  text-align:center;
}
.quote_header{
  padding:0px 0 20px 0;
}

.quote_header span
{
  text-transform:uppercase;
}
.quote_body{
  background:#f2fbfc;
}
.quote_body h3{
  color:#333; 
  font-weight:600;  
  font-size:24px;    
}

.q_title{
  font-weight:bold;
}

.quote_table tr:first-child{
  border-top:none;
}
.quote_table tr{
  border-top:1px solid #cce5e8;
}

.quote_table th,td{
  padding:10px 0;
}

.quote_form{
  background:#fff;
  padding:30px;
  border-image-slice: 1;
  border-width: 5px;
  border-radius: 30px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
  border-top:5px solid;
}
.quote_form .form-group{
  padding:5px 0;
}
.quote_form label{
  font-size:18px;
}
.quote_form .form-group span{
  font-size:14px;
}
#kt_datatable_search_query
{
  background: #fff;    
  box-shadow: 0px 0px 3.6px rgb(0 0 0 / 1%), 0px 0px 10px rgb(0 0 0 / 2%), 0px 0px 24.1px rgb(0 0 0 / 3%), 0px 0px 80px rgb(0 0 0 / 4%);
  width: 100% !important;
  border-radius: 10px !important;
  border: 3px solid #62c9e6;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
  padding: 9px 10px !important;
  height:auto;
  margin-right:10px;
  font-size:14px;  
  position:relative;
  right:10px;
}

.quote_form .form-group input[type=text]
{
    background: #fff;    
    box-shadow: 0px 0px 3.6px rgb(0 0 0 / 1%), 0px 0px 10px rgb(0 0 0 / 2%), 0px 0px 24.1px rgb(0 0 0 / 3%), 0px 0px 80px rgb(0 0 0 / 4%);
    width: 100% !important;
    border-radius: 10px !important;
    border: 3px solid #62c9e6;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
    padding: 10px 10px !important;
    height:auto;
    margin-bottom:5px;
    font-size:18px;
}
.quote_notify{
  text-align:center;
  font-size:24px;
  margin:20px 0;
}
.quote_submit {
  width: 150px;
  margin: 0 auto;
  padding: 8px 0 26px 0;
}
















.loadlistMobile{ display:none !important; }
.carrierlistMobile{ display:none !important; }
.customerlistMobile{  display:none !important; }


.removeFloat{
  float:none !important;
}
.header-fixed.subheader-fixed.subheader-enabled .wrapper 
{
  padding-top: 60px;
}

.carrier_table_list
{
  margin-top: 20px;
}

.fullContainer
{
  width:100%;
  padding:0 20px;
}
.fullContainer .card-header{
  padding:2rem 2rem 2rem 2rem;
}

/* dashboard css start */
.aside
{
  background: rgb(235,80,152);
  background: linear-gradient(180deg, rgba(235,80,152,1) 0%, rgba(98,201,230,1) 100%);
}

.aside-menu{
  background:transparent !important;
}

.aside-menu .menu-nav > .menu-item > .menu-link{
  color:#000;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text{
  color:#000;
  font-weight:600;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
  color:#000;
  font-weight:600;
}

.menu-icon i {
  color: #000 !important;
}

.menu-item-open .menu-icon i {
  color: #fff !important;
}


.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover i {
  color: #fff !important;
}

.list_edit{
  margin-right:10px;
}
.list_edit i{
  color:#5c7efa !important;
}
.list_edit:hover i{
  color:#0037ff !important;
}

.list_delete{margin-right:10px;}

.list_delete i{
  color:#fa7878 !important;
}
.list_delete:hover i{
  color:#ff0000 !important;
}

.list_chat i{
  color:#5681d6 !important;
}
.list_chat:hover i{
  color:#4a80ed !important;
}

.carrier-list-table-body {
  border-bottom: 1px solid #b8b8b8 !important;
  text-align: left;
}

.newListBG{
  background: rgb(98,201,230);
  background: linear-gradient(-90deg, rgba(138, 219, 242,0.19681375968356096) 0%, rgba(250, 137, 190,0.19681375968356096) 100%) !important;
}

.newListRowBG {
  background: rgba(255,255,255,0.8) !important;
  padding-top: 0 !important;
  padding-left:30px !important;
  padding-right:30px !important;
}

.newListRowBG .datatable-table, .newListRowBG .datatable-table th{
  background:transparent !important;
}

.dash_graph{
  padding:20px;
}
.dash_counter_1{
  padding-top:10px;
}
.dash_counter_2{
  padding-top:30px;
}

.dash_small_box
{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,250,255,1) 100%);
  box-shadow:
  0px 0px 2.2px rgba(153, 204, 255, 0.045),
  0px 0px 5.3px rgba(153, 204, 255, 0.065),
  0px 0px 10px rgba(153, 204, 255, 0.08),
  0px 0px 17.9px rgba(153, 204, 255, 0.095),
  0px 0px 33.4px rgba(153, 204, 255, 0.115),
  0px 0px 80px rgba(153, 204, 255, 0.16);
  text-align:center;
  font-size:24px;
  font-weight:600;
  padding-bottom:30px;
}

.dash_small_box h3{
  background:#c7effc;
  padding:7px;
  margin-bottom:30px;
  text-transform:uppercase;
}

.dash_table{
  width:100%;
}
.dash_table tr:first-child{
  border-bottom:1px solid #dcf8fc;
}
.dash_table tr{
  border-bottom:1px solid #f8f8f8;
}
.dash_table th{
  padding:10px;
}
.dash_table td{
  padding:12px;
}
.pie_img{

}
.al_pad{
  padding:20px;
}

.circle_red{
  background:#fff;
  border:8px solid #ff9999;
  width:50px;
  height:50px;
  border-radius:50px;
  margin-left:-27px;
}
.circle_green{
  background:#fff;
  border:8px solid #77ec77;
  width:50px;
  height:50px;
  border-radius:50px;
  margin-left:-27px;
}
.circle_yellow{
  background:#fff;
  border:8px solid #f3dd63;
  width:50px;
  height:50px;
  border-radius:50px;
  margin-left:-27px;
}
.circle_blue{
  background:#fff;
  border:8px solid #86ddf2;
  width:50px;
  height:50px;
  border-radius:50px;
  margin-left:-27px;
}


.am{
  color:#ff9966;
}

.pm{
  color:#3399cc;
}

.log_date {
  font-size:14px;
  font-weight:bold;
  padding-top:15px;
}

.log_point{
  border-left:#b5e4e6 5px solid;
  padding:10px 0;
}

.log_data{
  font-size:14px;
  padding-top:15px;
}
.pad30{
  padding:30px;
}
.dash_graph img
{
    width:100% !important;
    max-height:250px;
}

.pie_img{
  width:100% !important;
  max-height:inherit !important;
}
  
.dashboard
{
 background:#f2ffff;
}

.dash_title i{
  color:#000;
  font-size:18px;
  padding-bottom:10px;
}

.dash_graph
{
  box-shadow:
  0px 0px 2.2px rgba(153, 204, 255, 0.045),
  0px 0px 5.3px rgba(153, 204, 255, 0.065),
  0px 0px 10px rgba(153, 204, 255, 0.08),
  0px 0px 17.9px rgba(153, 204, 255, 0.095),
  0px 0px 33.4px rgba(153, 204, 255, 0.115),
  0px 0px 80px rgba(153, 204, 255, 0.16); 
  background:#fff;
  margin-bottom:40px;
}


/* dashboard css end */


.carr_edit_btn{
  background:#e9f5f7;
  color:#000;  
  padding:4px 8px;
  display:inline-block !important;
  border-radius:5px;  
}

.co_title
{
    font-size:18px;
    padding:20px 0 20px 0;
}
.co_title span
{
  color:#000;
  font-size:18px;
  padding-right:20px;
  font-weight:600;
}
.co_title input{
  padding-right:10px !important;
}

.carcheckTitle{
  font-size:18px;
  color:#000;
  padding:0 0 0 5px;
}

.radioTitle{
  font-size:14px;
  color:#000;
  padding:0 0 0 15px;
}

.co_title{
  color:#0bb3b3;
}
.carCheck{
  width:auto !important;   
  padding:10px 0; 
}
.carCheck input[type="checkbox"], .carCheck input[type="radio"] 
{
  width:auto !important;
  display:inline-block;
}
.carCheck input[type=text]{
  float:left;
}


.formRadio{
  width:auto !important;   
  padding:10px 0 10px 0; 
}
.formRadio input[type="radio"] {
  width: auto !important;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 2px;
}


.addrowC{
  background: rgb(242,254,255);
  background: linear-gradient(-rgba(226, 248, 248,1) 100%), 90deg, rgba(242,254,255,1) 0;
  border-left:1px solid #3ecfcf;
  border-right:1px solid #3ecfcf;
  border-bottom:1px solid #3ecfcf;
  padding:10px 10px 5px 10px;
  color:#000;
  font-size:16px;
  margin:0;
  display:inline-block;
}
.addrowC:hover{
  background:#e64791;  
  color:#fff;
}

.addrowC i{
  color:#000;
}
.addrowC:hover i{
  color:#fff;
}

.copyAsAbove{
  color:#333;
  font-weight:bold;
  font-size:16px;  
}
.copyAsAbove:hover{
  color:#009999;  
}


.copyAsAbove i{
  padding:0  5px 0 0 !important;
}

.removeRowBtn i{
  float:right;
  color:#f59090;
}

.inner_row{
  background: rgb(242,254,255);
  background: linear-gradient(-rgba(226, 248, 248,1) 100%), 90deg, rgba(242,254,255,1) 0;
  padding:10px 0 0 0;
}

.form_inner_divider{
  border-top:#ccf3f3 2px solid;
  margin-top:30px;
}

.card-label i{
  color:#000 !important;
  font-size:18px;
}

.notify_text{
  /*position:relative;*/
  
}
.notify_text, .notify_text i{
  color:#ffcc00;
}

.addrow:link,.addrow:active,.addrow:visited{
  color:#eb5098;
  border:#eb5098 1px solid;
  border-radius:10px;
  margin:20px 0 0 0 !important;
  display:inline-block;
  padding:5px 15px;
  font-weight:bold; 
  font-size:14px; 
}

.addrow:hover{
  color:#fff;
  border:#62c9e6 1px solid;
  border-radius:10px;
  margin:20px 0 0 0 !important;
  display:inline-block;
  padding:5px 15px;
  font-weight:bold; 
  font-size:14px; 
  background:#62c9e6;
}
.addrow:hover i{
  color:#fff;
}

.addrow i{
  color:#eb5098;
  position:relative;
  top:2px;
  right:3px;
}


.form-field input[type=text]{
  background: #fff;    
  box-shadow: 0px 0px 3.6px rgb(0 0 0 / 1%), 0px 0px 10px rgb(0 0 0 / 2%), 0px 0px 24.1px rgb(0 0 0 / 3%), 0px 0px 80px rgb(0 0 0 / 4%);
  width: 100% !important;
  border-radius: 10px !important;
  border: 3px solid #62c9e6;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
  padding: 5px !important;
  height:auto;
  margin-bottom:5px;
  font-size:14px;
  width:280px !important;
}

.form-field textarea{
  background: #fff;    
  box-shadow: 0px 0px 3.6px rgb(0 0 0 / 1%), 0px 0px 10px rgb(0 0 0 / 2%), 0px 0px 24.1px rgb(0 0 0 / 3%), 0px 0px 80px rgb(0 0 0 / 4%);
  width: 100% !important;
  border-radius: 10px !important;
  border: 3px solid #62c9e6;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
  padding: 5px !important;
  height:auto;
  margin-bottom:5px;
  font-size:14px;
  width:280px !important;
}


.load_search_time{
  font-weight:bold;
}

.assign_tags_btn{
  background:#a3e4f0;
  color:#000;  
  padding:4px 5px;
  display:inline-block !important;
  border-radius:5px;
}

.load_rating_yes{
  background:#8bf992;
  color:#000;  
  padding:4px 12px;
  display:inline-block !important;
  border-radius:5px;
}
.load_rating_no{
  background:#f7576a;
  color:#fff !important;  
  padding:4px 12px;
  display:inline-block !important;
  border-radius:5px;
}
.ratingcolor i{
  color:#fcd303;
}
.load_rating_table_outer{
  width:100%;
}
.load-ratings
{
 background:#f8f8f8;
}

.ad_search_btn a{
  color: #FFFFFF !important;
  background-color: #13d8cd !important;
  border-radius:50px;
}


.adv_sea{
  padding-top:0px !important;
}

.adv_ratings
{
  display:block;
  width:100%;
  padding:20px 20px;
  margin:0px auto;
  background:#fff;
  
}

.adv_search
{
  display:block;
  width:70%;
  padding:20px 20px;
  margin:0px auto;
  background: rgb(242,254,255);
  background: linear-gradient(-90deg, rgba(242,254,255,1) 0%, rgba(254, 255, 255,1) 100%);
  border-radius:5px;
}

.add_location
{
  display:block;
  width:100%;
  padding:20px 20px;
  margin:0px auto;
  background: rgb(242,254,255);
  background: linear-gradient(-90deg, rgba(242,254,255,1) 0%, rgba(254, 255, 255,1) 100%);
  border-radius:5px;
}

.add_location input[type=text], .add_location input[type=date], .add_location select, .add_location textarea
{
  background:#fff;
  padding:7px !important;
  box-shadow:
  0px 0px 3.6px rgba(0, 0, 0, 0.014),
  0px 0px 10px rgba(0, 0, 0, 0.02),
  0px 0px 24.1px rgba(0, 0, 0, 0.026),
  0px 0px 80px rgba(0, 0, 0, 0.04);
  width:100% !important;  
  border-radius:10px !important;  
  border: 3px solid #009999;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #66ffff, #009999);
}

.forgotlink{
  color:#000;
}

.default_btn{
  color: #333;
  background-color: #fff !important;
  border-image-slice: 1;
  border-width: 5px;
  border-radius: 30px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
}
.default_btn:hover{
  color: #333;
  background-color: #fff !important;
  border-image-slice: 1;
  border-width: 5px;
  border-radius: 30px;
  border-image-source: linear-gradient(to left, #eb5098, #62c9e6);
}



.default_input{
background:#fff !important;
padding:7px !important;
box-shadow:
0px 0px 3.6px rgba(0, 0, 0, 0.014),
0px 0px 10px rgba(0, 0, 0, 0.02),
0px 0px 24.1px rgba(0, 0, 0, 0.026),
0px 0px 80px rgba(0, 0, 0, 0.04) !important;
width:100% !important;  
border-radius:10px !important;  
border: 3px solid #62c9e6 !important;
border-image-slice: 1 !important;
border-width: 3px !important;
border-image-source: linear-gradient(to left, #62c9e6, #eb5098) !important;
}
.default_input:hover{
border-radius:10px !important;  
border-image-slice: 1 !important;
border-width: 3px !important;
border-image-source: linear-gradient(to left, #62c9e6, #62c9e6) !important;
box-shadow:
0px 0px 3.6px rgba(0, 0, 0, 0.014),
0px 0px 10px rgba(0, 0, 0, 0.02),
0px 0px 24.1px rgba(0, 0, 0, 0.026),
0px 0px 80px rgba(0, 0, 0, 0.04) !important;
outline: none;  
background: #fff !important;
}
.default_input:focus{
border-radius:10px !important;  
  border-image-slice: 1 !important;
  border-width: 3px !important;
  border-image-source: linear-gradient(to left, #62c9e6, #62c9e6) !important;
  box-shadow:
  0px 0px 3.6px rgba(0, 0, 0, 0.014),
  0px 0px 10px rgba(0, 0, 0, 0.02),
  0px 0px 24.1px rgba(0, 0, 0, 0.026),
  0px 0px 80px rgba(0, 0, 0, 0.04);
  outline: none;  
  background: #f2fcff !important;
}

.adv_search input[type=text],.adv_search input[type=password], .adv_search input[type=date], .adv_search select,
.add_location input[type=text], .add_location input[type=date], .add_location select, .add_location textarea
{
  background:#fff;
  padding:7px !important;
  box-shadow:
  0px 0px 3.6px rgba(0, 0, 0, 0.014),
  0px 0px 10px rgba(0, 0, 0, 0.02),
  0px 0px 24.1px rgba(0, 0, 0, 0.026),
  0px 0px 80px rgba(0, 0, 0, 0.04);
  width:100% !important;  
  border-radius:10px !important;  
  border: 3px solid #62c9e6;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
}

.adv_search input[type=text]:focus,.adv_search input[type=password]:focus, .adv_search input[type=date]:focus, .adv_search select:focus,
.add_location input[type=text]:focus, .add_location input[type=date]:focus, .add_location select:focus, .add_location textarea:focus
{
  border-radius:10px !important;  
  border-image-slice: 1 !important;
  border-width: 3px !important;
  border-image-source: linear-gradient(to left, #62c9e6, #62c9e6) !important;
  box-shadow:
  0px 0px 3.6px rgba(0, 0, 0, 0.014),
  0px 0px 10px rgba(0, 0, 0, 0.02),
  0px 0px 24.1px rgba(0, 0, 0, 0.026),
  0px 0px 80px rgba(0, 0, 0, 0.04);
  outline: none;  
  background: #f2fcff !important;
}

.adv_search input[type=text]:hover,.adv_search input[type=password]:hover, .adv_search input[type=date]:hover, .adv_search select:hover,
.add_location input[type=text]:hover, .add_location input[type=date]:hover, .add_location select:hover, .add_location textarea:hover
{
  border-radius:10px !important;  
  border-image-slice: 1 !important;
  border-width: 3px !important;
  border-image-source: linear-gradient(to left, #62c9e6, #62c9e6) !important;
  box-shadow:
  0px 0px 3.6px rgba(0, 0, 0, 0.014),
  0px 0px 10px rgba(0, 0, 0, 0.02),
  0px 0px 24.1px rgba(0, 0, 0, 0.026),
  0px 0px 80px rgba(0, 0, 0, 0.04);
  outline: none;  
  background: #fff !important;
}


.adv_search select
{
  background:#fff;
  border-radius:10px !important;
  padding:5px !important;
  box-shadow:
  0px 0px 3.6px rgba(0, 0, 0, 0.014),
  0px 0px 10px rgba(0, 0, 0, 0.02),
  0px 0px 24.1px rgba(0, 0, 0, 0.026),
  0px 0px 80px rgba(0, 0, 0, 0.04);
  width:100% !important;
  
  border: 3px solid;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
}

.ls_drop_input{
  background:#fff url(drop.png) no-repeat 250px center !important;
}
.ls_carrier_input{
  background:#fff url(carrier.png) no-repeat 250px center !important;
}
.ls_customer_input{
  background:#fff url(customer.png) no-repeat 250px center !important;
}
.ls_pickup_input{
  background:#fff url(pickup.png) no-repeat 250px center !important;
}

.ls_startd_input , .ls_starte_input{
  background:#fff !important;


}

.adv_search ::placeholder {
  color: #555;
  opacity: 1; /* Firefox */
}

.adv_search :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #555;
}

.adv_search ::-ms-input-placeholder { /* Microsoft Edge */
 color: #555;
}



.load_search_btn
{
  text-align:center;
  margin:30px 0;  
}

.load_search_btn a i{
  color:#000000 !important;
}





/* batch css start */
.batchTotal
{
  clear:both !!important;
  font-size:24px;
  text-align:center;
  width:100%;
  margin:40px 0 0px 0;
  font-weight:600;
}

.batchTotal span{ font-weight:normal; }

.batch_company_name
{
  background:#ededed;
  padding:20px;
  margin:20px 0;
  font-weight:bold;
  font-size:18px;
  text-transform:uppercase;
  text-align:center;
}
.batchcard .stops_info_header 
{
  background: #e1f8f8 !important;
  padding: 5px 0;
  font-weight:bold;
  color:#237a7d;
}
.batchcard .batch_main_table
{
  padding:5px 5px !important;
  background: #fff;
  width:100%;
  box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
}
.batchcard .batch_main_table th{
  text-align:left;
  padding:5px;
  background:#b8d9d9;
}
.batchcard .batch_main_table td{
  text-align:left;
  padding:5px;
}
.batchcard .batch_info_body{
  background: #fff;
}
.batchcard .batch_info_body .row{
    border-bottom:1px solid #e6e6e6;
    padding-bottom:20px;
}
.batchRemove {
  background: #ed4242;
  color: #fff;
  padding: 0px 5px;
  font-size: 18px;
}

.batchpay{
  float:right;
  background:#93a4bf !important;
  color:#000 !important;
  color:#fff !important;
  width:150px !important;

  position: fixed;
    right: 4%;
    z-index: 999;
    top: 180px;

}

/* batch css end */


.star-rating {
  line-height: 32px;
  font-size: 1.25em;
  margin: 20px 0;
  display: inline-block;
  padding: 0 10px;
  box-shadow: 0.5px 0px 4.5px rgb(0 0 0 / 5%), 1.3px 0px 11.4px rgb(0 0 0 / 7%), 2.7px 0px 23.2px rgb(0 0 0 / 8%), 5.5px 0px 47.8px rgb(0 0 0 / 10%), 15px 0px 131px rgb(0 0 0 / 15%);
}

.star-rating:hover {
  box-shadow:
  0.5px 0px 4.5px rgba(0, 0, 0, 0.15),
  1.3px 0px 11.4px rgba(0, 0, 0, 0.103),
  2.7px 0px 23.2px rgba(0, 0, 0, 0.083),
  5.5px 0px 47.8px rgba(0, 0, 0, 0.067),
  15px 0px 131px rgba(0, 0, 0, 0.047)
  ;
}



.star-rating .fa-star{color: #ffdd00; cursor:pointer; }

.fa-star-o:before{
  content:"\f006";
}

.fa-star-o:before {
  content: "\2605" !important;
  font-size:18px;
}

#myModal-inner .modal-content
{
  border: #1d9bb8 3px solid;
}

#myModal-inner input[type=text]{
  margin:20px;
}
#myModal-inner select{
  margin:20px;
}
#myModal-inner textarea{
  margin:20px;
}

#myModal-inner .modal-header{
  display:block;
}

.rating > span:hover:before {
  content: "\2605";
  position: absolute;
}


#myModal-inner{
  overflow:hidden;
}
.radiostyle label{text-align:right;}

.modal_rating_img {
  text-align:center;
}

#myModal-inner{
  max-width:  600px;
  margin: auto;
  right:0;
  bottom:0;
}


.carrier-table-body .expandPlus{
  margin-left:10px;
}

.carrier_list_check{
  margin-top:5px;
}

.carrier_company_head th{
  text-align:center !important;
  padding:10px;
  text-transform:uppercase;
  font-weight:400;
  font-size:18px;
  border-bottom:3px solid #e1e1e1;
}



.carrier_gray_bg th{  background:#f1f1f1; }
.carrier_blue_bg th {  background:#e1fffe; }

.carrier_gray_bg td {  background:#f6f6f6; }
.carrier_blue_bg td {  background:#f2ffff; }

.carrier_row_detail td, .carrier_row_detail th{
  background:#fff;
  }

.carrier-table-header{
  border-bottom:6px solid #e1e1e1 !important;

}

.carrier-table-header th{
  background:#fff;
}

.load-search-table-header{
  border-bottom:1px solid #e1e1e1 !important;
}

.load-search-table-header th{
  background:#fff;
}


.carrier-list-table-header{
  border-bottom:1px solid #e1e1e1 !important;
}

.carrier-list-table-header th{
  background:#fff;
}

.ci_title
{
  background: rgb(234,250,250);
  background: linear-gradient(90deg, rgba(234,250,250,1) 35%, rgba(255,255,255,1) 100%);
  padding:10px;
  font-size:18px;
}

.invoice_table_outer
{
  padding:5px 18px !important;
  margin:20px 0;
  border:1px solid #ccc;
}

.invoice_table_head{
  background:#f6f6f6;
  padding:5px ;
}

.invoice_table_body
{
  font-weight:600;
  padding:5px 5px;
}

.invoice_table_inner_table{
  margin:50px 0;
  padding:5px;
  border:1px solid #f0f0f0;
}

.bankTransTitle{
  text-decoration:underline;
  font-size:18px;
  margin-bottom:5px;
}

.invoice_table_inner_table{
  line-height:200%;
}

.invoice_right h4{
  background: rgb(246,246,246);
  background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
  padding:5px;
}

.invoice_right h4:first-child{
  margin-top:80px;
}

.invoice_right .t2{
  margin-top:50px;
}
.invoice_right .t3, .invoice_right .t4{
  margin-top:10px;
}

.invoice_right .address{
  font-size:18px;
  margin-top:10px;
}

.invoice_right i{
  font-size:18px;
}

.invoice_right .amount{
  font-weight:bold;
  font-size:16px;
}

.loadcom{
  margin-top:10px;
}

.loadcom input[type=checkbox]
{
float:left;
margin-right:10px;
margin-top:3px;
}

.loadcom:first-child{
  margin-top:20px;
}

.spanLabel{
  margin-top:-5px !important;
  color:red !important;
  font-weight:600 !important;
}

.submitStyle{
  background: rgb(70,203,251);
  background: linear-gradient(180deg, rgba(70,203,251,1) 0%, rgba(62,137,238,1) 50%, rgba(70,203,251,1) 100%);
  border-radius:5px;
  border:none;
  padding:10px 20px;
  color:#fff;  
}

.loadlate, .loadlate i{
  color:red !important;
}
.loadlate{
  text-align:center !important;
  position:relative;
  left:-5%;
}

.btnDe{
  background-color: gray !important;
  cursor:wait !important;
}

.btnActive{
  background-color: #e05aed !important;
  color:#fff !important;
  border:none !important;
}
.btnActive i{
  color:#fff !important;
}


.desktop_logo_3pl  img{
  width:80% !important;
}
.load_search_btn a:link,.load_search_btn a:active,.load_search_btn a:visited{
  background:transparent !important;
  color:#000000 !important;
  border-radius:50px !important;
}
.load_search_btn a:hover{
  background:transparent !important;
  color:#000000 !important;
  border-radius:10px !important;
}
.btn.btn-primary {
  color: #FFFFFF;
  background-color: #5c99ed;
  border-color: #5c99ed;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
  color: #FFFFFF;
  background-color: #f188fc;
  border-color: #f188fc;
}

.btn.btn-light-primary {
  color: #333;
  background-color: transparent !important;
  border-image-slice: 1;
  border-width: 5px;
  border-radius: 30px;
  border-image-source:linear-gradient(to left, #62c9e6, #eb5098);
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
  color: #333;
  background-color: transparent !important;
  border-image-slice: 1;
  border-width: 5px;
  border-radius: 30px;
  border-image-source:linear-gradient(to left, #eb5098, #62c9e6);
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active{
  background-color: #f5b3fc;
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link:hover:not(.datatable-pager-link-disabled){
  background-color: #f5b3fc;
}

.datatable.datatable-default.datatable-head-custom > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span, .datatable.datatable-default.datatable-head-custom > .datatable-table > .datatable-foot .datatable-row > .datatable-cell > span{
  color:#333;
}

.checkbox > span {
  background-color: #c9eeec;
  border: 1px solid transparent;
}

.checkbox > input:checked ~ span {
  background-color: #13d8cd;
}

.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row.datatable-row-active > .datatable-cell {
  background-color: #d8f4f2;
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle {
  height: 2.25rem;
  padding: 0.45rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  border: 0 !important;
  color: #7E8299;
  background-color: #d8f4f2 !important;
  border-radius: 0.42rem;
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle{
  background-color: #a1dbff !important;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-clean:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean.focus:not(.btn-text) .svg-icon svg g [fill]{
  fill:#13c3b9 !important;
}

.ls_title{
  text-align:center !important;
  background:#bbe3fc;
  padding:5px !important;
}

.ls_title h3{
  margin:0 !important;  
  font-size:16px;
}

.pick_label{
  background:#b0d0f7;
  padding:4px 12px;
  color:#333 !important;
  display:inline-block !important;
  border-radius:5px;
}

.carrir_pending_status{
  background:#fff;
  padding:4px 12px;
  color:red !important;
  border:red 1px solid !important;
  display:inline-block !important;
  border-radius:5px;
}
.carrir_manage_button{
  background:#f4f4f4;
  padding:4px 12px;
  display:inline-block !important;
  border-radius:5px;
}

.delivery_label{
  background:#83f79a;
  border-radius:5px;
  padding:4px 12px;
  color:#333 !important;
  display:inline-block !important;
}

.pick_location{
  background:#FFF4DE;
  padding:4px 12px;
  color:#f26900 !important;
  display:inline-block !important;
  position: relative;
  left: -10px;
}

.gray_tooltip{
  background:#e4edf2;
  padding:4px 12px;
  color:#133547 !important;
  display:inline-block !important;
  position: relative;
  left: -10px;
}

.drop_location{
  background:#deffe5;
  padding:4px 12px;
  color:#0aad2b !important;
  display:inline-block !important;
  position: relative;
  left: -10px;
}

.pick_date{
  background:#f5f9ff;
  padding:4px 12px;
  color:#005eff !important;
  display:inline-block !important;
  position: relative;
  left: -10px;
}
.drop_date{
  background:#f7f5fa;
  padding:4px 12px;
  color:#721bf5 !important;
  display:inline-block !important;
  position: relative;
  left: -10px;
}

.datatable-row-detail{
  background:#edf7f7 !important;
  float:left;
  width:100%;
  padding:20px 0;
  }
  .datatable-row-detail table:first-child{
      margin-right:0px;
  }

  .expandPlus{
    font-size:18px;
    border:1px solid #4faed5;
    color:#4faed5;
    float:left;
    height:20px !important;
    width:20px !important;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
  }

  .expandPluslog{
    font-size:18px;
    border:1px solid #4faed5;
    color:#4faed5;
    float:left;
    height:20px !important;
    width:20px !important;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
  }

  .expandPlus_blank{
    font-size:18px;
    border:1px solid #4faed5;
    color:#4faed5;
    float:left;
    height:20px !important;
    width:20px !important;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
  }

  .datatable-row-detail table{
    background:#fff !important;
    float:left;
    width:100%;
    }

    .log_table{
      clear:both;
      margin:50px 0 0 0;
      width:100% !important;
    }

    .inner_table_block0:first-child{
        margin-right:20px;
    }

    .inner_table_block0{
      width:49%;
      padding:3px;
      float:left;
      background:#fff;
  
    }

    .scrollDiv1{
      float:left;
      width:100%;
      overflow-y:auto;
     max-height:400px;
    }
    .scrollDiv2{
      float:left;
      width:100%;
      overflow-y:auto;
     max-height:250px;
    }
    .scrollDiv3{
      float:left;
      width:100%;
      overflow-y:auto;
     max-height:400px;
    }

    .inner_table_block1{
      width:100%;
      padding:3px;
      clear:both;
      float:left;
      background:#fff;
      margin:30px 0 0 0;
    }

.log_table{
  margin:0;
}

.stops_row{
  padding-bottom:20px;
  float:left;
  width:100%;
  border-bottom:0px solid #ccc;
  padding:20px 0 !important;
  box-shadow:none !important;
}

.inner_table_block0 .datatable-cell:first-child span
{
  font-size:16px;
}

.table-loads > th{
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
}

.table-loads .datatable-cell-check{
  
  padding-right:0 !important;
}

a.delcarr:link,a.delcarr:active,a.delcarr:visited{
  background:#fcd7d7 !important;
  color:#f50c0c !important;
  border-image:none !important;
}
a.delcarr:hover{
  background:#ffe3e3 !important;
  color:#f50c0c !important;
  border-image:none !important;
}

.table-load-rating > th{
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
}

.table-load-rating .datatable-cell-check{  
  padding-right:0 !important;
}


.table-carrier > th{
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
}

.table-carrier .datatable-cell-check{  
  padding-right:0 !important;
}

.log_table .datatable-row:nth-child(2) .datatable-cell div {
  font-weight: 500 !important;
  font-size: 18px;
  background: rgb(244,244,244);
  background: linear-gradient(90deg, rgba(240, 249, 252,1) 50%, rgba(255,255,255,1) 100%);
  padding:5px 10px 5px 20px;
}

.log_table .datatable-cell{
  font-size:14px !important;
}

.log_table .datatable-row:nth-child(2) .datatable-cell i {
    float: left;
    color: #57d0d0;
    position: relative;
    top: 5px;
    left:-10px;
}

.stops_table th{
  text-align:center !important;
  font-size:18px !important;
  font-weight:500 !important;
}
.stops_table th i{
  color:#57d0d0 !important;
}

.stops_table th:first-child, .stops_table th:last-child{
  
}
.stops_table td{
  padding:0 10px !important;
  
}

.stops_mid{
  width:10%;
  padding:0 !important;
}

.left_title{
  background: rgb(225,240,255);
  background: linear-gradient(90deg, rgba(210, 236, 247,1) 50%, rgba(216,234,252,1) 100%); 
  text-align:center;
  text-decoration:underline;
  font-size:14px;
  font-weight:500;
  padding:5px;
}

.right_title{
  background: rgb(212,231,252);
  background: linear-gradient(90deg, rgba(212,231,252,1) 50%, rgba(203,225,247,1) 100%); 
  text-align:center;
  text-decoration:underline;
  font-size:14px;
  font-weight:500;
  padding:5px;
}

.stop_table_text{
  font-weight:normal;
  text-align:center;
  padding:10px 0;
  background:#f9f9f9 !important;
}

.stops_table .datatable-row
{
  border:none !important;
}

.pickdeliverArrow i
{
  color:#c3f3f3 !important;
  font-size:36px;
}

.pickdeliverArrow{    position: relative;
top: 10px;
}

.loadsIncomeBG{
  background:#4faed5 !important;
  padding:8px !important;
  color:#fff !important;
}


.loadsExpBG{
  background:#fc9f43 !important;
  padding:8px !important;
  color:#fff !important
}

.inner_table_block0 span i{
  color:#4faed5;
  width:25px;
  text-align:center;
}

.login_box{
  margin-top:0;
}

.login_form_bg{
  background-image: linear-gradient(#cdf3fa, #89caf0, #465e9c);
}

.log_table tr td:first-child, .log_table tr td:last-child{
  width:30%;
}
.log_table tr th:first-child, .log_table tr th:last-child{
  width:30%;
}

.log_check_calls_header th:nth-child(1)
{
  width:13% !important;
}
.log_check_calls_header th:nth-child(2)
{
  width:23% !important;
}
.log_check_calls_header th:nth-child(3)
{
  width:30% !important;
}

.log_check_calls_body td:nth-child(1)
{
  width:13% !important;
}
.log_check_calls_body td:nth-child(2)
{
  width:23% !important;
}
.log_check_calls_body td:nth-child(3)
{
  width:30% !important;
}



.log_check_last_header th:nth-child(1)
{
  width:37px !important;
}
.log_check_last_header th:nth-child(2)
{
  width:111px !important;
}
.log_check_last_header th:nth-child(3)
{
  width:308px !important;
}
.log_check_last_header th:nth-child(4)
{
  width:145px !important;
}
.log_check_last_header th:nth-child(5)
{
  width:92px !important;
}
.log_check_last_header th:nth-child(6)
{
  width:115px !important;
}
.log_check_last_header th:nth-child(7)
{
  width:134px !important;
}







.list-load-table-header th
{
  text-align:left !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.list-load-table-header th:nth-child(1)
{
    width: 1.7% !important;
}
.list-load-table-header th:nth-child(2) {
    width: 2% !important;
}
.list-load-table-header th:nth-child(3)
{
  width: 4.5% !important;
}
.list-load-table-header th:nth-child(4)
{
  width: 6% !important;
}
.list-load-table-header th:nth-child(5) 
{
  width: 5.5% !important;
}
.list-load-table-header th:nth-child(6) 
{
  width: 6% !important;
}
.list-load-table-header th:nth-child(7)
{
  width:6% !important;  
}
.list-load-table-header th:nth-child(8)
{
  width:5% !important;
}
.list-load-table-header th:nth-child(9)
{
  width:6% !important;
}
.list-load-table-header th:nth-child(10)
{
  width:6% !important;
}
.list-load-table-header th:nth-child(11)
{
  width:7% !important;
}
.list-load-table-header th:nth-child(12)
{
  width:4% !important;
}








.list-load-table-body  td:nth-child(1)
{
  width:1.5% !important;
}
.list-load-table-body  td:nth-child(2)
{
  width:0.5% !important;
}
.list-load-table-body  td:nth-child(3)
{
  width:3.3% !important;
}
.list-load-table-body  td:nth-child(4)
{
  width: 8% !important;
}
.list-load-table-body  td:nth-child(5)
{
  width:7.5% !important;
}
.list-load-table-body  td:nth-child(6)
{
  width:8% !important;
}
.list-load-table-body  td:nth-child(7)
{
  width:8.5% !important;
}
.list-load-table-body  td:nth-child(8)
{
  width:6.5% !important;
}
.list-load-table-body  td:nth-child(9)
{
  width:7% !important;
}
.list-load-table-body  td:nth-child(10)
{
  width:0% !important;
}
.list-load-table-body  td:nth-child(11)
{
  width:11% !important;
}
.list-load-table-body  td:nth-child(12)
{
  width:6% !important;
}







.load-table-header th
{
  text-align:left !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.load-table-header th:nth-child(1)
{
  width:4% !important;
}
.load-table-header th:nth-child(2)
{
  width:6% !important;
}
.load-table-header th:nth-child(3)
{
  width:10% !important;  
}
.load-table-header th:nth-child(4)
{
  width:10% !important;  
}
.load-table-header th:nth-child(5)
{
  width:10% !important;  
}
.load-table-header th:nth-child(6)
{
  width:15% !important;  
}
.load-table-header th:nth-child(7)
{
  width:16% !important;  
}
.load-table-header th:nth-child(8)
{
  width:15% !important;
}


.load-table-body  td:nth-child(1)
{
  width:3% !important;
}
.load-table-body  td:nth-child(2)
{
  width:6% !important;
}
.load-table-body  td:nth-child(3)
{
  width:10% !important;
}
.load-table-body  td:nth-child(4)
{
  width:10% !important;
}
.load-table-body  td:nth-child(5)
{
  width:9.8% !important;
}
.load-table-body  td:nth-child(6)
{
  width:15% !important;
}
.load-table-body  td:nth-child(7)
{
  width:16% !important;
}
.load-table-body  td:nth-child(8)
{
  width:16% !important;
}



/* carrier table start */
.carrier-table-header th
{
  text-align:left;
  padding-left:0 !important;
  padding-right:0 !important;
}
.carrier-table-header th:nth-child(1)
{
  width:4% !important;
}
.carrier-table-header th:nth-child(2)
{
  width:3% !important;
}
.carrier-table-header th:nth-child(3)
{
  width:6% !important;
}
.carrier-table-header th:nth-child(4)
{
  width:15% !important;  
}
.carrier-table-header th:nth-child(5)
{
  width:15% !important;  
}
.carrier-table-header th:nth-child(6)
{
  width:10% !important;  
}
.carrier-table-header th:nth-child(7)
{
  width:10% !important; 
}
.carrier-table-header th:nth-child(8)
{
  width:12% !important;  
}
.carrier-table-header th:nth-child(9)
{
  width:15% !important;
}


.carrier-table-body  td:nth-child(1)
{
  width:3% !important;
}
.carrier-table-body  td:nth-child(2)
{
  width:3% !important;
}
.carrier-table-body  td:nth-child(3)
{
  width:6% !important;
}
.carrier-table-body  td:nth-child(4)
{
  width:15% !important;
}
.carrier-table-body  td:nth-child(5)
{
  width:16% !important;
}
.carrier-table-body  td:nth-child(6)
{
  width:8.8% !important;
}
.carrier-table-body  td:nth-child(7)
{
  width:10% !important;
}
.carrier-table-body  td:nth-child(8)
{
  width:12% !important;
}
.carrier-table-body td:nth-child(9) {
  width: 16% !important;
}
/* carrier table end */










/* load search table start */
.load-search-table-header th
{
  text-align:left;
  padding-left:0 !important;
  padding-right:0 !important;
}
.load-search-table-header th:nth-child(1) 
{
  width:5% !important;
}
.load-search-table-header th:nth-child(2)
{
  width:9% !important;
}
.load-search-table-header th:nth-child(3)
{
  width:10% !important;
}
.load-search-table-header th:nth-child(4)
{
  width:10% !important;  
}
.load-search-table-header th:nth-child(5)
{
  width:10% !important;  
}
.load-search-table-header th:nth-child(6)
{
  width:10% !important;  
}
.load-search-table-header th:nth-child(7)
{
  width:7% !important; 
}
.load-search-table-header th:nth-child(8)
{
  width:9% !important;  
}
.load-search-table-header th:nth-child(9)
{
  width:15% !important;
}

.load-search-table-body
{
  border-bottom:1px solid #b8b8b8 !important;
  text-align:left;
}

.load-search-table-body  td:nth-child(1)
{
  width:4% !important;
}
.load-search-table-body  td:nth-child(2)
{
  width:9% !important;
}
.load-search-table-body  td:nth-child(3)
{
  width:10% !important;
}
.load-search-table-body  td:nth-child(4)
{
  width:10% !important;
}
.load-search-table-body  td:nth-child(5)
{
  width:10% !important;
}
.load-search-table-body  td:nth-child(6)
{
  width:10% !important;
}
.load-search-table-body  td:nth-child(7)
{
  width:7% !important;
}
.load-search-table-body  td:nth-child(8)
{
  width:9% !important;
}
.load-search-table-body td:nth-child(9) {
  width: 15% !important;
}
/* load search table end */





/* load search table start */
.carrier-list-table-header th
{
  text-align:left;
  padding-left:0 !important;
  padding-right:0 !important;
}
.carrier-list-table-header th:nth-child(1) 
{
  width:8.5% !important;
}
.carrier-list-table-header th:nth-child(2)
{
  width:6.5% !important;
}
.carrier-list-table-header th:nth-child(3)
{
  width:8.5% !important;
}
.carrier-list-table-header th:nth-child(4)
{
  width:17% !important;  
}
.carrier-list-table-header th:nth-child(5)
{
  width:11% !important;  
}
.carrier-list-table-header th:nth-child(6)
{
  width:10% !important;  
}
.carrier-list-table-header th:nth-child(7)
{
  width:10% !important; 
}
.carrier-list-table-header th:nth-child(8)
{
  width:9% !important;  
}
.carrier-list-table-header th:nth-child(9)
{
  width:10% !important;
}
.carrier-list-table-header th:nth-child(10)
{
  width:12% !important;
}
.carrier-list-table-header th:nth-child(11)
{
  width:12% !important;
}

.carrier-list-table-body
{
  border-bottom:1px solid #b8b8b8 !important;
  text-align:left;
}

.carrier-list-table-body  td:nth-child(1)
{
  width:8% !important;
}
.carrier-list-table-body  td:nth-child(2)
{
  width:6% !important;
}
.carrier-list-table-body  td:nth-child(3)
{
  width:9% !important;
}
.carrier-list-table-body  td:nth-child(4)
{
  width:7% !important;
}
.carrier-list-table-body  td:nth-child(5)
{
  width:12% !important;
}
.carrier-list-table-body  td:nth-child(6)
{
  width:11% !important;
}
.carrier-list-table-body  td:nth-child(7)
{
  width:10% !important;
}
.carrier-list-table-body  td:nth-child(8)
{
  width:9% !important;
}
.carrier-list-table-body td:nth-child(9) {
  width: 11% !important;
}
.carrier-list-table-body td:nth-child(10) {
  width: 12% !important;
}
.carrier-list-table-body td:nth-child(11) {
  width: 12% !important;
}
/* load search table end */


.table_carr{
  background:#f5f9ff;
  padding:4px 12px;
  color:#005eff !important;
  display:inline-block !important;
}
.table_cus{
  background:#f5f9ff;
  padding:4px 12px;
  color:#005eff !important;
  display:inline-block !important;
}

.loadm .modal-dialog {
  max-width: 1200px !important;
  margin: 1.75rem auto;
}

.loadm .card-header
{
  background: rgb(238,174,202);
  background: linear-gradient(180deg, rgba(238,174,202,0.7570378493194152) 0%, rgba(148,187,233,0.7234244039412641)   100%);
  padding-left:15px !important;
  padding-right:15px !important;
}

.loadm .card-body{
  border:#a0dad8 1px solid;
  margin-left:5px;
  margin-right:5px;
}

.accordion .card .card-header .card-title.collapsed > i {
  color: #4283ed;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}


.accordion .card .card-header .card-title > i{
  color: #166966;
}
.accordion.accordion-toggle-arrow .card .card-header .card-title {
  color: #166966;
  position: relative;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
  color: #166966;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title:after{
  color: #166966;
  font-size:10px;
}

.google_map_block{
  margin:5px;
  padding:5px 5px 0 5px;
  border:1px solid #b9d3c2;
}

.form-field label, .form-field input{
  display:block;
}

.form-field label{
  padding-top:20px;
  font-weight:500;
  color:#00201f !important;
}


.stops_main_table{
  padding-top:50px !important;
  padding-bottom:50px !important;
}

.stops_pop_check input[type=checkbox]
{
  float:left;
  margin:10px 10px 0 0;
}

.checkrow {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0px 0;
}

.checkrow div{
  padding:6px 0 0 0;
}

.twoRadio{
  padding:20px 0; 
}

.pick_1 img{
  width:50%;
  margin:0 0 10px 20px !important;
}
.pick_2 img{
  width:100%;
}
.pick_3 img{
  width:50%;
  margin:0 0 10px 20px !important
}

.stops_left{
  padding:50px 0;
}

.twoRadio input[type=radio]{
  float:left;
  margin:10px 10px 0 0;
}
.twoRadio .labels{
  padding:6px 0 0 0;
}

.stop_time_select select
{
  width:23.33%;
  border: 1px solid transparent;
  border-image: linear-gradient(to right, #35dad7, #1c928e, #35dad7);
  border-image-slice: 1;
  padding:5px;
  border-radius:4px !important;
  height:auto;
  margin:0 10px 0 0;
}

.rating_select select
{
  background: #fff;    
  box-shadow: 0px 0px 3.6px rgb(0 0 0 / 1%), 0px 0px 10px rgb(0 0 0 / 2%), 0px 0px 24.1px rgb(0 0 0 / 3%), 0px 0px 80px rgb(0 0 0 / 4%);
  width: 100% !important;
  border-radius: 10px !important;
  border: 3px solid #62c9e6;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #62c9e6, #eb5098);
  padding: 5px !important;
  height:auto;
  margin-bottom:5px;
  font-size:14px;
  width:280px !important;
}

.stops_pop_inner {
  padding: 5px 19px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
  margin:10px 0;
}

.stop_inner_status_confirm{
  background:#99ff99;
  color:#009900;
  padding:5px 10px 3px 10px;
  margin:5px 0;
  border-radius:5px;
  display:inline-block;
}

.col3_pop .col-md-4 {
  background: url(../media/bg/vertical-divider.jpg) no-repeat center center;
  background-position: calc(100% - 36px) calc(0% - 10px);
  background-size: 2px 100%;
}

.col3_pop .col-md-4:last-child {
  background: none;
}

.stop_popup_container .card{
  padding:0 0 20px 0 !important;
}

.stops_info_header{
  background:#efefef;
  padding:5px 10px;
  margin-bottom: 5px;
}
.stops_info_body{
  background:#f8f8f8;
  padding:10px;
}

.stops_inner_header{
  background:#e1f8f8;
  padding:5px 0;
}
.stops_inner_body{
  background:#fff;
  padding:5px 0;
  border-bottom:1px solid #efefef;
}



.stop_action{
  width:24px !important;
}



.pending_list{
  width:100%;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 51%, rgba(255,255,255,1) 100%);
  text-align:center !important;
  padding:5px;
  margin-top:10px;
  margin-bottom:50px;
}

.pen_head{
	padding:5px;
	margin-bottom:10px;
	font-size:18px;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 51%, rgba(255,255,255,1) 100%);
}

.pending_list li input[type=checkbox]{
	position:relative;
	top:3px;
	left:-3px;
}

.pending_list li
{
	list-style:none;
	background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,231,231,1) 51%, rgba(255,255,255,1) 100%);
  color:#f61212;
  padding:5px;
  margin-bottom:10px;
}

.loadm .card-body{
  padding:10px !important;
}

.modal_menu
{
  display:block !important;
}

.modal_menu button {
  float: left !important;
  font-size: 12px;
  padding: 2px 7px;
  margin: 5px 0;
}



/* rating code start */


/* rating code end */

@media (max-width: 767px) {

  .loadlistMobile{  display:block !important; }
  .loadlistDesktop{  display:none !important; }
  
  .carrierlistMobile{  display:block !important; }
  .carrierlistDesktop{  display:none !important; }

  .customerlistMobile{  display:block !important; }
  .customerlistDesktop{  display:none !important; }


.loadsearch_rating{
  width:15px !important;
}

.load-table-first-col{
  padding-left:1rem !important;
}

  .carrier-table-body td:nth-child(1),
  .carrier-table-body td:nth-child(2),
  .carrier-table-body td:nth-child(3),
  .carrier-table-body td:nth-child(4),
  .carrier-table-body td:nth-child(5),
  .carrier-table-body td:nth-child(6),
  .carrier-table-body td:nth-child(7),
  .carrier-table-body td:nth-child(8)
  {
    width:100% !important;
  }

  .carrier-list-table-body td:nth-child(1),
  .carrier-list-table-body td:nth-child(2),
  .carrier-list-table-body td:nth-child(3),
  .carrier-list-table-body td:nth-child(4),
  .carrier-list-table-body td:nth-child(5),
  .carrier-list-table-body td:nth-child(6),
  .carrier-list-table-body td:nth-child(7),
  .carrier-list-table-body td:nth-child(8),
  .carrier-list-table-body td:nth-child(9),
  .carrier-list-table-body td:nth-child(10),
  .carrier-list-table-body td:nth-child(11)
  {
    width:100% !important;
  }

  .list-load-table-body td:nth-child(1),
  .list-load-table-body td:nth-child(2),
  .list-load-table-body td:nth-child(3),
  .list-load-table-body td:nth-child(4),
  .list-load-table-body td:nth-child(5),
  .list-load-table-body td:nth-child(6),
  .list-load-table-body td:nth-child(7),
  .list-load-table-body td:nth-child(8),
  .list-load-table-body td:nth-child(9),
  .list-load-table-body td:nth-child(10),
  .list-load-table-body td:nth-child(11),
  .list-load-table-body td:nth-child(12)
  {
    width:100% !important;
  }


  .load-search-table-body .vertical_th::before {
    padding-top: 0px !important;
  }
 
  .load-search-table-body td:nth-child(1),
  .load-search-table-body td:nth-child(2),
  .load-search-table-body td:nth-child(3),
  .load-search-table-body td:nth-child(4),
  .load-search-table-body td:nth-child(5),
  .load-search-table-body td:nth-child(6),
  .load-search-table-body td:nth-child(7),
  .load-search-table-body td:nth-child(8),
  .load-search-table-body td:nth-child(9),
  .load-search-table-body td:nth-child(10)
  {
    width:100% !important;
  }

  .carrier-table-body th, .carrier-table-body td{
    width:100% !important;
  }

  .load-search-table-body th, .load-search-table-body td{
    width:100% !important;
  }

	.inner_table_block0
	{
    width:100% !important;
    margin-bottom:30px;
  }
  .inner_table_block0 .datatable-cell:first-child span{
    font-size: 12px !important;
  }
  .inner_table_block0 table:last-child td{
      padding:0px 5px !important;
  }
  
  .inner_table_block0 table:last-child th{
    padding:10px 5px !important;
  }

 .inner_table_block0 table:first-child td{
    padding:10px 5px !important;
}

.inner_table_block0 table:first-child th{
  padding:10px 5px !important;
}

  .pickdeliverArrow i 
  {
    color: #c3f3f3 !important;
    font-size: 24px;
  }
  .inner_table_block1 {
    width: 100%;
   
    margin: 0 0 0 0;
}

.log_table .datatable-row:nth-child(2) .datatable-cell i {
  float: left;
  color: #57d0d0;
  position: relative;
  top: 5px;
  display: none;
  font-size: 12px;
  left: -5px;
}

.inner_table_block1 {
  width: 100%;
  margin: 0 0 0 0;
}

.log_table .datatable-row:nth-child(2) .datatable-cell div{
  font-size: 10px;
}

.inner_table_block1 .datatable-cell
{
  padding:5px !important;
  font-size:12px !important;
}

.log_table .datatable-row:nth-child(2) .datatable-cell div
{
  padding:5px 10px 5px 10px;
}




.log_table .datatable-row{
  display:block !important;
}





table.table-loads {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.table-loads caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.table-loads tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.table-loads th,
table.table-loads td {
 
  text-align: center;
}

table.table-loads th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align:center;
  width:auto !important;
}







table.table-carrier {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.table-carrier caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.table-carrier tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.table-carrier th,
table.table-carrier td {
 
  text-align: center;
}

table.table-carrier th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align:center;
  width:auto !important;
}










table.table-load-rating {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.table-load-rating caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.table-load-rating tr {
  
  border: 1px solid #ddd;
  padding: .35em;
}

table.table-load-rating th,
table.table-load-rating td {
 
  text-align: center;
}

table.table-load-rating th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align:center;
  width:auto !important;
}



@media screen and (max-width: 600px) {

  .loadlistMobile{  display:block !important;  }
  .loadlistDesktop{  display:none !important; }

  .customerlistMobile{  display:block !important; }
  .customerlistDesktop{  display:none !important; }


  .loadsearch_rating{
    width:15px !important;
  }
  .load-table-first-col{
    padding-left:1rem !important;
  }
  .load-search-table-body .vertical_th::before {
    padding-top: 0px !important;
  }

  .list-load-table-body td:nth-child(1),
  .list-load-table-body td:nth-child(2),
  .list-load-table-body td:nth-child(3),
  .list-load-table-body td:nth-child(4),
  .list-load-table-body td:nth-child(5),
  .list-load-table-body td:nth-child(6),
  .list-load-table-body td:nth-child(7),
  .list-load-table-body td:nth-child(8),
  .list-load-table-body td:nth-child(9),
  .list-load-table-body td:nth-child(10),
  .list-load-table-body td:nth-child(11),
  .list-load-table-body td:nth-child(12)
  {
    width:100% !important;
  }

  .load-search-table-body td:nth-child(1),
  .load-search-table-body td:nth-child(2),
  .load-search-table-body td:nth-child(3),
  .load-search-table-body td:nth-child(4),
  .load-search-table-body td:nth-child(5),
  .load-search-table-body td:nth-child(6),
  .load-search-table-body td:nth-child(7),
  .load-search-table-body td:nth-child(8),
  .load-search-table-body td:nth-child(9),
  .load-search-table-body td:nth-child(10)
  {
    width:100% !important;
  }

  
  .carrier-list-table-body td:nth-child(1),
  .carrier-list-table-body td:nth-child(2),
  .carrier-list-table-body td:nth-child(3),
  .carrier-list-table-body td:nth-child(4),
  .carrier-list-table-body td:nth-child(5),
  .carrier-list-table-body td:nth-child(6),
  .carrier-list-table-body td:nth-child(7),
  .carrier-list-table-body td:nth-child(8),
  .carrier-list-table-body td:nth-child(9),
  .carrier-list-table-body td:nth-child(10),
  .carrier-list-table-body td:nth-child(11)
  {
    width:100% !important;
  }

  .carrier-table-body td:nth-child(1),
  .carrier-table-body td:nth-child(2),
  .carrier-table-body td:nth-child(3),
  .carrier-table-body td:nth-child(4),
  .carrier-table-body td:nth-child(5),
  .carrier-table-body td:nth-child(6),
  .carrier-table-body td:nth-child(7),
  .carrier-table-body td:nth-child(8)
  {
    width:100% !important;
  }
  .carrier-table-body th, .carrier-table-body td{
    width:100% !important;
  }

  table.table-loads {
    border: 0;
  }
  
  table.table-loads caption {
    font-size: 1.3em;
  }
  
  table.table-loads thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table-loads tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.table-loads td {
    border-bottom: 1px solid #ddd !important;
    display: block;
    font-size: .8em;
    text-align: right;
  }





  table.table-carrier {
    border: 0;
  }
  
  table.table-carrier caption {
    font-size: 1.3em;
  }
  
  table.table-carrier thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table-carrier tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.table-carrier td {
    border-bottom: 1px solid #ddd !important;
    display: block;
    font-size: .8em;
    text-align: right;
  }





  table.table-load-rating {
    border: 0;
  }
  
  table.table-load-rating caption {
    font-size: 1.3em;
  }
  
  table.table-load-rating thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table-load-rating tr {
    border-bottom: none;
    display: block;
    margin-bottom: .625em;
  }
  
  table.table-load-rating td {
    border-bottom: 1px solid #ddd !important;
    display: block;
    font-size: .8em;
    text-align: right;
  }



  .inner_table_block0  td{
    display:table-cell !important;
  }
  .log_table tr td:first-child, .log_table tr td:last-child {
    width: 100%;
}
table.table-loads td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

table.table-loads td:last-child {
  border-bottom: 0;
}

table.table-carrier td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

table.table-carrier td:last-child {
  border-bottom: 0;
}




table.table-load-rating td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

table.table-load-rating td:last-child {
  border-bottom: 0;
}

}











.table-loads th, 
.table-loads td
{
  width:100% !important;
  text-align:right !important;
  padding: 10px !important;
}

.table-carrier th, 
.table-carrier td
{
  width:100% !important;
  text-align:right !important;
  padding: 10px !important;
}


.inner_table_block0 .datatable-cell{
  text-align:left !important;
}

.inner_table_block1 th{
  text-align:left !important;
}
.inner_table_block1 td{
  text-align:left !important;
}











.load-table-header th:nth-child(1)
{
  width:100% !important;
}
.load-table-header th:nth-child(2)
{
  width:100% !important;
}
.load-table-header th:nth-child(3)
{
  width:100% !important;  
}
.load-table-header th:nth-child(4)
{
  width:100% !important;  
}
.load-table-header th:nth-child(5)
{
  width:100% !important;  
}
.load-table-header th:nth-child(6)
{
  width:100% !important;  
}
.load-table-header th:nth-child(7)
{
  width:100% !important;  
}
.load-table-header th:nth-child(8)
{
  width:100% !important;
}


.load-table-body  td:nth-child(1)
{
  width:100% !important;
}
.load-table-body  td:nth-child(2)
{
  width:100% !important;
}
.load-table-body  td:nth-child(3)
{
  width:100% !important;
}
.load-table-body  td:nth-child(4)
{
  width:100% !important;
}
.load-table-body  td:nth-child(5)
{
  width:100% !important;
}
.load-table-body  td:nth-child(6)
{
  width:100% !important;
}
.load-table-body  td:nth-child(7)
{
  width:100% !important;
}
.load-table-body  td:nth-child(8)
{
  width:100% !important;
}

  .col3_pop .col-md-4{
    background:none !important;
  }

  .pick_1, .pick_2, .pick_3{
    width:100%;
    text-align:center;
    display:none;
  }
  .pick_1 img, .pick_3 img{
    width:30%;
    margin:0 0 10px 0px !important;
  }
  .pick_2 img{
    width:50%;
  }
  .stops_main_table {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.stops_left {
  padding: 20px 0 !important;
}


.resBorder{
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #fff, #7e8f94, #fff);
  border-image-slice: 1;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:40px;
}
.loadm .card-body {
  border: #a0dad8 1px solid;
  margin-left: 5px;
  padding-bottom: 20px !important;
  margin-right: 5px;
}


.pending_list{
	background: #f6f6f6;
}

.pen_head{
	background: #eaeaea;

}

.pending_list li
{
  background: #ffe8e8;
}
.pending_list ul
{
  margin:0;
  padding:0;
}

.expandPlus{
  position:relative;
  top:-10px;
}

.expandPluslog{
  position:relative;
  top:-10px;
}


.load-table-body td:first-child{
  padding:20px 10px !important;
}
.vertical_th::before
{
/*  padding-top:20px !important;*/  
}


.inner_table_loads td
{
  width:30% !important;
}

.stops_table td:first-child{ width:50% !important; }
.stops_table td:nth-child(2){ width:0% !important; }  
.stops_table td:last-child{ width:50% !important; }

}


@media only screen and (min-width: 550px) and (max-width: 767px) {

  .loadlistMobile{  display:block !important;  }
.loadlistDesktop{  display:none !important; }

.customerlistMobile{  display:block !important; }
  .customerlistDesktop{  display:none !important; }


  .loadsearch_rating{
    width:15px !important;
  }
  .load-table-first-col{
    padding-left:1rem !important;
  }
  .load-search-table-body .vertical_th::before {
    padding-top: 0px !important;
  }

  .load-search-table-body td:nth-child(1),
  .load-search-table-body td:nth-child(2),
  .load-search-table-body td:nth-child(3),
  .load-search-table-body td:nth-child(4),
  .load-search-table-body td:nth-child(5),
  .load-search-table-body td:nth-child(6),
  .load-search-table-body td:nth-child(7),
  .load-search-table-body td:nth-child(8),
  .load-search-table-body td:nth-child(9),
  .load-search-table-body td:nth-child(10)
  {
    width:100% !important;
  }
  
  .carrier-table-body td:nth-child(1),
  .carrier-table-body td:nth-child(2),
  .carrier-table-body td:nth-child(3),
  .carrier-table-body td:nth-child(4),
  .carrier-table-body td:nth-child(5),
  .carrier-table-body td:nth-child(6),
  .carrier-table-body td:nth-child(7),
  .carrier-table-body td:nth-child(8)
  {
    width:100% !important;
  }
  .carrier-table-body th, .carrier-table-body td{
    width:100% !important;
  }

  .stops_table td:first-child{ width:50% !important; }
  .stops_table td:nth-child(2){ width:0% !important; }  
  .stops_table td:last-child{ width:50% !important; }  

  .load-table-body td:first-child{
    padding:20px 10px !important;
  }
  .vertical_th::before
  {
    padding-top:20px !important;
  }
  
  .vertical_th::before
  {
    padding-top:20px !important;
  }

  .expandPlus{
    position:relative;
    top:-10px;
  }
  .expandPluslogs{
    position:relative;
    top:-10px;
  }
    
.pending_list ul
{
  padding:0;
  margin:0;
}
  .pending_list{
    background: #f6f6f6;
  }
  
  .pen_head{
    background: #eaeaea;
  
  }
  
  .pending_list li
  {
    background: #ffe8e8;
  }

  .resBorder{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #fff, #7e8f94, #fff);
    border-image-slice: 1;
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:40px;
  }

  .loadm .card-body {
    border: #a0dad8 1px solid;
    margin-left: 5px;
    padding-bottom: 20px !important;
    margin-right: 5px;
  }




  .stops_left {
    padding: 20px 0 !important;
  }
  .stops_main_table {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.batch_main_table{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
  .pick_2 img{
    width:50%;
  }
  .pick_1, .pick_2, .pick_3{
    width:100%;
    text-align:center;
    display:none;
  }
  .pick_1 img, .pick_3 img{
    width:30%;
    margin:0 0 10px 0px !important;
  }

  .col3_pop .col-md-4{
    background:none !important;
  }


  .load-table-header th:nth-child(1)
  {
    width:100% !important;
  }
  .load-table-header th:nth-child(2)
  {
    width:100% !important;
  }
  .load-table-header th:nth-child(3)
  {
    width:100% !important;  
  }
  .load-table-header th:nth-child(4)
  {
    width:100% !important;  
  }
  .load-table-header th:nth-child(5)
  {
    width:100% !important;  
  }
  .load-table-header th:nth-child(6)
  {
    width:100% !important;  
  }
  .load-table-header th:nth-child(7)
  {
    width:100% !important;  
  }
  .load-table-header th:nth-child(8)
  {
    width:100% !important;
  }
  
  
  .load-table-body  td:nth-child(1)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(2)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(3)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(4)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(5)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(6)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(7)
  {
    width:100% !important;
  }
  .load-table-body  td:nth-child(8)
  {
    width:100% !important;
  }








  .inner_table_block1 th{
    text-align:left !important;
  }
  .inner_table_block0 .datatable-cell{
    text-align:left !important;
  }
.inner_table_block1 td{
  text-align:left !important;
}
.table-loads th, 
.table-loads td
{
  width:100% !important;
  text-align:right !important;
  padding: 10px !important;
}

.table-carrier th, 
.table-carrier td
{
  width:100% !important;
  text-align:right !important;
  padding: 10px !important;
}

	.inner_table_block0
	{
		width:100% !important;
  }
  .inner_table_block0 .datatable-cell:first-child span{
    font-size: 14px !important;
  }
  .inner_table_block0 table td{
      padding:5px !important;
  }



  table.table-loads {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  
  table.table-loads caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }
  
  table.table-loads tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
  }
  
  table.table-loads th,
  table.table-loads td {
    padding: .625em;
    text-align: right;
  }
  
  table.table-loads th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align:center;
  }



  table.table-carrier {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  
  table.table-carrier caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }
  
  table.table-carrier tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
  }
  
  table.table-carrier th,
  table.table-carrier td {
    padding: .625em;
    text-align: right;
  }
  
  table.table-carrier th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align:center;
  }
  
  @media screen and (max-width: 600px) {

    .loadlistMobile{  display:block !important;  }
.loadlistDesktop{  display:none !important; }

.customerlistMobile{  display:block !important; }
  .customerlistDesktop{  display:none !important; }


    .loadsearch_rating{
      width:15px !important;
    }
    .load-table-first-col{
      padding-left:1rem !important;
    }
    .load-search-table-body .vertical_th::before {
      padding-top: 0px !important;
    }

  .load-search-table-body td:nth-child(1),
  .load-search-table-body td:nth-child(2),
  .load-search-table-body td:nth-child(3),
  .load-search-table-body td:nth-child(4),
  .load-search-table-body td:nth-child(5),
  .load-search-table-body td:nth-child(6),
  .load-search-table-body td:nth-child(7),
  .load-search-table-body td:nth-child(8),
  .load-search-table-body td:nth-child(9),
  .load-search-table-body td:nth-child(10)
  {
    width:100% !important;
  }

    .carrier-table-body td:nth-child(1),
    .carrier-table-body td:nth-child(2),
    .carrier-table-body td:nth-child(3),
    .carrier-table-body td:nth-child(4),
    .carrier-table-body td:nth-child(5),
    .carrier-table-body td:nth-child(6),
    .carrier-table-body td:nth-child(7),
    .carrier-table-body td:nth-child(8)
    {
      width:100% !important;
    }
    .carrier-table-body th, .carrier-table-body td{
      width:100% !important;
    }

    table.table-loads {
      border: 0;
    }
    
    table.table-loads caption {
      font-size: 1.3em;
    }
    
    table.table-loads thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    table.table-loads tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    table.table-loads > td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    table.table-loads td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    table.table-loads td:last-child {
      border-bottom: 0;
    }



    table.table-carrier {
      border: 0;
    }
    
    table.table-carrier caption {
      font-size: 1.3em;
    }
    
    table.table-carrier thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    table.table-carrier tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    table.table-carrier > td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    table.table-carrier td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    table.table-carrier td:last-child {
      border-bottom: 0;
    }
  }




}




@media  screen 
  and (min-width: 1080px)
  and (max-width: 1920px)
{
  /*  .list-load-table-header, .list-load-table-body
    {
      display:none !important;
    }
    */

    .list-load-table-header2
    {
      background:transparent;
    }

    .list-load-table-header2 th:nth-child(1)
    {
      width: 10px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(2) {
      width: 40px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(3)
    {
      width: 61px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(4)
    {
      width: 75px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(5) 
    {
      width: 70px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(6) 
    {
      width: 50px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(7)
    {
      width:60px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(8)
    {
      width:60px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(9)
    {
      width:60px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(10)
    {
      width:80px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(11)
    {
      width:80px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-header2 th:nth-child(12)
    {
      width:50px !important;
      padding: 5px 0 !important;
    }

    




    .list-load-table-body2 td:nth-child(1)
    {
      width: 25px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(2) {
     width: 42px !important;
     padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(3)
    {
     width: 72px !important;
     padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(4)
    {
      width: 73px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(5) {
      width: 86px !important;
  }
    .list-load-table-body2 td:nth-child(6) 
    {
      width: 52px !important;
      padding:5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(7) {
      width: 68px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(8)
    {
      width:69px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(9)
    {
      width:50px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(10)
    {
      width:50px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(11)
    {
      width:50px !important;
      padding: 5px 0 !important;
    }
    .list-load-table-body2 td:nth-child(12)
    {
     width:50px !important;
     padding: 5px 0 !important;
    }
}