.div-shadow {
     border-radius: 30px !important;
     box-shadow: 10px 10px 3px lightgray;
}

.margin-left-4 {
     margin-left: 4px;
}

.ml-16 {
     margin-left: 16px !important;
}

.bg-color-white {
     background-color: #FFFFFF;
}

.filter-section .row>* {
     /* flex-shrink: 0; */
     /* width: 100%; */
     /* max-width: 100%; */
     /* padding-right: calc(var(--bs-gutter-x) * .5); */
     padding-left: 0px !important;
     padding-right: calc(var(--bs-gutter-x) * .2);
     /* margin-top: var(--bs-gutter-y); */
}

.filter-section .form-select {
     padding: 0.375rem 2.25rem 0.58rem 0.75rem !important
}

@media only screen and (max-width: 768px) {
     .order-button {
          display: inline-block !important;
     }

     #nav-list {
          margin-left: 0rem !important;
     }
}

@media (min-width: 600px) and (max-width: 768px) {
     /* .order-button{
          display: inline-block !important;
     } */
}

.order-button {
     display: inline-block !important;
}

[data-tag="allowRowEvents"] {
     /* white-space:wrap !important;
          overflow: visible !important;
          text-overflow: ellipsis !important; */
}

.cursor {
     cursor: pointer !important;
}

.modal-backdrop {
     height: 100% !important;
     width: 100% !important;
}

.chip {
     white-space: wrap !important;
}

.modal .modal-content {
     padding: 15px;
     border-left: 5px solid #ff6421;
     border-radius: 15px;
}

.fwGovb {
     z-index: 99 !important;
}

.modal-header {
     border-bottom: none !important;
}

.brFloq {
     overflow: visible !important;
}

.optionListContainer {
     z-index: 999 !important;
}

.text-shadow {
     text-shadow: 1px 1px gray;
}

.order-form label {
     text-shadow: 0.3px 0.3px gray;
}

.search {
     position: relative;
}

.not-allowed {
     cursor: not-allowed !important;
}

/* .pac-container {
     margin-top: 0;

     background-color: red !important;
} */

.overlay-loder {
     position: fixed !important;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     z-index: 1000 !important;
     background-color: rgba(0, 0, 0, .7) !important;
}

.loader-size {
     height: 4rem !important;
     width: 4rem !important;
}

.user-avatar {
     /* height: 2rem; */
     /* width: 2rem; */
     font-size: 41px;
     color: #ff6421
}

.input-error {
     border: 1.4px solid red !important;
}

.text-orange {
     color: #ff6421 !important;
}
.text-blue {
     color: #004aad !important;
}
.btn-orange {
     background-color: #ff6421 !important;
     color: #F7F6FB;
}

.btn-blue {
     background-color: #004aad !important;
     color: #F7F6FB;
}

.first-cap::first-letter {
     text-transform: uppercase !important;
}

.bg-light-orange {
     background-color: #FBEFEA !important;
}

.bg-orange {
     background-color: #ff6421 !important;
}

.bg-light-blue {
     background-color: #ADD8E6;
}

.bg-blue {
     background-color: #004aad;     
}

.bg-yellow {
     background-color: #f6dd00;     
}

.font-white {
     color: white;     
}

.h-500 {
     height: 500px !important;
}

.sc-eTNxZ {
     white-space: normal !important;
}

.rdt_TableHeadRow .sc-hLQTFJ:last-child {
     border-right: 1px solid gray !important;

}

.rdt_Pagination {
     display: flex !important;
     font-size: 25px;
     justify-content: center !important;

}

.rdt_Pagination span {
     font-size: 24px !important;
     color: #004aad !important;
}


.rdt_Pagination button {
     border: 1px solid #004aad;
     margin: 5px
}

.rdt_Pagination svg {
     fill: #004aad;
}

.order-button-section .btn-orange {
     border: 2px solid black;
}

/* .order-button-section .btn-blue {
     border: 2px solid black;
}
 */
.kZkdeH:disabled {
     opacity: 0.5;
     cursor: not-allowed !important;
}

.body-pd .nav_list {
     margin-left: 0.5rem !important;
}


.hide .icon:first-child {
     background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
     cursor: pointer;
}

.show .icon:first-child {
     background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}

.pagination button:first-child{
     font-size: 21px !important;
     color: black !important;
   }
   
 
   .pagination li {
     height: 100% !important;
     width: 26px !important;
     border-radius: 50%;
 }
   .rc-pagination li a{
     height: 100% !important; 
     justify-content: center !important;
     display: flex !important;
     align-items: center !important;
   
   }
   @media only screen and (max-width: 768px) {
     .logout{
          margin-right: 15px !important;
     }
   }
   @media only screen and (min-width: 768px) {
    .logout{
     position: relative;
    
    }
    .bx-log-out{
     position: absolute;
     right: 61px;
    }

   }

   .jvVyiZ,.buVaUk{
     opacity: 0.6 !important;
   }


   .bg-gray{
     background-color: #e3dfc8 !important;
   }