@import "./argon.css";
@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@100;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap");

body {
  font-family: "Montserrat", sans-serif;
}
:root {
  --primary: #224086;
  --primary2: #19163a;
  --secondary: #5e72e4;
  --secondary-text: #515252;
  --primary-darkest-blue: #1a1639;
  --light-purple: #f6f9fc;
  --light-grey: #e5e9f4;
  --light-pink: #fef1e8;
  --light-blue: #a7bdde;
  --divider: #868686;
}

.h2 {
  font-weight: 600 !important;
}
.breadcrumb-item {
  font-weight: 400 !important;
}

/* Custom background style */
.bg-primary {
  background-color: var(--primary) !important;
}

.bg-light-grey {
  background: var(--light-grey);
}

/* Custom button style */
.btn-primary {
  color: #fff;
  border-color: var(--primary);
  background-color: var(--primary);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.text-primary {
  color: var(--primary) !important;
}
.alert-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

/* Custom badge style */
.badge {
  padding: 0.59rem 1rem;
  border-radius: 20px;
}

.badge-inprogress {
  background: #bad1f5;
}

.badge-pending {
  background: #f9e294;
}

.badge-cancelled {
  background: #f8c5cc;
}

.badge-deleted {
  background: #e37e8c;
  color: #ffff;
}

.badge-declined,
.badge-creditcarddeclined {
  background: #e37e8c;
  color: #ffff;
}

.badge-complete,
.badge-completed {
  background: #d0e5d4;
}

.badge-active {
  background: #f9dbc3;
}

.badge-inactive {
  background: #e3e2e4;
}

.custom-badge i {
  position: relative;
  top: 2px;
  font-size: 26px;
}

.custom-pricing-text {
  position: relative;
  bottom: 7px;
  left: 4px;
}
.app-version {
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 13px;
  padding: 6px 16px;
  border-top: 1px solid whitesmoke;
}
.navbar-brand > img {
  height: 50px !important;
  width: 130px;
  max-height: unset !important;
}

.collapsed .nav-item a {
  margin-left: 10px;
  margin-right: 10px;
}

.collapsed .nav-item a span {
  position: relative;
  right: 10px;
}

.ui-autocomplete {
  z-index: 10000;
  font-size: 11px;
}
.custom-card > .card-header {
  font-size: 14px;
  padding: 17px;
  background: var(--light-purple);
  color: var(--primary);
  font-weight: bold;
}

.custom-card .card-body,
.custom-card .card-body p,
.custom-card .card-footer {
  font-size: 14px !important;
}

.nav-item.active a {
  background: var(--light-pink);
  color: var(--primary2);
  border-radius: 5px;
  font-weight: bold;
}
.nav-link.active {
  background: var(--light-pink) !important;
}

.thead-light-blue {
  background: var(--light-blue);
}

tfoot td {
  background-color: #f6f9fc;
}

.nav-link.active .nav-link-text {
  color: var(--primary2);
  font-weight: bold;
}

.dropdown-item {
  cursor: pointer;
}

.default-cover-image {
  background-color: var(--primary2) !important;
  background: url("../../../public/img/Refuel-Pattern-2.png");
}

.default-header-image {
  background-color: var(--primary2) !important;
  background: url("../../../public/img/Refuel-Pattern-02.png");
}

.headline {
  font-family: "Spartan", sans-serif;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}

#img-load {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  margin-left: -12px;
}

.modal .modal-header {
  background: var(--light-grey);
  color: var(--primary);
  /* padding-bottom: 8px; */
  display: flex;
  align-items: center;

  .close {
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    > svg {
      height: 15px;
    }
  }
}

.modal .modal-header h5 {
  font-size: 14px;
  font-weight: bold;
}
.modal .modal-header .close span {
  font-size: 41px;
}

.modal .modal-body {
  font-size: 14px;

  .custom-header {
    color: var(--primary);
  }
  .custom-subtitle {
    color: var(--secondary-text);
  }
  .custom-label {
    color: var(--secondary-text);
  }
  .custom-price {
    color: var(--primary-darkest-blue);
  }
  .custom-vehicle-subtitle {
    color: var(--primary-darkest-blue);
  }
}

.form-control-plaintext {
  background-color: white !important;
}

.sticky-col-sm {
  position: sticky;
  left: 0px;
  background: white;
}

.sticky-col-md {
  position: sticky;
  left: 150px;
  background: white;
}

.thead-light tr {
  background: #f6f9fc;
}

.fleetLogo,
.dealershipLogo {
  width: 150px;
  aspect-ratio: 1;
}

.error-404-body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.error-404-container {
  display: table;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  min-height: 100vh;
}
.error-404-table-cell {
  display: table-cell;
  margin: 0;
  padding: 0;

  text-align: center;
  vertical-align: middle;
}
.error-content {
  margin: auto;
  font-family: "Spartan";
}
.error-404 {
  font-size: 128px;
  font-weight: 800;
  line-height: 1;
}
.link-expired-title {
  font-size: 100px;
  font-weight: 800;
  line-height: 2;
}
.link-expired-description {
  font-size: 30px;
  font-weight: 400;
  font-family: "Montserrat";
  line-height: 1;
}
.error-page-message {
  font-size: 46px;
  font-weight: 600;
  padding-bottom: 20px;
}
.error-page-description {
  font-size: 20px;
  font-weight: 400;
  font-family: "Montserrat";
  line-height: 1;
}
.btn-dashboard {
  font-family: "Montserrat" !important;
}

/* For 3rd layer support */
/* .g-sidenav-hidden .nav-link.third,
.g-sidenav-hide .nav-link.third {
    padding-left: 15px !important;
}

.g-sidenav-show .nav-link.third > .sidenav-mini-icon {
    display: none !important;
}
.g-sidenav-show.g-sidenav-hidden .nav-link.third {
    padding-left: 4.25rem !important;
}

.g-sidenav-hidden .navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after,
.g-sidenav-hide .navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after {
    display: none;
} */