main {
  background-color: #fff !important;
}

p {
  font-size: 16px !important;
}

.bg-white {
  background-color: white !important;
}

.text-12px {
  font-size: 12px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.text-black {
  color: black !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

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

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

.ms-auto {
  margin-left: auto !important;
}

.max-w-520px {
  width: 520px !important;
}

.background-fleet-home {
  background: #00000012;
  border-radius: 20px;
  padding: 2rem !important;
}

.text-18px {
  font-size: 18px !important;
}

/* For WebKit browsers (Chrome, Edge, Safari, Opera) */
.custom-date::-webkit-calendar-picker-indicator {
  filter: invert(60%) sepia(10%) saturate(0%) hue-rotate(200deg) brightness(80%);
  opacity: 0.4;
  /* adjust this to control the lightness */
}

/* For Firefox */
.custom-date::-moz-focus-inner {
  color: rgba(255, 255, 255, 0.4) !important;
}

.h-51 {
  height: 51px
}

.react-datepicker-wrapper {
  width: 100% !important;
}

.bg-black {
  background-color: black !important;
}

.text-10px {
  font-size: 10px !important;
}

@media (min-width: 1024px) {
  .btn-app-download {
    width: 12% !important;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .btn-app-download {
    width: 70% !important;
    max-width: none;
  }
}