/* .text-red{
    color: #F44336 !important;
}

.btn.btn-primary{
  background-color: #ec5155;
}
.btn.btn-primary:hover{
  background-color: #d23036;
} */


.loader-wrapper{
  position: absolute;
  width:50px;
  height:50px;
  bottom:0;
  top: 0;
  left:0;
  right:0;
  margin:auto;
}
.loader-wrapper .loader{
  height: 25px;
 width: 1px;
 position: absolute;
 animation: rotate 3.5s linear infinite;
}
.loader-wrapper .loader .dot{
  top: 30px;
 height: 7px;
 width: 7px;
 background: #f44336;
 border-radius: 50%;
 position: relative;
}

@keyframes rotate {
  30%{
    transform: rotate(220deg);
  }
  40%{
  transform: rotate(450deg);
    opacity: 1;
 }
 75%{
  transform: rotate(720deg);
  opacity: 1;
 }
 76%{
  opacity: 0;
 }
 100%{
  opacity: 0;
  transform: rotate(0deg);
 }
}
.loader-wrapper .loader:nth-child(1){
  animation-delay: 0.15s;
}
.loader-wrapper .loader:nth-child(2){
  animation-delay: 0.3s;
}
.loader-wrapper .loader:nth-child(3){
  animation-delay: 0.45s;
}
.loader-wrapper .loader:nth-child(4){
  animation-delay: 0.6s;
}
.loader-wrapper .loader:nth-child(5){
  animation-delay: 0.75s;
}
.loader-wrapper .loader:nth-child(6){
  animation-delay: 0.9s;
}

.stats_box{
    width: max-content;
}

.stats_box .base_text{
    height: 30px;
}
/*site loader*/

table.dataTable{
    font-size:12px;
}
table.dataTable th{
    font-weight:400;
}

table.dataTable td{
  font-weight:900;
  padding-top:5px !important;
  padding-bottom:5px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
  display: none;
}

td .details-control  {
  text-align:center;
  /*width:5%;
  min-width:5%;
  max-width:5%;*/
  margin:auto;
}
td .details-control:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0fe";
  font-weight: 900;
  padding: 0px;
  color: #f67280;
  font-size: 20px;
  cursor: pointer;

}
tr.shown td .details-control:before {
  font-family: "Font Awesome 5 Free";
  content: "\f146";
  font-weight: 900;
  padding-left: 0px;
  color: #36b5b0;
}

#allBtn {
  margin: 20px 0px 20px 0px;
  padding-bottom: 20px;
  border-bottom: solid 1px gray ; 
}

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #ff7f7f;
  border: solid 2px #ff7f7f;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #ff7f7f;
  color: white;
}

.row-notes,.row-attachments,.del-row,.copy-row{
  display:inline-block;
}
/* order page */
table.editable-table-fields{
  background: #fff;
}
table.editable-table-fields input,table.editable-table-fields textarea{
        border:0;
        border-bottom:1px dashed #eee;
    }

    table.editable-table-fields input:read-only,table.editable-table-fields textarea:read-only{
        border:0px; 
    }

    table.editable-table-fields input:focus-visible,table.editable-table-fields textarea:focus-visible{
        outline:none;
    }

    table.editable-table-fields .editable-table-select{
        padding-left:2px;
        border:0;
        border-bottom:1px dashed #eee;
        background: url('../media/download.svg');
        display: block;
        width: 100%;
        appearance: none;
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 16px 12px;
        box-shadow: false;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    table.editable-table-fields select.editable-table-select:{
        border:0;
    }

    #add_order_mini_form{
      display:none;
    }

    /* select 2 */

    /* select[].select2-hidden-accessible + .select2-container {
        pointer-events: none;
        touch-action: none;
    } */

    .select2-container--bootstrap5 .select2-dropdown{
        padding:3px;
    }

    .select2-container--bootstrap5 .select2-dropdown .select2-search{
        padding:0;
    }

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option{
        padding:1px 10px;
        border-bottom:1px dashed #eee;
    }

    .select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field{
        padding:4px;
    }

    .blue_box .editable-table-select{
      background: #fff;
      padding-top: 2px;
      padding-bottom: 3px;
    }

    /* select 2 */

    .page-spinner-bar{
        background: #fff;
        width:100%;
        height:100vh;
        position: fixed;
        top:0;
        left:0;
        z-index: 999;
    }

    .page-spinner-bar.hide{
        display: none;
    }

    .page-spinner-ajax{
        background: rgb(0 0 0 / 55%);
        width:100%;
        height:100vh;
        position: fixed;
        top:0;
        left:0;
        z-index: 999;
    }

    .page-spinner-ajax.hide{
        display: none;
    }

    table.table td,table.table th{
      vertical-align: middle;
    }

    .select2-selection__rendered{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 20px !important;
    }

    input[readonly] {
        background-color: #ffffff !important;
        opacity: .8;
        background: repeating-linear-gradient(45deg, #b1b1b1, #b1b1b1 .5px, #e5e5f7 .5px, #ffffff 7px);
    }

    .form-floating .form-select{padding-top:0.5rem!important;}

    .fieldcancel-cover{
      background-color: #ffffff !important;
        opacity: .8;
        background: repeating-linear-gradient(45deg, #b1b1b1, #b1b1b1 .5px, #e5e5f7 .5px, #ffffff 7px);
    }

    .fieldcancel-cover input{
      background: #fff;
      opacity: 1;
    }

    .fieldcancel-cover input[readonly] {
        background-color: transparent !important;
        background: repeating-linear-gradient(45deg, #b1b1b1, #b1b1b1 .5px, #e5e5f7 .5px, #ffffff 7px);
    }



    .fieldcancel {
        background-image: url("../img/cancel.png") !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        background-size: 15px 15px !important;
        cursor: pointer !important;
    }
    
    .flatpickr-input[readonly]{
        background: transparent !important;
    }