/*--------  
https://www.flag-sprites.com/  
--------*/
/*.flag_my {                 
   width: 18px;
   height: 12px;
   background: url(/wp-content/themes/logistic/images/flags/all_flags.png) no-repeat
}

.flag_my.flag-de {background-position: -18px 0;}
.flag_my.flag-gb {background-position: 0 -12px;}
.flag_my.flag-pl {background-position: -18px -12px;}*/

.regSubmitBtnDisabled {
   background-color: #cccccc !important;
   border: 1px solid #cccccc !important;   
}
.my-input-grid
{
   padding:6px 2px !important;
   letter-spacing: 0px !important;
}
.has-error .form-control {
    border-color: #a94442 !important;    
}
.has-error .form-control:focus {
    border-color: #843534 !important;
}
.my-black-border {
   /*border-color: #000 !important;*/
   border-color: rgba(35,35,35,1) !important;   
}
.ui-datepicker-month, .ui-datepicker-year{
   padding: 0 !important;
   color: #000000;
   font-weight: normal;
}

.padding-left-right {
   padding-left: 0px !important;
   padding-right: 0px !important;
}
.padding-left-right-15{
   padding-left: 15px !important;
   padding-right: 15px !important;
}
.padding-left{
   padding-left: 0px !important;   
}
.padding-right{
   padding-right: 0px !important;
}
/*.width-1212px {
   width: 1212px !important;
} */
.my-input-form
{
   padding: 6px 3px !important;
}
.ui-datepicker{
   z-index:15000 !important;   
}
.my-gray-border {
   border-color: #ccc !important;   
   /*border: 1px solid #ccc !important;    */
}
.my-load-search-white{
   color: #FFF !important;
}
.my-load-search-normal{
   font-weight: normal !important;
}
.has-error .my-black-border {   
   border-color: #a94442 !important;   
}
.slide_on_click {   
   cursor: pointer;
}
.slide_on_click:hover {   
   /*background-color: #f2dede !important;*/
   background-color: #d7d7d7 !important;
}
.find-load-search{
   font-weight: bold !important;
   box-shadow: 1px 3px 3px 0px #3f3f3f;
   border-radius: 6px;
   font-size: 14px !important;    
   padding: 4px 10px !important;
}
.find-load-border-none{
   border-color: rgba(240, 240, 240, 1) !important;
   border-bottom: 1px solid rgba(240, 240, 240, 1) !important;
}
.find-load-shadow{
   box-shadow: 1px 3px 3px 0px #3f3f3f;
}
.find-load-search-right{
   position: absolute;
   top: 0px;
}
@media screen and (max-width: 767px) {
   .find-load-search-right{      
      display: none;
   }
}
.line-height-contact
{
   line-height: 19px !important;
}
.button_ship_now_text
{
   padding-top: 10%;
   color: #FA0200 !important;
   font-size: 16px;
   line-height: 20px;
   font-weight: bold;
   text-shadow: 8px 0px 8px #ffffff, 0px 8px 8px #ffffff, -8px 0px 8px #ffffff, 0px -8px 8px #ffffff; 
}
@media screen and (min-width: 600px) {   /* My Width Not Bootstrap*/
   .button_ship_now_text
   {
      padding-top: 10%;      
      font-size: 18px;
      line-height: 22px;      
      text-shadow: 5px 0px 5px #ffffff, 0px 5px 5px #ffffff, -5px 0px 5px #ffffff, 0px -5px 5px #ffffff; 
   }
}
@media screen and (min-width: 768px) {
   .find-load-search-right{      
      right: -115%;
   }
   .find-load-search-bottom{
      display: none;
   }
   .line-height-contact
   {                  
      line-height: 17px !important;
   }
   .button_ship_now_text
   {
      padding-top: 10%;      
      font-size: 19px;
      line-height: 23px;      
      text-shadow: 5px 0px 5px #ffffff, 0px 5px 5px #ffffff, -5px 0px 5px #ffffff, 0px -5px 5px #ffffff; 
   }
}
@media screen and (min-width: 992px) {
   .find-load-search-right{      
      right: -130px;
   }
   .line-height-contact
   {  
      line-height: 15px !important;
   }
   .button_ship_now_text
   {
      padding-top: 10%;      
      font-size: 20px;
      line-height: 24px;      
      text-shadow: 5px 0px 5px #ffffff, 0px 5px 5px #ffffff, -5px 0px 5px #ffffff, 0px -5px 5px #ffffff; 
   }
}
@media screen and (min-width: 1200px) {
   .find-load-search-right{      
      right: -130px;
   }
   .line-height-contact
   {
      line-height: 19px !important;
   }
   .button_ship_now_text
   {
      padding-top: 10%;
      color: #FA0200 !important;
      font-size: 25px;
      line-height: 29px;
      font-weight: bold;
      text-shadow: 8px 0px 8px #ffffff, 0px 8px 8px #ffffff, -8px 0px 8px #ffffff, 0px -8px 8px #ffffff; 
   }
}
.loads-header-color>a,
th.loads-header-color{
   color: #337ab7 !important;
}
.loads-header-color>a.redbid{
   color: #ffffff !important;
}

.my-login-wrapper{
   background-color: #F1F1F1;
   border: 1px solid #C3C3C3;
   box-shadow: 2px 2px 3px 1px #9E9FA1;
   padding-top: 50px;
   margin-top: 30px;
}
.my-login-input-form {
   padding: 6px 15px !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   /*letter-spacing: normal !important;*/
}
.my-reg-select-form {
   padding: 6px 11px !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   /*letter-spacing: normal !important;*/
}
.my-login-border{
   border-bottom: 1px solid #B5B5B5 !important;
   border-color: #B5B5B5 !important;
   border-radius: 0 !important;
   box-shadow: 2px 2px 2px 0 #B5B5B5;
}
.my-sign-in-link{
   width: 100%;
   border-radius: 0 !important;
   background-color: rgba(30, 115, 190, 0.9) !important;
   border: none !important;
   text-transform: none !important;
   padding: 10px 0;
   line-height: 20px !important;
   font-weight: 600;
   letter-spacing: normal !important;
}
.my-sign-in-link:hover{
   background-color: rgb(52,204,255) !important;
}
.my-sign-up-link-add{
   display: block;
   color: #fff !important;
}
.my-sign-up-link-add:hover{
   text-decoration: none;
}

.control-label>span.required{
   font-size: 16px !important;
}
.no-error-blue .control-label>span.required{
   color: rgba(30, 115, 190, 0.9) !important;   
}         

.my-label-normal{
   font-weight: normal !important;
   color: #555;
}
.my-contact-input-form {
   padding: 4px 15px !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   /*letter-spacing: normal !important;*/
}

/*tabs css for registration*/
.my-tarif-tabs > .nav-tabs > li > a {
   border: 2px solid rgba(30, 115, 190, 0.9);
   border-radius: 0;
   padding: 5px 15px 1px;
   border-radius: 0;
   font-size: 22px;
   font-weight: 600;
   color: #fff !important;
   outline: none;
   background-color: rgba(30, 115, 190, 0.9);
   margin-right: 0px;      
}
.my-tarif-tabs > .nav-tabs > li.active > a{  
   border-color: rgba(30, 115, 190, 0.9) rgba(30, 115, 190, 0.9) transparent;
   border-image: none;
   border-style: solid;
   border-width: 2px;
   padding: 5px 15px;
   color: rgba(30, 115, 190, 0.9) !important;
   background-color: #fff;           
}

.my-tarif-tabs > .nav-tabs > li > a:hover, 
.my-tarif-tabs > .nav-tabs > li > a:focus {
   color: rgba(30, 115, 190, 0.9) !important;
   background-color: #fff;
}
.my-tarif-tabs > .nav-tabs {
   border-bottom: 2px solid rgba(30, 115, 190, 0.9);
   position: relative;
   z-index: 10;
}
.my-tarif-tabs > .nav-tabs > li {
   margin-bottom: -2px;                                                                                         
}
.my-tarif-tabs > .nav-tabs > li .right-line{
   border: 0;
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   right: 0px; 
   bottom: -2px;
}
.my-tarif-tabs > .nav-tabs > li.active .right-line{
   border: 1px solid rgba(30, 115, 190, 0.9);
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   right: 0px; 
   bottom: -2px;
}
.my-tarif-tabs > .nav-tabs > li .left-line{
   border: 0;
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   right: 0px; 
   bottom: -2px;
}
.my-tarif-tabs > .nav-tabs > li.active .left-line{
   border: 1px solid rgba(30, 115, 190, 0.9);
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   left: 0px; 
   bottom: -2px;
}
.my-tarif-tabs .free-trial{
   width: 100%;
   border: 1px solid #ddd;
   background-color: #eee;
   margin: 15px 0;
}
.my-tarif-tabs .free-trial>h2{
   font-weight: 900 ; 
   color: rgba(30, 115, 190, 0.9) ;  
   margin-top: 10px;   
   font-size: 28px ; 
}
.my-tarif-tabs .discount{
   width: 100%;
   padding: 5px 0;
   background-color: rgba(30, 115, 190, 0.9);
   font-size: 23px;
   font-weight: 900;
   color: #fff;
   margin-bottom: 20px;
   line-height: 27px;
}
.my-tarif-tabs .discount>.blue-color{
   color: #BBFCF6;
   font-size: 21px;
}
.my-tarif-tabs .price-panel{
   width: 100%;
   border: 3px solid #ddd;
   padding: 10px 0px;
   box-shadow: 5px 5px 15px -2px #9e9fa1;
}
.my-tarif-tabs .price-panel.actual{
   background-color: rgba(30, 115, 190, 0.9);;
}
.my-tarif-tabs .header-text{
   width: 100%;
   height: 70px;
   overflow: auto;
   display: table;
}
.my-tarif-tabs .price-panel h2{
   font-weight: 900 ;
   color: rgba(30, 115, 190, 0.9) ;
   display: table-cell;
   vertical-align: middle;
   font-size: 28px ;
}
.my-tarif-tabs .price-panel.actual h2{   
   color: #fff ;
}
.my-tarif-tabs .price-panel .prepaid-text{
   width: 100%;
   height: 28px;
   overflow: auto;
   font-size: 22px;
   line-height: 22px;
   color: rgba(30, 115, 190, 0.9);
   margin: 0px auto 10px;
   padding: 5px 0 0;
   /*display: table;*/
}
.my-tarif-tabs .price-panel.actual .prepaid-text{
   color: #fff;
}
.my-tarif-tabs .price-panel>.price-month{
   padding: 5px 0;
   background-color: rgba(30, 115, 190, 0.9);
   font-size: 28px;
   font-weight: 900;
   color: #fff;
   width: 60%;
   border-radius: 50px;
   /*border: 3px solid #03CDFF;*/
   box-shadow: 0px 4px 8px -2px #3f3f3f;
   line-height: 28px;
   margin: 0 auto 20px;
}
.my-tarif-tabs .price-panel.actual>.price-month{
   background-color: #fff;
   color: rgba(30, 115, 190, 0.9);
}
.my-tarif-tabs .price-panel>.price-month .e-month{
   font-size: 23px; 
   line-height: 23px;
}
.my-tarif-tabs .price-panel .submit-price{
   margin: 0px auto 10px;
   width: 150px;
} 
.my-tarif-tabs .price-panel .submit-price>.tarif-link-submit{  
   display: inline-block;
   background-color: #666; 
   font-weight: 600;
   line-height: 20px;
   color: #fff ;
   padding: 8px 0;   
   width: 100%;   
   letter-spacing: normal; 
   font-size: 18px;
} 
.my-tarif-tabs .price-panel .submit-price>.tarif-link-submit:hover {  
   text-decoration: none;
   background-color:  #03CDFF; /*rgba(30, 115, 190, 0.9);*/
   /*background-color: rgba(52,204,255) !important;*/
}
.my-tarif-tabs .price-panel.actual .submit-price>.tarif-link-submit{
   background-color: #BBFCF6;
   color: rgba(30, 115, 190, 0.9);
}
.my-tarif-tabs .price-panel.actual .submit-price>.tarif-link-submit:hover{
   background-color: #03CDFF;
   color: #fff;
}



/*tabs css for cabinet*/
.my-tarif-tabs-cabinet > .nav-tabs > li > a {
   border: 2px solid rgba(30, 115, 190, 0.9);
   border-radius: 0;
   padding: 5px 15px 1px;
   border-radius: 0;
   font-size: 22px;
   font-weight: 600;
   color: #fff !important;
   outline: none;
   background-color: rgba(30, 115, 190, 0.9);
   margin-right: 0px;      
}
.my-tarif-tabs-cabinet > .nav-tabs > li.active > a{  
   border-color: rgba(30, 115, 190, 0.9) rgba(30, 115, 190, 0.9) transparent;
   border-image: none;
   border-style: solid;
   border-width: 2px;
   padding: 5px 15px;
   color: rgba(30, 115, 190, 0.9) !important;
   background-color: #fff;           
}

.my-tarif-tabs-cabinet > .nav-tabs > li > a:hover, 
.my-tarif-tabs-cabinet > .nav-tabs > li > a:focus {
   color: rgba(30, 115, 190, 0.9) !important;
   background-color: #fff;
}

.my-tarif-tabs-cabinet > .nav-tabs > li.active > a:hover, 
.my-tarif-tabs-cabinet > .nav-tabs > li.active > a:focus {   
   background-color: #fff;
}

.my-tarif-tabs-cabinet > .nav-tabs {
   border-bottom: 2px solid rgba(30, 115, 190, 0.9);
   position: relative;
   z-index: 10;
}
.my-tarif-tabs-cabinet > .nav-tabs > li {
   margin-bottom: -2px;                                                                                         
}
.my-tarif-tabs-cabinet > .nav-tabs > li .right-line{
   border: 0;  /*rgba(30, 115, 190, 0.9)*/
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   right: 0px; 
   bottom: -2px;
}
.my-tarif-tabs-cabinet > .nav-tabs > li.active .right-line{
   border: 1px solid rgba(30, 115, 190, 0.9);
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   right: 0px; 
   bottom: -2px;
}
.my-tarif-tabs-cabinet > .nav-tabs > li .left-line{
   border: 0;
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   right: 0px; 
   bottom: -2px;
}
.my-tarif-tabs-cabinet > .nav-tabs > li.active .left-line{
   border: 1px solid rgba(30, 115, 190, 0.9);
   position: absolute; 
   z-index: 50; 
   height: 10px; 
   width: 2px; 
   left: 0px; 
   bottom: -2px;
}
/*.my-tarif-tabs-cabinet .free-trial{
   width: 100%;
   border: 1px solid #ddd;
   background-color: #eee;
   margin: 15px 0;
}
.my-tarif-tabs-cabinet .free-trial>h2{
   font-weight: 900 !important;
   color: rgba(30, 115, 190, 0.9) !important;
   margin-top: 10px;   
   font-size: 28px !important;
}*/
.my-tarif-tabs-cabinet .discount{
   width: 100%;
   padding: 5px 0;
   background-color: rgba(30, 115, 190, 0.9);
   font-weight: 900;
   margin-bottom: 20px;
}
.my-tarif-tabs-cabinet .discount>.white-color{
   color: #fff;
   font-size: 23px;
   line-height: 26px;
}
.my-tarif-tabs-cabinet .discount>.blue-color{
   color: #BBFCF6;
   font-size: 21px;
   line-height: 24px;
   padding-top: 3px;
}
.my-tarif-tabs-cabinet .price-panel{
   width: 100%;
   border: 3px solid #ddd;
   padding: 10px 0px;
   box-shadow: 5px 5px 15px -2px #9e9fa1;
}
.my-tarif-tabs-cabinet .price-panel.actual{
   background-color: rgba(30, 115, 190, 0.9);;
}
.my-tarif-tabs-cabinet .header-text{
   width: 100%;
   height: 70px;
   overflow: auto;
   display: table;
}
.my-tarif-tabs-cabinet .price-panel h2{
   font-weight: 900 !important;
   color: rgba(30, 115, 190, 0.9) !important;
   display: table-cell;
   vertical-align: bottom;
   font-size: 28px !important;
   line-height: 1.1 !important;
}
.my-tarif-tabs-cabinet .price-panel.actual h2{   
   color: #fff !important;   
}
.my-tarif-tabs-cabinet .price-panel .prepaid-text{
   width: 100%;
   height: 28px;
   overflow: auto;
   font-size: 22px;
   line-height: 22px;
   color: rgba(30, 115, 190, 0.9);
   margin: 0px auto 10px;
   padding: 5px 0 0;
   /*display: table;*/
}
.my-tarif-tabs-cabinet .price-panel.actual .prepaid-text{
   color: #fff;
}

.my-tarif-tabs-cabinet .price-panel>.price-month{
   padding: 5px 0;
   background-color: rgba(30, 115, 190, 0.9);   
   font-weight: 900;
   color: #fff;
   width: 60%;
   border-radius: 50px;
   /*border: 3px solid #03CDFF;*/
   box-shadow: 0px 4px 8px -2px #3f3f3f;
   margin: 0px auto 20px;
}
.my-tarif-tabs-cabinet .price-panel.actual>.price-month{
   background-color: #fff;
   color: rgba(30, 115, 190, 0.9);
}
.my-tarif-tabs-cabinet .price-panel>.price-month .number{
   font-size: 28px; 
   line-height: 28px;
}
.my-tarif-tabs-cabinet .price-panel>.price-month .e-month{
   font-size: 23px; 
   line-height: 23px;
}
.my-tarif-tabs-cabinet .price-panel .submit-price{
   margin: 0px auto 10px;
   width: 150px;
} 
.my-tarif-tabs-cabinet .price-panel .submit-price>a.tarif-link-submit{  
   display: inline-block;
   background-color: #666; 
   font-weight: 600;
   line-height: 20px;
   color: #fff !important;
   padding: 8px 0;   
   width: 100%;   
   letter-spacing: normal; 
   font-size: 18px;
} 
.my-tarif-tabs-cabinet .price-panel .submit-price>a.tarif-link-submit:hover {  
   text-decoration: none;
   background-color:  #03CDFF;
}
.my-tarif-tabs-cabinet .price-panel.actual .submit-price>a.tarif-link-submit{
   background-color: #BBFCF6;
   color: rgba(30, 115, 190, 0.9) !important;      
}
.my-tarif-tabs-cabinet .price-panel.actual .submit-price>a.tarif-link-submit:hover{
   background-color: #03CDFF;
   color: #fff !important;
}

.subscription_info{
   width: 100%;
   background-color: #eee;
   border: 2px solid #ddd;
   padding: 20px 10px;
   font-size: 18px;
   line-height: 20px;
   color: #777;
}
.subscription_info .row_s{
   margin: 0 0 3px;
}
.subscription_info .line_s{
   padding-top: 2px; 
   padding-bottom: 2px;
   border: 2px solid transparent; 
}
.subscription_info .data_s{
   border: 2px solid #ddd; 
   background-color: #fff;
   color: #555;
}
.label-horizontal-right{      
   line-height: 14px;
   padding-top: 0px;
   margin-bottom: 0px;
}
.div-horizontal-right{
   line-height:30px; 
   height:30px;
   padding-top: 1px;
   padding-bottom: 1px;
}
.menu-style-uppercase{
   text-transform: uppercase;
}