/** 
 * Channel40 Web App - custom css file
 *
 */
a:focus, a:hover{
        color: #6a6a6a !important;
}
a.button:focus, a.button:hover,
#update-profile-pic:focus, #update-profile-pic:hover{
    color: #fff !important;
}
.job-details-gaps .pagination .current{
    background: none;
}
 .menu > li {
    padding-left: 10px;
    padding-right: 10px;
}
 .menu > li a{
     padding-left: 10px;
    padding-right: 10px;	
 }
 .content-body .wrap-cont{
    border: 1px solid #d7d7d7;
    border-radius: 5px;
	padding: 10px 15px;
	height: 270px;
    position: relative;
 }
 .content-body .column-heading{
	border: 0;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    padding: 0 0 15px;
 }
 .column-content p,
 .column-heading .column-desc{
    color: #444444;	
 }
 .column-heading .column-name{
    color: #444;
    font-size: 16px;	
    padding-bottom: 15px;
 }
 .column-content{
 	padding: 20px 5px 0;	
 }
 .col-footer{
	padding: 0 5px;	
      
 }
 .content-body .wrap-cont .col-footer{
  position: absolute;
    bottom: 10px;
    width: 100%;
 }
.content-body .loads-col .wrap-cont  .col-footer{
        padding: 0 5px;
}

  .content-body .wrap-cont.has-message .col-footer,
   .content-body .wrap-cont.has-payment .col-footer,
    .content-body .wrap-cont.has-loads .col-footer{
    position: relative;
  }
 .col-footer .button{
     font-size: 10px;
    padding: 0;
    width: 42%;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
 }
.col-footer.col-driver .button{
    width: 50%;
}
 .column-content .payment-list > li{
 	border: 0;
 	padding: 0;
 }
 .column-content .payment-list > li p{
 	margin-bottom: 0;
 }
 .column-heading .columns:nth-of-type(2){
 	padding-left: 0;
 }
 .column-content .payment-list{
 	padding-top: 0;
 }
 .dashboard .search-form{
 	display: none;
 }
 
 .column-content ul li .job-title{
 	padding-right: 30px;
 }
 .content-body .wrap-cont.has-loads,
 .content-body .wrap-cont.has-payment,
 .content-body .wrap-cont.has-message{
 	padding: 0;
    border: 0;
    height: auto;	
 }
 .has-loads .column-heading,
 .has-payment .column-heading,
 .has-message .column-heading{
     border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 11px 14px 18px;	
 }
.message-user-avatar img{
	width: 60px !important;
        object-fit: cover;
    -o-object-fit: cover;
    object-position: 50% 0;
    -o-object-position: 50% 0;
 }
 .job-det-messages p{
     position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);	
 }
 .job-det-messages .job-index .jobs-accord{
 	padding-right: 0;
 }
.details-group span{
    top: 35px;
    left: 32px;
}
.details-group span.form-field-error {
    color: #de7979;
}
.details-group span.decimal{
     left: auto;
    right: 30px;
}
.details-group .columns{
    position: relative;
}
.details-group #form_price:focus + span,
.details-group #form_price:focus + span + span{
    display: block;
}
.details-group #form_price:focus{
    padding-left: 30px;
}

.on-focus{
    position: relative;
}
.on-focus span{
    position: absolute;
     left: auto;
    font-size: 16px;
     right: 17px;
    top: 1px;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #000;
}
.subwrap{
    position: absolute;
    width: 150px;
    padding-bottom: 160px;
    right: 0;
    z-index: 9;
    top: 0; 
}
#gmap_canvas .infowin-text{
      padding: 20px 30px;  
      position: relative;
}
.map-infowin{
      background: #fff;  
}
.map-infowin .infowin-text:after{
    content: "";
    position: absolute;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, transparent 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    display: block;
    top: -39px;
    width: 100%;
    height: 40px;
    z-index: 9;
    left: 0;
}
.map-infowin img{
    width: 100%;
}
/*#gmap_canvas .gm-style-iw + div {display:none;}*/
#gmap_canvas .gm-style .gm-style-iw{
        box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    width: 170px !important;
    background: #fff;
        top: 30px !important;
}
.infowin-text h4 {
    color: #444444;
    font-size: 14px;
    font-family: AkkuratBold;
}
.map-infowin{
    width: 170px;
}
.map-infowin a {
    color: #9bcd76;
    font-family: AkkuratBold;
    margin-top: 13px;
    display: inline-block;
    clear: both;
}
.round > img {
    border-radius: 50%;
    object-position: 100% 0;
    -o-object-position: 100% 0;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    height: 160px;
}
.mess-user-name{
       width: 62px; 
}
.rate-stars,
.rate-stars .stars{
    font-family: 'icomoon' !important;
}
.del-user h4 {
    font-size: 24px;
    font-family: 'AkkuratBold';
    color: #0f3960!important;
    line-height: 32px;
}
input#new-password {
    height: 57px;
    width: 352px;
    padding: 10px 20px;
    margin: 0 auto;
    font-size: 24px;
}
/*.icon-star-full:before{
    content: '\f005';
    font-family: 'FontAwesome';
}
.icon-star-empty:before{
    content: '\f006';
    font-family: 'FontAwesome';
}*/
 @media screen and (max-width: 1120px){
 	.content-body .wrap-cont{
 	    height: 280px;	
 	}
 }
@media screen and (max-width: 1023px){
	.col-footer .button{
		margin: 5px 0;
		width: 100%;
	}
	.content-body .wrap-cont{
 	    height: 310px;	
 	}
    .content-body .wrap-cont .col-footer{
        position: relative;
        bottom: 0;
    }
}
@media screen and (min-width: 957px){
    .v-tab{
        display: none;
    }
}
@media screen and (max-width: 956px){
    .v-tab{
        display: block;
    }
    .user-profile #details-form{
        width: 100%;
        flex: 1 1 auto;    
    }
    .user-profile .user-avatar{
        width: 162px;
        margin-left: auto;
        margin-right: auto;
    }
    .toggle{
        border: 0;
        font-size: 24px;
        color: #000;
    }
    .call{
         font-size: 24px;
        color: #000;
        border: 0;
    }
    .header-logo img{
        width: 140px; 
    }
}
 @media screen and (max-width: 767px){
 	.content-body .columns:nth-child(1),
 	.content-body .columns:nth-child(2),
 	.content-body .columns:nth-child(3){
 		flex: 100%;	
 		-webkit-flex:100%;
 		-ms-flex:100%;
 	}
 	.content-body .wrap-cont {
	    height: auto;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	}

	.content-body .column-heading .columns{
		-webkit-flex: 1 1 0px;
	    -ms-flex: 1 1 0px;
	    flex: 1 1 0px;	
	}
	.content-body .column-heading .columns.shrink{
		-webkit-flex: 0 1 0px;
	    -ms-flex: 0 1 0px;
	    flex: 0 1 0px;	
	}
	.menu > li a{
     	padding-left: 0;
	    padding-right: 0;	
	 }
     .mess-user-name{
       width: auto; 
    }
 }
 @media screen and (min-width: 641px){
    .v-mob{
        display: none;
    }
 }
 @media screen and (max-width: 640px){
 	body{
 		    overflow-x: hidden;
 	}
 	 .header .menu,
 	 .header .button{
 	 	display: none;
 	 }
 	
 	 .footer-menu > li > a{
 	     padding: 0   20px;
	    text-align: left;
	    display: block;	
 	 }
 	 .footer-top ul {
 	 	display: block;
 	 }
 	 .footer-menu > li{
 	     padding: 10px 0;
    	border-bottom: 1px solid #f7f7f7;	
    	width: 100%;
 	 }
 	 .footer-top{
 	     padding-top: 6px;	
         padding-bottom: 10px;
 	 }
     .footer h5{
         text-transform: uppercase;
        color: #989898;
        padding-left: 20px;
        font-size: 16px;   
     }
     .footer-middle{
           border-top: 1px solid #ebebeb;
     }
     .footer-bottom{
        padding-top: 0;
     }

 }
.alert-box{
    position: relative;
    border: 2px solid #f16623;
    background: #f4d0bf;
    font-size: 13.9px;
    color: #f16623;
    padding: 15px 15px 15px 50px;
    border-radius: 2px;
    margin-bottom: 30px;
        width: 100%;
    
}
.alert-box a,.alert-box a:hover{
    color: #f16623;
    border-color: #f16623;
}
.success{
    background: #dbeec2;
    border: 2px solid #73b322;
    color: #73b322;
}
.alert-box:before{
     content: '!';
    font-family: AkkuratRegular;
    color: #fff;
    background: #f16623;
    left: 15px;
    position: absolute;
    top: 13px;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    

}
.alert-box.success:before{
    background: #73b322;
}
.alert-box.success a,
.alert-box.success a:hover{
    color: #73b322;
    border-color: #73b322;
}
.user-profile .alert-box{
    max-width: 385px;  
       margin: 12px auto; 
       width: 100%;
}
.user-profile .content-heading{
    border-top: 1px solid #ededed;   
}
#update-profile-pic{
    background: #f16623;
    color: #fff;
    display: block;
    text-transform: uppercase;
    max-width: 67px;
    width: 100%;
    margin: 0 auto;
    height: 23px;
    border-radius: 2px;
    border: 1px solid #c53e01;
    font-size: 12px;
    line-height: 23px;
    margin-top: -15px;
    z-index: 2;
    position: relative;    
}
 #update-profile-pic:hover{
    background: #b84e1b;
    color: #fff;
 }  
@media screen and (max-width: 768px){
    .alert-box{
        max-width: 90%;
    }
    
}
@media screen and (max-width: 340px){
    .user-profile .alert-box{
          max-width: 295px;  
    }
}

.form-field.has-error input, .form-field.has-error textarea  {
    border: 1px solid #de7979;
}
.form-field.has-error label[for="form_terms"] {
    width: 100%;
    margin-bottom: 7px;
}
.form-field.has-error .form-field-error {
    color: #e62d2d;
    font-size: 13px;
    position: relative;
    top: -10px;
}

input[type=radio]:checked+label.active{
       background: #f16623;
}
#truck-specification-form .user-details .on-focus span{
    right: 30px;
    top: 33px;  
}

.user-details input[type=number]::-webkit-inner-spin-button, 
.user-details input[type=number]::-webkit-outer-spin-button { 
   -webkit-appearance: none !important; 
   moz-appearance:none !important;
   margin: 0; 
}
.job-details-gaps .accordion-item .message-user-avatar{
        border: 1px solid #ebebeb;
}
.job-details-gaps .accordion-item .message-user-avatar img{
       width: 36px !important; 
           height: auto !important;
    min-height: inherit !important;
    position: absolute;
    top: 50%;
    left: 50%;
      -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
        border-radius: 0 !important;
}
.job-details-gaps .accordion-item .message-user-avatar.img-avatar img{
    border-radius: 100% !important;
        width: 100% !important;
    height: 55px !important;
}
.job-index .column-heading .job-details-gaps{
     padding-top: 15px;   
}
.messages .job-details-gaps .accordion-item .message-user-avatar img{
    width: 50px !important;
    height: 50px!important;   
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 100% !important;
}
.login-form label span[class^=icon]{
    display: none;
}
.signup-form .tick{
    position: relative;
}
.signup-form .tick:after{
        content: "\e901";
            width: 14px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    color: #6db638;
    margin-left: 8px;
    border-radius: 50%;
    font-size: 7px;
    border: 1px solid;
        display: inline-block;
        font-family: 'icomoon' !important;
}
#documents-form .user-details h4{
    margin-bottom: 10px;
    color: #444444;
    font-size: 11px;
    text-transform: uppercase;    
}
@media screen and (min-width: 600px){
.login .full-heigt-inner .large-6{
	min-width: 380px !important;
}
}

input[type=file] + label::after{
    display: -ms-inline-flexbox;
}
input[type=file] + label::before{
    padding: 0 16px;
    display: -ms-inline-flexbox;
    line-height: 44px;
}
.driver-invite .dr-rate span{
    padding-left: 5px;
}
.close-button{
    top: 30px;
}
.message-icon,
.loads-icon,
.payment-icon{
    content: "";
}
.list-pda{
	list-style: none;
    padding: 0 0 0 77px;
    margin: 0;
    width:  100%;
}
.list-pda li{
	width: 100%;
	border-bottom: 1px solid #ededed;
	padding: 5px 0;
	font-size: 13px;
	line-height: 15px;
}
.load-job-status {
    width: calc(100% - 60px);
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.list-pda li label{
	display: inline;
}
.list-pda li:last-child{
	border-bottom: none !important;
}
.accordion-title{
	border-bottom: 0;
}
.load-job-status{
	
}
.job-index .jobs-accord .is-active > .accordion-title {
    padding-bottom: 0px;
    margin-bottom: 0;
}
.job-index{
	
}
.job-index .accordion-content .load-job-status {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 12px;
    margin-bottom: 5px;
    margin-top: 36px;
}
.job-index .accordion-item {
    border-bottom: 1px solid #ededed;
    padding-bottom: 25px;
}
#password-form .user-details .contact-det{
    width: 200px;
}
.flex-row .job-details-gaps{
    -ms-flex:auto;
}
.del-user{
     background: #fff;
    max-width: 612px;
    margin: 0 auto;
    text-align: center;  
    padding: 80px 50px;
    position: relative; 
}
.del-user p{
    font-size: 24px;
    color: #0f3960;
    font-family: 'AkkuratBold';
    margin-bottom: 0;  
    line-height: 32px; 
}
.del-user button{
     background: #111111;
    color: #fff;
    height: 57px;
    width: 170px;
    line-height: 57px;
    border-radius: 0;
    font-size: 16px;   
    font-family: 'AkkuratBold';
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
}
.del-user button:hover{
    background: #444444;
}
.del-user .btn-group div {
    display: inline-block;
    padding: 0 5px;
    width: auto;
    margin: 30px auto 0;
}
/*#myModal .close-reveal-modal{*/
.reveal-modal .close-reveal-modal {
    float: right;
    border: 0;
    font-size: 23px;
    color: #0f3960 !important;
    position: absolute;
    right: 30px;
    top: 30px;
    font-family: 'AkkuratBold';
    text-transform: uppercase;
    z-index: 1;
}
.map-message{
    z-index: 9;
    border: 0;
    width: 20px;
    height: 20px;
}
.job-index.single-offer #gmap_canvas .gm-iw{
    padding: 20px 0 10px 20px;
    color: #959595;
    font-size: 14px;
    line-height: 19px;
}
.job-index.single-offer #gmap_canvas .gm-style .gm-style-iw{
    box-shadow: none;
    top: auto !important;
    background: none;

}
.login-form .reset-btn .button[type=submit]{
    width: 100%;
}
#reset_password_password ul{
    margin-left: 0;
}
#reset_password_password ul li{
    list-style: none;
    font-size: 12.5px;
    color: #f16623;
}
.has-payment .payment-list > li,
.payments-page .column-content .payment-list > li{
     border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 20px;   
}
.has-loads .message-user-avatar{
     border: 1px solid #ebebeb;   
}
.has-loads .message-user-avatar img{
     object-fit: contain;
    -o-object-fit: contain;
    width: 36px !important;
    height: 22px !important; 
        object-position: 100% 0;
    -o-object-position: 100% 0;  
        min-height: auto !important;
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
        overflow: visible;
    border-radius: 0 !important;
}
div[name="marker"]{
    width: 50px;
    height: 50px;
}
.jobs-accord{
    clear: both;
}
.is-active .accordion-content{
      margin-bottom: 55px;  
}
.job-index .is-active .accordion-content .load-job-status{
    margin-bottom: 20px;
}
.load-job-status{
    width: calc(100% - 70px);    
}
.button-on[name="accept-job-without-offer"]:before{
    width: auto;
}
.col-footer{
      padding: 0 25px;  
}
@media screen and (max-width: 480px){
    .del-user p{
        font-size: 17px;
        line-height: 26px;

    }
    .del-user button{
         height: 46px;
         line-height:46px;  
             font-size: 14px; 
    }
    .del-user .btn-group div:last-child{
        margin-top: 10px;
    }
    .del-user{
         max-width: 90%;  
    }
}

a.fa-icon {
    float:right;
}
a.fa-icon:hover i.fa {
    color: #dc1616;
}
.job-details .conversation .messages-list .msg .message-user-avatar{
    width: 49px;
    height: 49px;    
}
.job-details .conversation{
    padding-top: 10px;
}
.job-index .job-details-gaps .columns.faux-drop{
    width: 34%;
}
.job-index .job-details-gaps  .column-desc .row .columns.shrink:nth-of-type(1){
    width: 14%;   
}
#filter_loads, #print_list{
 background: #f16623;
    color: #fff;
    border: 0;
    font-family: AkkuratBold;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    font-size: 13px;   
}
#filter_loads:hover, #print_list:hover{
    background: #b84e1b;    
}
.active-loads {
    display: block;
    width: 100%;    
}
.jobs-det-lists .bottom-buttons{
        padding-top: 20px;
}
.b-account-info ul{
    margin-left: 0;
}
.b-account-info ul li{
    list-style: none;
}
.b-account-info a[name="remove-account"]{
    display: flex;
}
.uploaded-files .wrap-img{
    width: 33.3%;
    display: inline-block;
    padding: 5px;
}
.uploaded-files img{
      object-position: 50% 0;
    -o-object-position: 50% 0;
        width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    height: 100px;
    border: 1px solid #efefef;
    
 }
 .uploaded-files .wrap-img:nth-child(3n+1){
    padding-left: 0;
    margin-left: 0;
 }
 .uploaded-files .wrap-img:nth-child(3n+3){
    padding-right: 0;
 }
 .faux-drop.date{
        display: inline-flex;
        padding-right: 72px;
 }
 .sc{
  padding-top: 5px;  
 }
 .job-index .column-heading .row span{
    padding-left: 5px;
 }
 .date label{
        font-family: AkkuratRegular;
        color: inherit;
        width: 40%;
 }
  .date input{
     height: 35px;
    padding: 0 10px;
    line-height: 35px;
    font-family: AkkuratRegular;
    font-size: 13px;
    margin-right: 5px;

  }
  .input-date{
       position: relative;
    padding-right: 10px;
    height: 35px;
  }
  .input-date .fa{
       position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform:translateY(-50%); 
    -webkit-transform: translateY(-50%); 
  }
  #terms-conditions-modal .section-text h6{
     font-size: 14px;
    font-family: AkkuratBold;   
  }
  #terms-conditions-modal .section-text p{
        color: #959595;
    font-family: AkkuratRegular;
    font-size: 14px;
    line-height: 20px;
  }
    #terms-conditions-modal .btn-group button{
       background: #f16623;
    border-radius: 3px;
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
  }
  #terms-conditions-modal .btn-group button:hover{
        background: #de5411;
  }
  #terms-conditions-modal .btn-group button#cancel{
       background: none;
        color: #959595;
        border-bottom: 1px solid;
        width: auto;
        padding: 0 10px 0;
        height: 36px; 
  }
  #terms-conditions-modal .btn-group button#cancel:hover{
    color: #6a6a6a;
  }
  #terms-conditions-modal .btn-group div{
    display: block;
  }
  #terms-conditions-modal .btn-group div:last-child{
        margin-top: 10px;
  }
  .login #terms-conditions-modal  h3 {
        font-family: AkkuratBold;
    text-transform: uppercase;
    font-size: 14px;
    padding: 30px 0 10px;
  }
  #terms-conditions-modal{
    padding-bottom: 40px;
  }
  #terms-conditions-modal .wrap-cont{
    border: 0 !important;
  }
  .faux-drop.open .faux-drop-menu{
        width: 200px;
  }
  .faux-drop.open .faux-drop-menu li span{
    display: block;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #prev-locations-modal .btn-group button{
        background: #f16623;
        width: 205px;
  }
#prev-locations-modal .btn-group button:hover{
    background: #b84e1e;
}
   
.job-details .job-details-inner .jobs-det-lists {
    flex-grow: 0;
}
.job-details .conversation {
    height: auto;
}
#payment-form .row{
    margin: 0;
}
#insurance_terms h2{
    text-transform: uppercase;
    font-size: 28px;
    color: #000;    
}
#insurance_terms p{
    font-size: 18px;
    color: #000;
    line-height: 25px;    
}
#insurance_terms{
    max-width: 480px;    
    padding: 80px 50px 40px;
}
#insurance_terms form{
    border: 1px solid #ebebeb;
    padding: 30px;
    margin: 20px auto 0;
    text-align: left;
    float: left;
    position: relative;
}
#insurance_terms input[type=checkbox]+label{
    color: #959595;
    float: left;
    padding-left: 30px;
    text-align: left;
    display: inline-block;   
    font-size: 14px; 
    margin-bottom: 0;
}
#insurance_terms input[type=checkbox]+label:before{
    font-size: 13px;
    line-height: 19px;
    width: 20px;
    height: 20px;
    left: 30px;
    position: absolute;
    margin-right: 0;
}
#insurance_terms button{
        display: block;
    background: #f16623;
    margin-bottom: 20px;
}
#insurance_terms button:hover{
 background: #b84e1e;    
}

@media screen and (max-width: 39.95em){

    #gmap_canvas{
        height: 300px;
    }
    
    .main-dash .user-job-info,
    .main-dash .user-admin-bar,
    .main-dash .header{
        display: none;
    }
    .main-dash .header.hide-for-large{
        display: block;
    }
    .arrow-link{
        display: block;
        border-bottom: none;
    }
    .q-actions-list > li{
        position: relative;
        padding-bottom: 15px;
    }
    .q-actions-list > li + li{
        border-top: 1px solid #ebebeb;
    }
    .q-actions-list > li .column-heading{
        border: none;
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 30px;
    }
    .q-actions-list > li .column-heading h3{
        margin-bottom: 0;
    }
    .q-actions-list > li.accepted .column-icon{
        position: relative;
    }
    .q-actions-list > li.accepted .column-icon:after{
        content: "\e901";
        display: inline-block;
        font-family: icomoon;
        width: 14px;
        height: 14px;
        background: #50c91b;
        color: #fff;
        border: 2px solid #fff;
        box-shadow: 0 0 10px 2px #e4e4e4;
        border-radius: 50%;
        font-size: 7px;
        text-align: center;
        position: absolute;
        top: 9px;
    }
    .driver-webapp h3{
        font-size: 16px;
        font-family: GRAYSTROKEREGULAR;
        text-transform: uppercase;
    }
    .driver-webapp .user-details label{
        font-family: AkkuratBold;
    }
    .arrow-link:after{
        font-family: icomoon;
        content: "\e900";
        color: #f16623;
        transform: rotateZ(-90deg);
        font-size: 20px;
        transition: all .2s linear;
        position: absolute;
        right: 5px;
        top: calc(50% - 11px);
    }
    .arrow-link{
        display: block;
        border-bottom: none;
    }
    footer{
        padding-top: 30px;
    }
    .hide-for-large .header-logo img{
         float: left;
        padding-left: 10px;   
    }
    .hide-for-large a{
        color: #000;
        border: 0;
    }
    .main-dash .content-heading {
        border-bottom: 0;
    }
    .main-dash .content-body{
        padding:0;
    }
}
#documents-form .uploaded-files{
    width: 150px;
}




.main-dash .loads-list-img {
        border: 1px solid #ebebeb;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: relative;
        overflow: hidden;
}
.main-dash .loads-list-img  img{
    border-radius: 0!important;
    width: 35px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    -webkit-transform:translate(-50%, -50%);  
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
}
.main-dash .loads-list-img.img-avatar img{
    width: 100% !important;
    height: 100%;
     object-fit: cover;
    -o-object-fit: cover;
    object-position: 50% 0;
    -o-object-position: 50% 0;
}

.user-bar-top .dashboard-page-content-heading{
    padding-top: 0;
    background: #1f1f1f;
}
.no-wrap{
    flex-wrap: nowrap;
}
.main-dash .user-bar-top .user-admin-bar{
    border-bottom: none;
    border-top: none;
    white-space: nowrap;
}
.main-dash .user-bar-top .user-admin-bar.admin-bar-space{
    padding: 12px 15%;
    border-left: 1px solid #343434;
}
.main-dash .user-admin-bar > .row{
    margin-left: -5px;
    margin-right: -5px;
}
.main-dash .dashboard-menu.dsh-lg-menu .menu > li > a{
    padding-top: 22px;
    padding-bottom: 22px;
}
.main-dash .dashboard-menu.dsh-lg-menu .menu > li{
    padding-left: 10%;
    padding-right: 10%;
    border-top: 1px solid #343434;
}
.main-dash .dashboard-menu.dsh-lg-menu .menu > li.current-item{
    border-left: 4px solid #ff7000;
}
.main-dash .dashboard-menu.dsh-lg-menu .menu > li:last-child{
    border-bottom: 1px solid #343434;
}

.user-bar-top .fixed-heading + .dashboard-page-content-body{
    padding-top: 72px;
}
.owner-page-content{
    padding: 3%;
}
.owner-page-content h2{
    font-size: 28px;
    margin: 20px 0 22px;
}
.owner-page-content p{
    font-size: 16px;
}
.profile-steps-map{
    padding-top: 35px;
    padding-bottom: 35px;
}
.profile-steps-map > .columns.shrink > span{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #acacac;
    border-radius: 50%;
    
}
.profile-steps-map > .columns.shrink.curent-step > span{
    width: 36px;
    height: 36px;
    background: none;
}
.profile-steps{
    padding-bottom: 50px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 50px;
}
.profile-steps .prof-step{
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background-color: #fcfcfc;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.profile-steps .prof-step .step-body{
    flex: 1 1 190px;
    background-color: #fcfcfc;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    font-size: 15px;
}
.profile-steps .prof-step .step-body h3{
    font-size: 20px;
    font-family: AkkuratBold;
}
.profile-steps .prof-step .step-footer{
    background-color: #acacac;
    padding: 22px 15px 28px;
}
.profile-steps .prof-step .step-footer a{
    font-family: AkkuratBold;
    font-size: 16px;
    color: #fff;
}
.profile-steps .prof-step.current-step .step-footer{
    background-color: #ff7000;    
}
.owner-page-content p > a{
    border-bottom-color: #ff7000;
}
.owner-page-content p > a:hover{
    border-bottom-color: rgba(255, 112, 0, 0);
}
.main-dash .dashboard-page-content{
        padding-top: 70px;  
}
.user-wrap{
    position: relative;
}
.user-wrap .user-drop{
    display: none;
    position: absolute;
    background: #444444;
    padding: 0 20px;
    margin: 0;
    right: 0;
    width: 160px;
    top: 38px;
    z-index: 99999;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.user-wrap .user-drop li:first-child:before{
    content: "";
    position: absolute;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444444;
    display: block;
    right: 15px;
}
.user-wrap .user-drop li{
    list-style: none;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 0;
    position: relative;
}
.user-wrap .user-drop li:last-child{
    border:0;
}
.user-wrap .user-drop li a{
    border: 0;
        color: rgba(230, 230, 230, 0.84);
}
.user-wrap .user-drop li a:hover{
    color: rgba(230, 230, 230, 0.44);
}
.main-dash .user-admin-bar .columns .open-user{
    top: -10px;    
}
.ower-dash .header,
.ower-dash .footer{
    display: none;
}
.inner-dashboard-page.driver-webapp .user-admin-bar .columns .open-user{
    transform:none;
    position: relative;
    right: auto;
     top: auto;

}
.inner-dashboard-page.driver-webapp .user-admin-bar{
    border: 0;
}
.driver-webapp .prof-img .round{
    height: 160px;
    width: 160px;
    overflow: hidden;        
}
@media screen and (min-width: 851px){
    .main-dash .toggle{
        display: none;
    }
}
@media screen and (max-width: 850px){
    .main-dash .left-admin-bar{
            left: -220px;
    }
    .main-dash .dashboard-page-content {
        padding-left: 0;
    }
    .main-dash .fixed-heading {
        left: 0;
    }
    .main-dash .toggle a{
         border: 0;
        font-size: 36px;
        color: #fff;
        padding-top: 8px;
        display: block;   
    }
    .opened .left-admin-bar {
        left: 0;
          -webkit-transition: 250ms all;
        transition: 250ms all;
        z-index: 999;
    }
    .opened .fixed-heading{
       left: 220px;
          -webkit-transition: 250ms all;
        transition: 250ms all;
    }
    
    .opened .toggle a .fa:before{
        content: "\f00d";
        -webkit-transition: 250ms all;
        transition: 250ms all;
    }
}