.loading {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* Light gray border */
    border-top: 5px solid #3498db; /* Blue border on top */
    border-radius: 50%; /* Circular border */
    animation: spin 1s linear infinite; /* Animation */
  }

  @keyframes spin {
    0% { transform: rotate(0deg); } /* Starting position */
    100% { transform: rotate(360deg); } /* Ending position */
  }


.blurred {
    filter: blur(5px);
    transition: filter 0.3s ease;
}

.blurred:hover {
    filter: none;
}

@media (max-width: 820px) {
    .mobile-background {
      background-color: black;
    }
    .toggle-btn-bg-200 {
        background-color: rgb(229, 231, 235);
        margin-right: 10px;
      }
  }

.grey-border {
    border: 1px solid grey !important;
}
.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows[type=number] {
    -moz-appearance: textfield;
}

.zero-padding{
    padding: 0px !important;
}

.item-delivery-input{
    padding-left: 0px !important;
    padding-right: 3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 100px;
    float: right;
}
.cusSearchField{
    position: sticky;
    top: 0;
    z-index: 999;
}

.action-form-inline{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.watermark {
    width: 150px;
    height: 50px;
    display: block;
    position: relative;
    pointer-events: none;
}
.watermark img{
    width: 100%;
    height: auto;
    display: inline-block;
    opacity: 0.2 !important;
}

.print-table{}