.justify-content-center{

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center !important;
}



.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {
    display: block;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .857rem;
    color: #EA5455;
}
.is-invalid{
    border-color: #EA5455  !important;
}
.swal2-cancel{
    margin-right: 1rem;
}

div.pos-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 14px solid transparent;
    border-right: 13px solid #3c8dbc;
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.mb-1{
    margin-bottom: 1rem;
}

.mt-1{
    margin-top: 1rem;
}

.form-control{
    height: 40px;
}

.select2-container--default .select2-selection--single:focus, .select2-selection .select2-selection--single:focus {
    border: 1px solid #3c8dbc;
}

/* .is-invalid .select2-container--default .select2-selection--single ,.is-invalid .select2-selection .select2-selection--single  {
    border: 1px solid #EA5455;
} */

.is-invalid .select2-selection{
    border-color: #EA5455;
}


.skin-black .main-sidebar .logo, .skin-black-light .main-sidebar .logo{
    background: #248D91;
}

.main-header .navbar .nav>li>a:focus, .skin-black .main-header .navbar .nav>li>a:hover {
    background: #fff !important;
    color: #248D91 !important;
}

.text-info{
    color: #248D91 !important;
}
.swal2-html-container{
    font-size: 15px !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    width: -webkit-fill-available !important;
    max-height: -webkit-fill-available !important;
    width: 100%;
                    width: -moz-available;          
                    width: -webkit-fill-available;  
                    width: fill-available;
                    max-height:-moz-available;    
                    max-height:fill-available;    
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: fit-content;
}

.select2-selection{
    border-radius: 4px !important;
}

.form-control{
    border-radius: 4px !important;
}

.btn-info{
    background: #248D91;
    border-color:#248D91;
}

.bg-light-secondary{
    background:#00295c ;
}

.btn-info.active, .btn-info:active,.btn-info:hover,.btn-info:active,.btn-info:focus , .open>.dropdown-toggle.btn-info {
    background: #218185 !important;
    border-color:#218185 !important;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #ffffff !important;
    background-color: #218185 !important;
    border-color: #218185 !important;
}
.dropdown-toggle:hover {
    color: #fff !important;
    background: #214774 !important;
    border-color: #00295c;

}

.buttons-csv,
.buttons-excel,
.buttons-print ,
.buttons-collection {
    background: #ffff;
    color: #248D91;
    border: unset !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgb(89 85 85 / 66%);
    -moz-box-shadow: 0px 0px 13px 0px rgb(89 85 85 / 66%);
    box-shadow: 0px 0px 2px 0px rgb(89 85 85 / 66%);
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
}


.buttons-csv:hover ,
.buttons-excel:hover ,
.buttons-print:hover ,
.buttons-collection:hover {
    box-shadow: inset 0 -4px 0 #248d91;
    background: unset !important;
    cursor: pointer;
}


.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 40px !important;
}
.select2-selection__arrow {
    height: 40px !important;
}
.fixedclasspos,.fixedclass {
    bottom: 0;
    /* background: #fff; */
    background: #248D91;
    color: #fff;
    z-index: 999;
    padding: 5px 15px;
    border-top: 1px solid #e0e0e0;
    position: fixed;
    left: 0;
    /* margin-right: 250px; */
    right: 0;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    background-color: #085a89;
    font-size: 25px;
    border-radius: 5px;
    padding: 6px 7px; 
    border-radius: 10px;
}

 
.label1{
    font-size: 20px;
}
 .width_10{
    min-width: 10%;
    min-width: 80px;
 } 
 .width_15{
    min-width: 15%;
 } 
 .min_width_50{
    min-width: 70px;
 } 
 
 .jstree-clicked {
    /* border-style: solid !important; */
    /* border-color:#21467465 !important; */
    background: #21467438 !important; 
 }

   
   .pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
  }
  .mb-7 {
  margin-bottom: 5rem !important;
}
  .mb-8 {
  margin-bottom: 7rem !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.pos_product_ret {
    min-height: 30vh;
    max-height: 57vh;
    overflow-y: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.quote-data-table table {
    /* table-layout: fixed; */
    padding: 20px;
}
.arabic .add-products-form #no-more-tables table thead tr th {
    text-align: right;
    position: static;
    position: relative;
}#no-more-tables table thead tr th.row-number {
    width: 3.5%;
    text-align: center;
}.quote-data-table table thead tr th.row-number {
    width: 40px;
    text-align: center;
}.arabic .add-products-form #no-more-tables table thead tr th {
    text-align: right;
    position: static;
    position: relative;
}.quote-data-table table thead tr th.col1 {
    width: 20%;
}.s_items_table_hd.col1 {
    width: 20% !important;
}.s_items_table_hd.col3 {
    width: 15% !important;
}
.table>thead>tr>th {
    border-bottom: 2px solid #f4f4f4;
}.s_items_table_hd.col2, .s_items_table_hd.qty, .s_items_table_hd.total_before_vat, .s_items_table_hd.row_final_amount {
    width: 8vw !important;
}.arabic #no-more-tables table thead th.qty {
    width: 120px;
    text-align: center!important;
}.arabic #no-more-tables table thead th.unit_price {
    width: 90px;
    text-align: center!important;
}.arabic #no-more-tables table thead th.discount {
    width: 90px;
    text-align: center!important;
}#no-more-tables table thead th.vat_percentage {
    width: 90px;
    text-align: right;
}.quote-data-table table thead tr th:last-child {
    width: 45px!important;
}
.bg-gray {
    color: white;
    background-color: #248D91!important;
}
tfoot>tr {
   
     
    font-weight: 600;
    font-size: 16px;
    color: white;
    background-color: #248D91!important;
}
/* .row.match-height>div{
    display: flex;
    align-items: stretch;
    justify-content: space-around;
} */
.box-default>.box-header {
    display: block;
    text-align: center;
    padding: 10px !important;
    border-top: 4px solid #ffffff;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #fff;
    position: relative;
     
    
}
.box-default>.box-header>.box-title {   
    color: #32325d;
}

.box-default {
    border-top: none; 
    position: relative;
    border-radius: 3px;
    background: #fff;
    border-top: 0px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
     
} 

.match-height>[class*=col] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}
.match-height>[class*=col]>.box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.box .box-body
/* , .box .box-footer
, .box .box-header  */
{
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}


.daterangepicker select.monthselect {
    color: #ffff;
    background-color: #214774;
}
.daterangepicker select.yearselect {
    color: #ffff;
    background-color: #214774;
}




@media screen and (max-width:767px) {
    .main-header .logo {
     display:none
    }
    .main-sidebar .logo {
     display:block
    }
    .text_margin{
       text-align: center;
       margin: 10px 0px;
    } 
    .fixedclasspos {    
       position: unset; 
   }
   .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: initial;
    border-right: 0;
    width: 70px;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    width: 120px;
}
.s_items_table_hd.col1 {
    width: 200px !important;
}.s_items_table_hd.col3 {
    width: 150px !important;
}
   }



   .input-group-btn:last-child>.btn,
   .input-group-btn:First-child>.btn {
       height: 40px;
   }

   .text-success {
    color: #085a89 !important;
}

   /* @media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
     float:left
    }
    .col-sm-12 {
     width:100%;
    }

} */

#loading-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 200px;
    margin-top: 100px;
}

.spinner {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #f3f3f3;
    border-top-color: #248d91;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-text {
    margin-top: 20px;
    font-size: 18px;
    color: #555;
}

.table-scroll{
    overflow-y: auto !important;
    overflow-x: scroll !important;
}


.radio_card{
    /* border-radius: 5px;
     margin-bottom: 3px;
    height: 52px;
    text-align: center;
    box-shadow: 0px 0px 2px 0px rgb(89 85 85 / 66%); */
    border-radius: 5px;
    margin-bottom: 15px;
    height: 40px;
    text-align: center;
    box-shadow: 0px 0px 2px 0px rgb(89 85 85 / 66%);
}
.color-black {
    color: black;
}
.p-0 {
    padding: 0 !important;
}
.gold_radio{
    margin-bottom: 5.5px;
    margin-top: 5.5px;
}

.select_old_batch{
    max-height: 50vh;
    overflow-y: scroll;
}
.select_old_batch .dropdown-item:hover{
    font-weight: bold;
    border-right-color: #214774;
    border-right-style: solid;
    border-right-width: 4px;
}

.paginate_button.next,
.paginate_button.previous {
    display: none !important;
}
.is-invalid-border{
    border: 1px solid #EA5455;
    border-radius: 8px ;
}.is-invalid-border a {
    color: #EA5455 !important;
}

.required_input{
    background-color: antiquewhite !important;
}