@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");
html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.loader-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.loader {
  position: fixed;
  top: 45%;
  left: 56%;
}

.loader span {
  position: absolute;
  color: #fff;
  transform: translate(-50%, -50%);
  font-size: 2.5rem;
  letter-spacing: 5px;
  background-image: linear-gradient(to left, #ffa84a, #066d66);
  background-size: "100%";
  background-repeat: "repeat";
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 600;
}

.loader span:nth-child(2) {
  background-image: linear-gradient(to top right, #ffa84a, #066d66);
  animation: uiverse723 3s ease-in-out infinite;
}

/* Print Header */
@page print {
  size: 8.27in 11.69in;
  margin: 0.5in 0.5in 0.5in 0.5in;
  mso-header-margin: 0.5in;
  mso-footer-margin: 0.5in;
  mso-paper-source: 0;
}
.print {
  page: print;
}
.fprint {
  display: none;
}
@media print {
  .fprint {
    display: block;
  }
  .print-mt {
    margin: 0.5in 0.5in !important;
  }
  .MuiGrid-root {
    background: white !important;
    color: black !important;
  }
  /* "pty" is for selecting empty and unEmpty classes */
  table tr:not(:last-child) td:not([class*="pty"]) {
    background: white;
    color: black !important;
  }
  table tr td,
  table tr th {
    border-color: white !important;
  }
  .rfid table tr td,
  .rfid table tr th {
    border-color: black !important;
  }
  .print-d-none {
    display: none !important;
  }
}
/* *** */
.filterTab .Mui-selected {
  background: #9fa692 !important;
  border-radius: 8px !important;
  color: #fff !important;
  border: 0 !important;
  transition: all 250ms ease-in-out;
}

/* Date Range For Fixing white background*/
.MuiGrid2-root:has(.DRP-Defined-Ranges),
.MuiGrid2-root:has(.DRP-Defined-Ranges) .MuiInputBase-root {
  background-color: unset !important;
}

/* Custome icon */
.customMuiICON {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  fill: currentColor;
  font-size: 1.5rem;
}

@keyframes uiverse723 {
  0%,
  100% {
    clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
  }

  50% {
    clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
  }
}