@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  font-family: "Sora" !important;
  -webkit-tap-highlight-color: transparent;
}

.stripe {
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
}

.datepicker-header {
  background-color: #38cb89;
}

.accordion-button:not(.collapsed),
.datepicker-footer-btn {
  color: #38cb89;
}

.workbench td,
.workbench th {
  border-bottom: 1px solid #fafbfc;
  padding: 1rem;
}

.accordion-collapse tr td {
  background-color: rgba(56, 203, 137, 0.05);
}

.accordion-collapse tr td {
  padding-left: 5%;
}

#warehouse-table tbody tr > td,
#warehouse-table tbody tr > th {
  position: relative;
  padding-left: 1.5%;
}