.fuel-table th {
  background: #333333;
}

.fuel-table th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.fuel-table th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.balanceArea.blue {
  border: 1px solid #0f0fe9;
  background: #f5f2ff;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: white;
}

.date-icon {
  position: absolute;
  right: 10px;
  top: 5px;
}

.flatpickr-calendar {
  border: 1px solid black;
  border-radius: 20px;
}

.fuel-table tbody td.empty {
  background: white;
  border: 0px !important;
  height: 10px;
  padding: 0px !important;
}

.fuel-table tbody td {
  border-top: 1px solid #2aff63;
  border-bottom: 1px solid #2aff63;
}

.fuel-table td:first-child {
  border-left: 1px solid #2aff63;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.fuel-table td:last-child {
  border-right: 1px solid #2aff63;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

.paginate_button.page-item.active,
.page-item.active .page-link {
  background-color: #333333;
  color: white !important;
  border: 1px solid #333333;
}

.paginate_button.page-item,
.paginate_button.disabled,
.paginate_button {
  background-color: transparent;
  color: #333333 !important;
  border: 1px solid #333333;
  border-radius: 5px;
  padding: 5px 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgb(123, 157, 131);
  margin: 0px 5px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.page-link {
  background-color: transparent !important;
  border: 0px !important;
}

.paginate_button.page-item a {
  color: #333333 !important;
}

.paginate_button.page-item.active a {
  color: white !important;
}

.page-link {
  padding: 0px;
  color: rgba(155, 155, 155, 1);
}

.subBanner .subBannerTitle {
  position: relative;
  z-index: 11;
}

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

input:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: initial !important;
}

.btn.btn-link.collapsed .arrow-container img {
  transform: rotate(180deg) translateX(0px);
}

.maintainance-h1 {
  font-family: var(--secondary-font);
  font-size: 20px;
  color: #888888;
}

.maintainance-p {
  font-family: var(--secondary-font);
  font-size: 30px;
  color: #e90fa0;
}

.opacity-container {
  position: absolute;
  z-index: -1;
  top: 0;
}

.bottomVecor.pink {
  background: url(../img/bottomVector-pink.svg) center top no-repeat;
  margin-top: 60px;
}

@media (min-width: 576px) {
  .landingContent.maintainance::before,
  .landingContent.maintainance::after {
    background-size: contain;
    width: 400px;
    height: 340px;
  }
}

@media (max-width: 576px) {
  .landingContent.maintainance::before {
    left: -75px !important;
    top: 0;
  }

  .landingContent.maintainance::after {
    right: -75px !important;
    top: 0;
  }
}

.box-fuel-burnt {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(245, 61, 165, 0.18) 100%
  );
  padding: 20px 15px;
  border-radius: 20px;
  border-top: 1px solid #e90fa0;
  border-bottom: 1px solid #e90fa0;
  text-align: center;
}

.balance-amount {
  font-family: var(--primary-font-bold);
  font-size: 35px;
  margin-top: 5px;
  position: relative;
  z-index: 9;
}

.balance-amount.red {
  color: #e90fa0;
}

.balance-amount.green {
  color: #009622;
}

.box-fuel-dollar {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(203, 251, 58, 0.57) 100%
  );
  padding: 20px 15px;
  border-radius: 20px;
  border-top: 1px solid #2aff61;
  border-bottom: 1px solid #2aff61;
  text-align: center;
}