

.error{
    width: 100%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    color: #e60000;
    font-weight: bold;
    font-size: 11px;
    
}

.badge-3{
  background-color: #0072b5;
  color: #fff;
}


.rider_dashbord_but{width: 100% !important;
    color: #fff;
    padding: 25px;
    background-color: #019fbe !important;
    box-sizing: border-box;}
.rider_dashbord_but2{
    width: 100% !important;
    color: #fff;
    padding: 25px;
   
    box-sizing: border-box;
}
@media only screen and (max-width: 1100px){
    
    .sp_moblie{
    width: 100% !important;
    margin-top: 20px !important;
}

.login-right-col{
    
    bottom: 22px;
}
}

.card_paddings{
    padding: 10px; /*!important;*/
    box-sizing: border-box;
    
}

.change_hegiht{
    height: 38px !important;
}


@media only screen and (max-width: 1100px){
.response_mobile_submit{
    
    width: 100%;
    margin-top: 10px;
}
}

.cancel_marging{
    margin-left: 25px;
}
.submit_forms{
    float: none !important;
      margin-left: auto;
    margin-right: auto;
   
}

 
.is-invalid .select2-selection {
    
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.change_pagination{
    padding: 10px;
    box-sizing: border-box;
}


.select2bs4_add{
    
    width: 242px !important;
}
.main-sidebar{
    z-index: 9999 !important;
}

.add_table tr,.add_table td{
    vertical-align: middle;
    
}

.image_items{
    
    width:100px; width: 100px; border-radius: 5px; overflow: hidden; padding: 5px; background-color: #dedede;
}

#add-item .modal-content,
#set_item_details .modal-content {
  padding: 15px;
}
.set_item_details{
background-color: #474747 !important;
    color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-right: 4px;}

.set_item_details:hover{
background-color: #007bff !important;
    color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-right: 4px;}


.added_items{
    
    min-height: 282px; 
}
 
.top_border_orderd{
    border-top: 1px solid #47474714 !important;
}

.error_model_add_item_modal{display: none;}
.table thead th {
    padding: 2px 0px 2px 5px;
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
    color: #898989;
    font-weight: 400;
}
 .error_model_add_item_modal div{
    
font-size: 12px !important;
         padding-top: 15px;
}
.order_details_table_action{display: none;}
.error_model_add_item_modal {
    
     text-align: center;
font-size: 16px !important;
    display: none;
}.order_details_table_action_but{cursor: pointer;}


.collector-dropdown .form-control{
    
    padding:0px !important;

    
} 

.discount_event{
    pointer-events: none;
}
.offers_select{
    
    padding: 0px !important;
    margin: 0px !important;
}
.deal_disable_qty{pointer-events: none;}
.collector-dropdown{
    margin-bottom: 15px !important;
} 
.color_piker_width{
    width: 100px;
}
.item_remove_options{
border: 0px;     background: transparent;}
 
.price{text-align: right ;}


.is-invalid{
    
         border: 1px solid #dc3545 !important;
}

.invalid_nb{
    background: transparent  !important;
    
}

.serch_customer_section .is-invalid{ 
      border: 0px solid #dc3545 !important;  
}

.selectPicker_is-invalid{
    
        border: 1px solid #dc3545 !important; 
        border-color: #dc3545;
      padding-right: 2.25rem;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right calc(0.375em + 0.1875rem) center;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 
}


.serch_customer_section .dropdown-toggle .is-invalid{ 
      border: 0px !important;  
}


.switch-btn-top{float: left;}
.toggle-btn-nav span{ float: left; font-size: 12px; padding: 5px 10px 0px 10px; box-sizing: border-box;}

.quantities{
     padding-top: 12px;
     
    font-size: 12px;
    float: left;
    
    
}

.add_items_error{
     display: none;
}
.add_items_error th{
    color: #dc3545 !important;  
    padding-bottom: 10px  !important;  
    padding-top: 10px  !important;  
    font-weight: bold  !important;  
   
    padding-left: 30px  !important;  
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: left calc(0.375em + 0.1875rem) center;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
 

.customer_details{
    
    color: #4b545c;
    
    
}

.sp_td_select .form-control {
    width: 200px !important;  
    float: right;
    
}

.sp_td_select .form-control {
   left: 0 !important;  
    
}

.withd_full{
    width: 100%  !important;  
    color: #fff;
}

.sp_lo_but_color{
    
  background-color: #343a40 !important;  
}
.sp_lo_but_color:hover{
    
  background-color: #1f2123 !important;
}

.nav_sign_out{
    font: right !important;  
}
.flot_right{
    float: right;
}
.navbar-nav{
    width: 100% !important; 
}
.change_min_heght_table{
    
    min-height: 366px  !important;  
    
    max-height: 366px  !important;  
}

.sp_table_padding td{
    padding: 10px 2px 2px 10px !important;   
    vertical-align: middle;
}
@media only screen and (max-width: 1100px){
    .table_max_width{
        width: 600px  !important;  
    }
    .sp_lo_but_color{
        margin-bottom: 10px;
    }
    .main-footer{
        display: none;
    }
    
    .payment-info-bottom {
    /* bottom: 37px; */
         bottom: 0px !important;   
}
    
.quantities{
    
     padding-top: 4px; 
    font-size: 12px;
    float: left;
}
    .customer_details{
    
    text-align: center;
    
}
    .full_width_set{
        width: 100% !important;  
        float: left;
    }
    
    .customer_details{
        width: 100% !important;  
    }
    .customer_details span{
        width: 100%;
        float: left;
    }
    
    .m_full_width{
        width: 100% !important;  
    }
    

    .toggle-btn-nav span {
   
    font-size: 10px  !important;  
  
}
    
    
.sp_td_select .form-control {
    width: 100% !important;  
    
}
    
    
    .btn-search-order {
    width: 100% !important;
    margin-bottom: 5px;
    background-color: #76a3ff;
    width: 130px;
}
    
}

.sp_bg_outlet{
    
    background: url(../img/order-history-top-img-outlet.png) !important; 
    background-size: cover !important; 
}

.sp_bg_laundry{
    
    background: url(../img/order-history-top-img-laundry.png) !important; 
    background-size: cover !important; 
}

.btn-search-order{
    color: #fff;
}
.td_ash td{background-color: #efefef; }

.td_selected td{vertical-align: middle; border-top:1px #ddd solid; }
.td_active td{background-color: #caecff; }



.previous-status .input-group-prepend { display: block !important; }
.previous-status .input-group-prepend button {
    color: #343a40 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    1px solid #e4e4e4 !important
}
.previous-status .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
   color: #343a40 !important;
    background-color: #fff;
    border-color: #fff;
}

.print_table{width: 100%; overflow-x: scroll;}

.padding_left_i{
    padding-left: 5px !important;
}

.payment_id{
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #5e6a75;
}
.payment_grand{font-size: 24px;
    border-top: 1px solid #000;
    padding-top: 5px;
    margin-top: 5px;
    font-weight: bold;}
.return_activated {
    border-radius: 4px;
    color: #fff;
    background-color: #313131 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width: 100%; */
    /* background-color: azure; */
    border: 0px;
}

.color_green{
     color: #5bbf00;
    
}
.color_yellow{
    
    color: #e69500;
    
}
.return_items {
    border-radius: 4px;
    color: #fff;
    background-color: #f3ae00;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width: 100%; */
    /* background-color: azure; */
    border: 0px;
}
.form_add_invoice{
    float: right;
    margin-top: 25px;
    width: 100%;
}

.border_mob{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #7f7f7f38;
}

.paynow_now_but, .paynow_now_but:active, .paynow_now_but:hover { padding: 5px 20px 5px 20px;
    background-color: #ff4100;
    color: #fff;
    margin-top: 5px !important;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.collect_now_but, .collect_now_but:active, .collect_now_but:hover{
    padding: 5px 20px 5px 20px;
    background-color: #212529;
    color: #fff;
    margin-top: 5px !important;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
}