@charset "UTF-8";
@import "/css/tabulator.min.css";
@import "/css/swiper-bundle.min.css";
:root {
  --black: #000000;
  --white: #ffffff;
  --rgba-black-01: rgba(0, 0, 0, 0.1);
  --rgba-black-004: rgba(0, 0, 0, 0.04);
  --rgba-black-012: rgba(0, 0, 0, 0.12);
  --mainmenu-selected-color: #8154F2;
  --submenu-selected-color: var(--light-gray);
  --table-row-even-color: var(--gray-100);
  --table-kabob-menu-border-color: var(--gray-300);
  --slide-panel-close-bg-color: black;
  --slide-panel-close-border-color: black;
  --border-color-green: var(--light-green);
  --border-color-gray: var(--gray-300);
  --border-color-orange: #ff7800;
  --border-color-purple: #8154f2;
  --border-color-light-blue: #d4dae7;
  --border-light-gray: var(--gray-300);
  --button-border-purple: #937bbf;
  --chart-status-green: #24b632;
  --chart-status-pastel-green: #effcf5;
  --chip-color-red: #e34c4c;
  --select-light-blue-bg-color: var(--light-gray);
  --select-light-blue-border: var(--gray-300);
  --switch-toggle-background: var(--gray-100);
  --switch-toggle-border-default: var(--gray-300);
  --switch-toggle-border-success: #008a55;
  --progress-bg-color: #ede8ff;
  --progress-bar-color: #8544f3;
  --swiper-theme-color: #007aff;
  --vanilla-select-border: var(--gray-500);
  --vanilla-select-unchecked: var(--gray-700);
  --vanilla-select-blue: #3782c8;
  --vanilla-select-light-gray: var(--gray-100);
  --vanilla-select-dark-gray: var(--gray-900);
  --red50: #ffebee;
  --red100: #ffcdd2;
  --red400: #ef5350;
  --red: #b00020;
  --blue50: #e3f2fd;
  --blue: #1565c0;
  --light-blue: #e5ebf9;
  --yellow-amber50: #ffecb3;
  --yellow-amber600: #ffb300;
  --orange-a700: #CE3A0D;
  --green50: #e8f5e9;
  --green: #2e7d32;
  --light-green: #24ad76;
  --pay-light-green: #cbf0e2;
  --deep-purple50: #ede7f6;
  --purple: #8154F2;
  --light-purple: #bdb6ff;
  --dark-blue: #212e35;
  --gray: #eef1f6;
  --light-gray: #f8faff;
  --seafoam: #ebf4f4;
  --gold: #fbb500;
  --gray-100: #f5f5f5;
  --gray-300: #e0e0e0;
  --gray-500: #9e9e9e;
  --gray-blue: #b1b5b8;
  --gray-700: #616161;
  --gray-900: #212121; }

:root {
  --font-light: "AvertaStd-Light", sans-serif;
  --font-regular: "AvertaStd-Regular", sans-serif;
  --font-semibold: "AvertaStd-Semibold", sans-serif;
  --font-bold: "AvertaStd-Bold", sans-serif;
  --font-extrabold: "AvertaStd-Extrabold", sans-serif; }

:root {
  --side-bar-width: 14.375em;
  --side-bar-collapsed-width: 6.25em; }

html,
body {
  height: auto;
  font-family: var(--font-regular);
  font-size: 1em;
  color: var(--black);
  margin: 0;
  padding: 0;
  background: var(--gray);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  touch-action: manipulation; }
  @media (min-width: 1640px) {
    html,
    body {
      font-size: 1vw; } }
body * {
  box-sizing: border-box; }

body.active-popup {
  margin-bottom: 625rem;
  overflow: hidden; }

#content-wrap {
  position: relative;
  min-height: 100vh; }

a {
  color: var(--black);
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a.blue-line {
    color: var(--blue); }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

a,
button {
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#page-container {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: min-content minmax(0, 1fr);
  max-width: 1640px;
  padding: 0 1.5rem 0 0; }
  @media (max-width:991px) {
    #page-container {
      grid-gap: 1rem;
      grid-template-columns: minmax(0, 1fr);
      padding: 0 1rem; } }
  @media (min-width:1600px) {
    #page-container {
      max-width: 102.5rem; } }
.container {
  display: grid;
  grid-gap: 1.5rem;
  padding: 0 0 3rem 0; }

body > banners {
  right: 0;
  left: 0;
  max-width: 77.125rem;
  margin: 0 auto; }

banners {
  position: fixed;
  top: 0;
  left: 17.375rem;
  width: 100%;
  max-width: calc(100% - 18.875rem);
  transition: all 0.3s ease;
  z-index: 99; }
  @media (max-width:991px) {
    banners {
      left: 0;
      width: 100%;
      max-width: 100%; } }
.collapsed + #mobile-sidebar-overlay + #content-wrap banners {
  left: 9.25rem;
  max-width: calc(100% - 10.75rem); }
  @media (max-width:991px) {
    .collapsed + #mobile-sidebar-overlay + #content-wrap banners {
      left: 0;
      max-width: 100%; } }
banner {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0.875rem 1rem;
  overflow: hidden; }
  @media (max-width:991px) {
    banner.with-action {
      flex-direction: column; }
      banner.with-action .banner-button-wrapper {
        position: relative;
        bottom: -1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% + 2rem);
        margin: 0 0 0 -1rem;
        border-top: 1px solid var(--white); }
        banner.with-action .banner-button-wrapper button {
          width: 50%; }
          banner.with-action .banner-button-wrapper button.banner-action-button {
            margin: 0;
            padding: 1rem;
            border-right: 1px solid var(--white); }
          banner.with-action .banner-button-wrapper button.banner-close-button::before {
            display: none; }
          banner.with-action .banner-button-wrapper button.banner-close-button span {
            display: block; } }
  banner:last-of-type {
    border-bottom-right-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem; }
  banner p,
  banner button {
    position: relative;
    font-family: var(--font-semibold);
    font-size: 0.875rem;
    color: var(--white);
    margin: 0; }
  banner p {
    display: flex;
    align-items: center;
    min-height: 1.5rem;
    padding: 0 1rem 0 2.25rem; }
    banner p::before {
      position: absolute;
      top: 0.0625rem;
      left: 0;
      width: 1.25rem;
      height: 1.25rem;
      content: ""; }
  banner .banner-button-wrapper {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin: 0 0 0 auto; }
  banner button {
    padding: 0;
    background: transparent;
    border: 0; }
    banner button.banner-action-button {
      margin: 0 1rem 0 0; }
    banner button.banner-close-button {
      flex-shrink: 0;
      width: 1.5rem;
      height: 1.5rem; }
      banner button.banner-close-button span {
        display: none; }
      banner button.banner-close-button::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.5rem;
        color: var(--white);
        content: "\e91b"; }
  banner.success-banner {
    background: var(--light-green); }
    banner.success-banner p::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--white);
      content: "\e918"; }
  banner.error-banner {
    background: var(--red); }
    banner.error-banner p::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--white);
      content: "\e90c"; }
  banner.trouble-banner {
    background: var(--orange-a700); }
    banner.trouble-banner p::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--white);
      content: "\e90d"; }
  banner.info-banner {
    background: var(--dark-blue); }
    banner.info-banner p::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--white);
      content: "\e90c"; }
  banner.feature-banner {
    background: var(--blue); }
    banner.feature-banner p::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--white);
      content: "\e90c"; }

banners#bottom-banners {
  top: initial;
  bottom: 0; }

@font-face {
  font-family: "AvertaStd-Light";
  src: url("/fonts/averta/hinted-AvertaStd-Light.woff") format("opentype"); }

@font-face {
  font-family: "AvertaStd-Regular";
  src: url("/fonts/averta/hinted-AvertaStd-Regular.woff") format("opentype"); }

@font-face {
  font-family: "AvertaStd-Semibold";
  src: url("/fonts/averta/hinted-AvertaStd-Semibold.woff") format("opentype"); }

@font-face {
  font-family: "AvertaStd-Bold";
  src: url("/fonts/averta/hinted-AvertaStd-Bold.woff") format("opentype"); }

@font-face {
  font-family: "AvertaStd-Extrabold";
  src: url("/fonts/averta/hinted-AvertaStd-Extrabold.woff") format("opentype"); }

@font-face {
  font-family: "icon-ifleet";
  src: url("/fonts/icon-fonts/icon-ifleet.woff");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: "swiper-icons";
  font-weight: 400;
  font-style: normal;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); }

.tabulator {
  background: transparent;
  border: 0;
  overflow: inherit;
  /* stylelint-disable-next-line selector-class-pattern */ }
  .tabulator .tabulator-col-resize-handle {
    display: none; }
  .tabulator .tabulator-header {
    margin-bottom: 0.5rem;
    padding: 0;
    background-color: transparent;
    border-bottom: 0; }
    .tabulator .tabulator-header.disabled * {
      color: var(--gray-500) !important;
      pointer-events: none; }
    .tabulator .tabulator-header .tabulator-headers {
      padding: 0 1rem; }
    .tabulator .tabulator-header .tabulator-col {
      height: auto !important;
      background: transparent;
      border: 0; }
      .tabulator .tabulator-header .tabulator-col:last-child .tabulator-col-title-holder {
        justify-content: center; }
      .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
        background: transparent; }
      .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
        padding: 0; }
        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
          display: flex; }
        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
          width: auto !important;
          font-size: 0.75rem;
          color: var(--black);
          text-transform: uppercase;
          white-space: break-spaces;
          padding: 0 0.625rem 0 0;
          overflow: visible; }
        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
          position: relative; }
  .tabulator .tabulator-row {
    margin: 1rem 0;
    padding: 1rem !important;
    border-radius: 0.625rem;
    box-shadow: 0 0.0625rem 0.25rem 0 var(--rgba-black-004);
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
    @media (max-width:767px) {
      .tabulator .tabulator-row {
        margin: 0; } }
    .tabulator .tabulator-row.tabulator-row-even {
      background-color: var(--table-row-even-color); }
      @media (max-width:767px) {
        .tabulator .tabulator-row.tabulator-row-even {
          background-color: var(--white); } }
    .tabulator .tabulator-row.tabulator-selectable:hover {
      background: var(--white); }
      @media (max-width:767px) {
        .tabulator .tabulator-row.tabulator-selectable:hover {
          background: transparent; } }
      .tabulator .tabulator-row.tabulator-selectable:hover:nth-child(even) {
        background-color: var(--table-row-even-color); }
    .tabulator .tabulator-row .tabulator-responsive-collapse {
      padding: 0;
      border: 0; }
      .tabulator .tabulator-row .tabulator-responsive-collapse .kabob-menu-wrap {
        top: 2.0625rem;
        left: -11.375rem; }
    .tabulator .tabulator-row .tabulator-cell {
      height: auto !important;
      padding: 0;
      border: 0;
      overflow: visible; }
      .tabulator .tabulator-row .tabulator-cell:last-child {
        text-align: center; }
      .tabulator .tabulator-row .tabulator-cell p {
        width: 100%;
        color: var(--black);
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0;
        overflow: hidden; }
      .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap {
        white-space: break-spaces;
        overflow-wrap: break-word; }
        @media (max-width:991px) {
          .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap {
            white-space: nowrap; } }
        .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap > div {
          width: 100%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap > .status-cell-wrap {
          overflow: visible; }
        .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap.date-time-string span {
          display: block; }
        .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap.kabob-cell > div {
          overflow: inherit; }
  .tabulator .tabulator-tableHolder {
    height: 100% !important;
    overflow: unset; }
    .tabulator .tabulator-tableHolder .tabulator-table {
      width: 100%;
      background-color: transparent; }
  .desktop-grid-view .tabulator .tabulator-row {
    margin: 0; }
    .desktop-grid-view .tabulator .tabulator-row.tabulator-row-even {
      background-color: var(--white); }
    .desktop-grid-view .tabulator .tabulator-row .tabulator-cell .tb-cell-wrap {
      white-space: nowrap; }
  .tabulator .tb-cell {
    display: flex;
    align-items: center;
    height: 100%;
    white-space: break-spaces;
    cursor: pointer; }
    .tabulator .tb-cell .toggle {
      align-items: center;
      height: 100%;
      margin-left: 0.25rem; }
  .tabulator .tabulator-footer {
    text-align: center;
    margin-top: 1rem;
    background: transparent;
    border-top: 0; }
    @media (max-width:767px) {
      .tabulator .tabulator-footer {
        padding: 0.3125rem 0; }
        .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages {
          margin: 0;
          gap: 0; } }
    @media (max-width:363px) {
      .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages {
        display: flex !important; } }
    .tabulator .tabulator-footer .tabulator-paginator {
      display: flex;
      justify-content: center;
      gap: 5px; }
      .tabulator .tabulator-footer .tabulator-paginator > button {
        width: 1.25rem;
        color: transparent;
        padding: 0;
        background: transparent;
        border: 0; }
        .tabulator .tabulator-footer .tabulator-paginator > button:hover {
          background: transparent !important; }
        .tabulator .tabulator-footer .tabulator-paginator > button[data-page="first"]::before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          color: var(--gray-700);
          content: "\e902"; }
        .tabulator .tabulator-footer .tabulator-paginator > button[data-page="prev"]::before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          color: var(--gray-700);
          content: "\e909"; }
        .tabulator .tabulator-footer .tabulator-paginator > button[data-page="next"]::before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          color: var(--gray-700);
          content: "\e90a"; }
        .tabulator .tabulator-footer .tabulator-paginator > button[data-page="last"]::before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          color: var(--gray-700);
          content: "\e903"; }
        .tabulator .tabulator-footer .tabulator-paginator > button:disabled {
          opacity: 0.3;
          cursor: default !important; }
          .tabulator .tabulator-footer .tabulator-paginator > button:disabled:hover {
            color: transparent !important; }
      .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled):hover {
        color: transparent; }
      .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages {
        display: flex;
        justify-content: center; }
        .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button {
          width: 1.875rem;
          height: 1.875rem;
          font-family: var(--font-bold);
          background: transparent;
          border: 0.125rem solid var(--black);
          border-radius: 50%; }
          .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button.active {
            color: var(--white);
            background: var(--black); }
          .tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:not(.disabled):hover {
            color: var(--black);
            background: var(--white); }
  .tabulator .kabob-menu-wrap {
    right: 1.625rem;
    white-space: nowrap; }
    .tabulator .kabob-menu-wrap .kabob-open-close .icon-arrow-right {
      font-size: 1.5rem; }
    .tabulator .kabob-menu-wrap li {
      padding: 0.5rem;
      border-bottom: 0.0625rem solid var(--table-kabob-menu-border-color); }
      .tabulator .kabob-menu-wrap li:last-child {
        border-bottom: 0; }
      .tabulator .kabob-menu-wrap li a {
        display: flex;
        align-items: center;
        font-family: var(--font-regular); }
      .tabulator .kabob-menu-wrap li span {
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.5rem; }
  .tabulator .no-tabulator-data {
    display: flex;
    align-items: center;
    min-height: 4rem;
    font-family: var(--font-regular);
    padding-left: 1rem;
    background: var(--white);
    border-radius: 0.625rem; }
    @media (max-width:991px) {
      .tabulator .no-tabulator-data {
        padding: 1.5rem;
        background: var(--white);
        border-radius: 0.625rem;
        box-shadow: 0 1px 8px 0 var(--rgba-black-012), 0 3px 3px -2px var(--rgba-black-004);
        min-height: 5rem; } }
  @media (max-width:991px) and (max-width:767px) {
    .tabulator .no-tabulator-data {
      padding: 1rem; } }
  .tabulator .tabulator-col-title-holder {
    align-items: center; }
  .tabulator .tabulator-col-sorter {
    width: 1.5rem;
    height: 1.5rem; }
    .tabulator .tabulator-col-sorter icon {
      font-size: 1rem; }
      .tabulator .tabulator-col-sorter icon.sort-active {
        display: none;
        font-size: 1.5rem;
        color: var(--purple);
        transform: rotate(90deg); }
  .tabulator .tabulator-col[aria-sort="none"] .tabulator-col-sorter .sort-default {
    position: relative;
    left: 0.125rem;
    display: inline-block; }
  .tabulator .tabulator-col[aria-sort="none"] .tabulator-col-sorter .sort-active {
    display: none; }
  .tabulator .tabulator-col[aria-sort="asc"] .tabulator-col-sorter .sort-default {
    display: none; }
  .tabulator .tabulator-col[aria-sort="asc"] .tabulator-col-sorter .sort-active {
    display: inline-block; }
  .tabulator .tabulator-col[aria-sort="desc"] .tabulator-col-sorter .sort-default {
    display: none; }
  .tabulator .tabulator-col[aria-sort="desc"] .tabulator-col-sorter .sort-active {
    display: inline-block;
    transform: rotate(270deg); }

/* stylelint-disable value-no-vendor-prefix */
#mobile-menu {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.5rem 1rem;
  background: var(--white);
  box-shadow: 0 0.0625rem 0.5rem var(--rgba-black-012); }
  #mobile-menu .mobile-menu-trigger {
    min-width: 2.5rem; }
    #mobile-menu .mobile-menu-trigger icon {
      font-size: 1.3125rem; }
  #mobile-menu .mobile-logo {
    max-width: 50%;
    text-align: center; }
    #mobile-menu .mobile-logo img {
      width: 80%; }
  #mobile-menu .button-wrapper {
    min-width: 2.5rem; }
  #mobile-menu .alert-wrapper {
    border-radius: 50%;
    box-shadow: 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.35); }

#sidebar {
  grid-column: 1 / 2;
  width: var(--side-bar-width);
  min-height: 96%;
  padding: 1.5rem 0;
  background: var(--white);
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.15);
  transition: all 0.15s ease-out; }
  #sidebar .disabled {
    pointer-events: initial; }
  #sidebar .side-menu-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    font-family: var(--font-semibold); }
    #sidebar .side-menu-wrapper #collapse-btn {
      position: absolute;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.5rem;
      height: 3.5rem;
      background: var(--gray-300); }
      #sidebar .side-menu-wrapper #collapse-btn icon {
        font-size: 0.5rem;
        color: var(--gray-700);
        transform: rotate(90deg);
        filter: none !important; }
    #sidebar .side-menu-wrapper > ul:last-child {
      margin-top: auto; }
    #sidebar .side-menu-wrapper .top-logo {
      text-align: center; }
      #sidebar .side-menu-wrapper .top-logo > a {
        width: 100%; }
      #sidebar .side-menu-wrapper .top-logo .logo-big {
        display: inline;
        width: 60%; }
      #sidebar .side-menu-wrapper .top-logo .logo-small {
        display: none; }
    #sidebar .side-menu-wrapper .user-icon {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 1rem 0.5rem 0.5rem 1rem;
      gap: 0.5rem; }
      #sidebar .side-menu-wrapper .user-icon .menu-text {
        width: 70%; }
        #sidebar .side-menu-wrapper .user-icon .menu-text br {
          display: none; }
        #sidebar .side-menu-wrapper .user-icon .menu-text .user-name {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-break: break-word;
          overflow: hidden; }
    #sidebar .side-menu-wrapper .user-picture {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 2rem;
      height: 2rem;
      font-family: var(--font-bold);
      font-size: 1rem;
      color: var(--white);
      background: var(--red400);
      border-radius: 50%;
      transition: all 0.15s ease-out; }
    #sidebar .side-menu-wrapper .user-name {
      font-weight: bold; }
    #sidebar .side-menu-wrapper .user-id {
      font-size: 0.75rem; }
    #sidebar .side-menu-wrapper .menu-icon {
      position: relative; }
      #sidebar .side-menu-wrapper .menu-icon::before {
        font-size: 1.75rem; }
    #sidebar .side-menu-wrapper #signOutLink .menu-icon {
      font-size: 1.8125rem;
      filter: brightness(0); }
    #sidebar .side-menu-wrapper .mega-menu-trigger {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: var(--font-regular);
      font-size: 0.875rem;
      margin: 0.25rem 0 0.5rem 0;
      padding: 0.5rem 1rem;
      background: var(--gray-100);
      gap: 0.5rem; }
      #sidebar .side-menu-wrapper .mega-menu-trigger icon {
        font-size: 1.25rem;
        color: var(--gray-700); }
    #sidebar .side-menu-wrapper .border-top {
      padding-top: 1rem;
      border-top: 0.0625rem solid var(--border-light-gray); }
    #sidebar .side-menu-wrapper ul li {
      position: relative;
      display: flex;
      flex-direction: column;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      #sidebar .side-menu-wrapper ul li:not(.no-selection):not(.current):hover {
        background: var(--gray-100); }
      #sidebar .side-menu-wrapper ul li > a {
        display: flex;
        align-items: center;
        height: 3.5rem;
        padding: 0.5rem 0 0.5rem 2rem;
        gap: 1rem; }
      #sidebar .side-menu-wrapper ul li.selected > a {
        background: var(--gray-100); }
      #sidebar .side-menu-wrapper ul li.current.selected > a {
        height: 3.5rem;
        background: var(--mainmenu-selected-color); }
      #sidebar .side-menu-wrapper ul li.current.selected.current::before {
        display: none; }
      #sidebar .side-menu-wrapper ul li.current.selected .menu-icon {
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(76deg) brightness(150%) contrast(104%); }
      #sidebar .side-menu-wrapper ul li.current.selected .menu-text {
        color: var(--white); }
      #sidebar .side-menu-wrapper ul li.current::before {
        position: absolute;
        width: 0.3125rem;
        height: 100%;
        border-left: 0.3125rem solid var(--mainmenu-selected-color);
        content: ""; }
    #sidebar .side-menu-wrapper ul.sub-menu {
      display: none;
      padding: 0; }
      #sidebar .side-menu-wrapper ul.sub-menu.selected {
        display: block;
        padding: 0.5rem 0;
        background: var(--submenu-selected-color); }
      #sidebar .side-menu-wrapper ul.sub-menu .more-menu {
        display: none; }
      #sidebar .side-menu-wrapper ul.sub-menu li {
        min-height: 1.875rem;
        margin: 0;
        padding: 0.25rem 0;
        background: var(--submenu-selected-color); }
        #sidebar .side-menu-wrapper ul.sub-menu li a {
          display: inline-block;
          width: 100%;
          font-family: var(--font-semibold); }
        #sidebar .side-menu-wrapper ul.sub-menu li.menu-text {
          display: none;
          font-weight: bold;
          border-bottom: 0.0625rem solid var(--border-light-gray); }
        #sidebar .side-menu-wrapper ul.sub-menu li.border-top-bottom {
          margin: 1rem 0;
          border-top: 0.0625rem solid var(--border-light-gray);
          border-bottom: 0.0625rem solid var(--border-light-gray); }
          #sidebar .side-menu-wrapper ul.sub-menu li.border-top-bottom > div {
            font-family: var(--font-semibold); }
        #sidebar .side-menu-wrapper ul.sub-menu li > div {
          width: 100%;
          line-height: 1.8125rem;
          padding-left: 2rem;
          border-left: 0.3125rem solid var(--submenu-selected-color); }
          #sidebar .side-menu-wrapper ul.sub-menu li > div.selected {
            border-left: 0.3125rem solid var(--mainmenu-selected-color); }
  #sidebar.collapsed {
    width: var(--side-bar-collapsed-width); }
    #sidebar.collapsed #collapse-btn {
      right: -1.5rem; }
      #sidebar.collapsed #collapse-btn icon {
        transform: rotate(-90deg); }
    #sidebar.collapsed .side-menu-wrapper .top-logo .logo-big {
      display: none; }
    #sidebar.collapsed .side-menu-wrapper .top-logo .logo-small {
      display: inline;
      width: 51%; }
    #sidebar.collapsed .side-menu-wrapper .mega-menu-trigger {
      justify-content: center;
      padding: 1rem 0; }
      @media (max-width:767px) {
        #sidebar.collapsed .side-menu-wrapper .mega-menu-trigger {
          margin: 0.25rem 0 1rem 0; } }
      #sidebar.collapsed .side-menu-wrapper .mega-menu-trigger > div {
        display: none; }
    #sidebar.collapsed .side-menu-wrapper .user-icon {
      display: flex;
      justify-content: flex-start;
      padding: 1rem 0.5rem 0.5rem 1rem; }
      #sidebar.collapsed .side-menu-wrapper .user-icon a {
        justify-content: center;
        padding: 0; }
    #sidebar.collapsed .side-menu-wrapper .menu-text {
      display: none; }
    #sidebar.collapsed .side-menu-wrapper .side-open-collapse-icon {
      transform: rotate(180deg); }
    #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected {
      position: absolute;
      top: 0;
      left: 6.25rem;
      width: 14.375rem;
      z-index: 1; }
      #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li.menu-text {
        display: block;
        font-family: var(--font-semibold);
        color: var(--black);
        margin-bottom: 0.625rem;
        padding: 0 0 0.5rem 0; }
        #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li.menu-text::before {
          position: absolute;
          top: 0.4375rem;
          left: -0.625rem;
          width: 0;
          height: 0;
          border-width: 0.625rem 0.625rem 0.625rem 0;
          border-style: solid;
          border-color: transparent var(--submenu-selected-color) transparent transparent;
          content: ""; }
      #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li > div {
        padding-left: 1rem; }
        #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li > div.selected {
          border-left: 0.3125rem solid var(--submenu-selected-color); }

#mobile-sidebar-overlay {
  display: none; }

@media (max-width:991px) {
  body {
    overflow-x: hidden; }
  #mobile-menu {
    display: flex; }
    #mobile-menu.show-mobile-menu {
      position: fixed;
      top: 0;
      width: 100vw; }
  #page-container.show-mobile-menu {
    height: 100%;
    margin-top: 4.75rem;
    overflow: hidden; }
    #page-container.show-mobile-menu #content-wrap {
      position: fixed;
      width: 90%; }
  #sidebar {
    position: absolute;
    top: 0;
    left: -8.125rem;
    display: none;
    min-height: 100vh;
    padding: 0;
    z-index: 10; }
    #sidebar .side-menu-wrapper {
      height: auto; }
  .top-logo {
    display: none; }
  #sidebar.collapsed .user-icon {
    margin-top: 0.5rem; }
  #page-container.show-mobile-menu #sidebar {
    left: 0;
    transition: all 0.15s ease-out; }
  #page-container.show-mobile-menu #mobile-sidebar-overlay {
    display: block; }
  #mobile-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 5; } }

#sidebar .arch-site.top-logo {
  margin-bottom: 2rem; }

:root {
  --card-scheduled: var(--blue);
  --card-pending: var(--blue);
  --card-expired: var(--gray-700);
  --card-ready: var(--gray-700);
  --card-hold: var(--orange-a700);
  --card-flagged: var(--orange-a700);
  --card-unpaid: var(--red);
  --card-blocked: var(--red);
  --card-declined: var(--red);
  --card-complete: var(--border-color-green);
  --card-paid: var(--border-color-green);
  --card-posted: var(--border-color-green);
  --card-active: var(--border-color-green); }

.sort-slide-wrap li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-light-gray); }

.heading {
  display: flex;
  grid-column: 1 / -1;
  justify-content: space-between; }
  @media (max-width:767px) {
    .heading {
      text-align: left;
      margin-bottom: 0; } }
  .heading .button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%; }
  .heading .alert-wrapper {
    margin-right: 2rem; }
  .heading h1,
  .heading h2.show-mobile {
    width: 100%;
    font-family: var(--font-extrabold);
    font-size: 2.25rem;
    margin: 0; }
    @media (max-width:767px) {
      .heading h1,
      .heading h2.show-mobile {
        font-size: 1.5rem; } }
  .container .heading {
    padding: 4rem 0 0 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none; }
    @media (max-width:1199px) {
      .container .heading {
        padding: 1.5rem 0 0 0; } }
[class^="btn"] {
  font-family: var(--font-semibold);
  text-decoration: none; }

a.btn-primary,
input.btn-primary,
button.btn-primary {
  font-family: var(--font-regular);
  font-size: 1rem;
  color: var(--white);
  text-align: center;
  padding: 0.875rem 1.5rem;
  background: var(--black);
  border: 0;
  border-radius: 1.5rem; }
  a.btn-primary:hover,
  input.btn-primary:hover,
  button.btn-primary:hover {
    color: var(--white);
    opacity: 0.8; }
  a.btn-primary.disabled,
  input.btn-primary.disabled,
  button.btn-primary.disabled {
    color: var(--gray-500);
    background: var(--gray-300);
    pointer-events: none; }

a.btn-secondary,
input.btn-secondary,
button.btn-secondary {
  font-size: 1rem;
  color: var(--black);
  text-align: center;
  padding: 0.75rem 1.5rem;
  background: var(--white);
  border: 0.125rem solid var(--black);
  border-radius: 1.5rem; }
  a.btn-secondary:hover,
  input.btn-secondary:hover,
  button.btn-secondary:hover {
    color: var(--white);
    background: var(--black); }
  a.btn-secondary.disabled,
  input.btn-secondary.disabled,
  button.btn-secondary.disabled {
    color: var(--gray-500);
    border-color: var(--gray-500);
    pointer-events: none; }

a.light-blue,
input.light-blue,
button.light-blue {
  font-family: var(--font-regular);
  font-size: 1rem;
  color: var(--blue);
  padding: 0.75rem 1.5rem;
  background: var(--light-blue);
  border: 0.125rem solid var(--border-color-light-blue);
  border-radius: 0.625rem; }

a.btn-regular,
input.btn-regular,
button.btn-regular {
  font-size: 1rem;
  color: var(--black);
  text-decoration: underline;
  background: transparent;
  border: 0; }
  a.btn-regular:hover,
  input.btn-regular:hover,
  button.btn-regular:hover {
    text-decoration: none; }
  a.btn-regular.disabled,
  input.btn-regular.disabled,
  button.btn-regular.disabled {
    color: var(--gray-500);
    pointer-events: none; }

a.btn-download,
input.btn-download,
button.btn-download {
  position: relative;
  font-family: var(--font-semibold);
  font-size: 1rem;
  padding-left: 2.375rem;
  background: transparent;
  border: 0; }
  a.btn-download::before,
  input.btn-download::before,
  button.btn-download::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.0625rem;
    height: 2rem;
    font-size: 1.875rem;
    transform: translateY(-50%);
    content: "\e922"; }

a.full-width-btn,
input.full-width-btn,
button.full-width-btn {
  display: inline-block;
  width: 100%; }

a.btn-edit icon,
input.btn-edit icon,
button.btn-edit icon {
  pointer-events: none; }
  a.btn-edit icon::before,
  input.btn-edit icon::before,
  button.btn-edit icon::before {
    font-size: 1.1875rem;
    color: var(--purple); }

a.btn-dropdown-primary,
input.btn-dropdown-primary,
button.btn-dropdown-primary {
  color: var(--white); }
  a.btn-dropdown-primary > label,
  input.btn-dropdown-primary > label,
  button.btn-dropdown-primary > label {
    background: var(--black); }
    a.btn-dropdown-primary > label::after,
    input.btn-dropdown-primary > label::after,
    button.btn-dropdown-primary > label::after {
      color: var(--white); }
  a.btn-dropdown-primary > ul,
  input.btn-dropdown-primary > ul,
  button.btn-dropdown-primary > ul {
    background: var(--black); }
    a.btn-dropdown-primary > ul > li a,
    input.btn-dropdown-primary > ul > li a,
    button.btn-dropdown-primary > ul > li a {
      color: var(--white); }
  a.btn-dropdown-primary.active label::after,
  input.btn-dropdown-primary.active label::after,
  button.btn-dropdown-primary.active label::after {
    color: var(--white); }
  a.btn-dropdown-primary.disabled,
  input.btn-dropdown-primary.disabled,
  button.btn-dropdown-primary.disabled {
    color: var(--gray-500); }
    a.btn-dropdown-primary.disabled label,
    input.btn-dropdown-primary.disabled label,
    button.btn-dropdown-primary.disabled label {
      background: var(--gray-300); }
      a.btn-dropdown-primary.disabled label::after,
      input.btn-dropdown-primary.disabled label::after,
      button.btn-dropdown-primary.disabled label::after {
        color: var(--gray-500); }

a.btn-dropdown-secondary,
input.btn-dropdown-secondary,
button.btn-dropdown-secondary {
  color: var(--black); }
  a.btn-dropdown-secondary > label,
  input.btn-dropdown-secondary > label,
  button.btn-dropdown-secondary > label {
    background: var(--white);
    border: 0.125rem solid var(--black); }
    a.btn-dropdown-secondary > label::after,
    input.btn-dropdown-secondary > label::after,
    button.btn-dropdown-secondary > label::after {
      color: var(--black); }
  a.btn-dropdown-secondary > ul,
  input.btn-dropdown-secondary > ul,
  button.btn-dropdown-secondary > ul {
    background: var(--white);
    border-top: 0; }
    a.btn-dropdown-secondary > ul > li a,
    input.btn-dropdown-secondary > ul > li a,
    button.btn-dropdown-secondary > ul > li a {
      color: var(--black); }
  a.btn-dropdown-secondary.active,
  input.btn-dropdown-secondary.active,
  button.btn-dropdown-secondary.active {
    box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2); }
    a.btn-dropdown-secondary.active > ul,
    input.btn-dropdown-secondary.active > ul,
    button.btn-dropdown-secondary.active > ul {
      border-top: 0;
      box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2); }
    a.btn-dropdown-secondary.active label::after,
    input.btn-dropdown-secondary.active label::after,
    button.btn-dropdown-secondary.active label::after {
      color: var(--black);
      border: 0.125rem solid var(--black); }
  a.btn-dropdown-secondary.disabled,
  input.btn-dropdown-secondary.disabled,
  button.btn-dropdown-secondary.disabled {
    color: var(--gray-500); }
    a.btn-dropdown-secondary.disabled label,
    input.btn-dropdown-secondary.disabled label,
    button.btn-dropdown-secondary.disabled label {
      background: var(--white);
      border: 0.125rem solid var(--gray-500); }
      a.btn-dropdown-secondary.disabled label::after,
      input.btn-dropdown-secondary.disabled label::after,
      button.btn-dropdown-secondary.disabled label::after {
        color: var(--gray-500); }

a.btn-dropdown,
input.btn-dropdown,
button.btn-dropdown {
  position: relative;
  display: inline-block;
  font-family: var(--font-regular);
  font-size: 1rem;
  text-align: center;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 1.5rem; }
  a.btn-dropdown > label,
  input.btn-dropdown > label,
  button.btn-dropdown > label {
    display: inline-block;
    min-width: 12.5rem;
    text-decoration: none;
    padding: 0.875rem 1.5rem;
    border-radius: 1.5rem;
    cursor: pointer; }
    a.btn-dropdown > label.hover-title,
    input.btn-dropdown > label.hover-title,
    button.btn-dropdown > label.hover-title {
      display: none; }
    a.btn-dropdown > label::after,
    input.btn-dropdown > label::after,
    button.btn-dropdown > label::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 0.75rem;
      right: 1rem;
      display: inline-block;
      font-size: 1.5rem;
      margin-left: 6px;
      content: "\e908"; }
  a.btn-dropdown > ul,
  input.btn-dropdown > ul,
  button.btn-dropdown > ul {
    position: absolute;
    top: calc(1.5em + 14px);
    left: -100vw;
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 1.5rem;
    z-index: 999; }
    a.btn-dropdown > ul > li,
    input.btn-dropdown > ul > li,
    button.btn-dropdown > ul > li {
      font-size: 0.875rem;
      text-align: left;
      padding: 0.625rem 0;
      border-bottom: 0.0625rem solid var(--gray-500); }
      a.btn-dropdown > ul > li:first-of-type,
      input.btn-dropdown > ul > li:first-of-type,
      button.btn-dropdown > ul > li:first-of-type {
        margin-top: 0.375rem; }
      a.btn-dropdown > ul > li:last-of-type,
      input.btn-dropdown > ul > li:last-of-type,
      button.btn-dropdown > ul > li:last-of-type {
        margin-bottom: 1.125rem;
        border-bottom: 0; }
      a.btn-dropdown > ul > li a,
      input.btn-dropdown > ul > li a,
      button.btn-dropdown > ul > li a {
        display: block;
        text-decoration: none;
        margin: 0; }
  a.btn-dropdown.active,
  input.btn-dropdown.active,
  button.btn-dropdown.active {
    box-shadow: 0 0.5rem 0.25rem 0 rgba(0, 0, 0, 0.3); }
    a.btn-dropdown.active ul,
    input.btn-dropdown.active ul,
    button.btn-dropdown.active ul {
      left: 0;
      border-right: 0.125rem solid var(--black);
      border-bottom: 0.125rem solid var(--black);
      border-left: 0.125rem solid var(--black);
      border-bottom-right-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
      box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.3); }
    a.btn-dropdown.active label,
    input.btn-dropdown.active label,
    button.btn-dropdown.active label {
      display: none;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
      a.btn-dropdown.active label.hover-title,
      input.btn-dropdown.active label.hover-title,
      button.btn-dropdown.active label.hover-title {
        display: block;
        text-align: left; }
    a.btn-dropdown.active label::after,
    input.btn-dropdown.active label::after,
    button.btn-dropdown.active label::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border: 0;
      content: "\e90b"; }
    @media (max-width:767px) {
      a.btn-dropdown.active,
      input.btn-dropdown.active,
      button.btn-dropdown.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--white);
        border-radius: 0;
        box-shadow: none;
        z-index: 100; }
        a.btn-dropdown.active ul,
        input.btn-dropdown.active ul,
        button.btn-dropdown.active ul {
          background: var(--white);
          border: 0;
          box-shadow: none; }
          a.btn-dropdown.active ul li a,
          input.btn-dropdown.active ul li a,
          button.btn-dropdown.active ul li a {
            color: initial; }
        a.btn-dropdown.active label,
        input.btn-dropdown.active label,
        button.btn-dropdown.active label {
          color: initial;
          background: var(--white); }
          a.btn-dropdown.active label::after,
          input.btn-dropdown.active label::after,
          button.btn-dropdown.active label::after {
            color: initial; }
          a.btn-dropdown.active label.hover-title,
          input.btn-dropdown.active label.hover-title,
          button.btn-dropdown.active label.hover-title {
            position: fixed;
            top: 0;
            width: 100%;
            border: 0; } }
.kabob-btn {
  position: relative;
  display: inline-block;
  cursor: pointer; }
  .kabob-btn icon {
    font-size: 1.5rem;
    pointer-events: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  .kabob-btn img {
    pointer-events: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }

.kabob-menu-toggle-wrap,
.kabob-menu-wrap {
  position: absolute;
  top: 1.875rem;
  right: -0.125rem;
  width: 13.75rem;
  padding: 0.625rem;
  background: var(--submenu-selected-color);
  border: 0.0625rem solid var(--table-kabob-menu-border-color);
  border-radius: 0.625rem;
  z-index: 1; }
  .kabob-menu-toggle-wrap::before,
  .kabob-menu-wrap::before {
    position: absolute;
    top: -1.25rem;
    right: 0.8125rem;
    width: 0;
    height: 0;
    border-width: 0.625rem 0.625rem 0.625rem 0.625rem;
    border-style: solid;
    border-color: transparent transparent var(--submenu-selected-color) transparent;
    content: ""; }
  .kabob-menu-toggle-wrap::after,
  .kabob-menu-wrap::after {
    position: absolute;
    top: -0.4375rem;
    right: 1.125rem;
    width: 0.6875rem;
    height: 0.6875rem;
    margin: auto;
    border-right: 0.0625rem solid var(--table-kabob-menu-border-color);
    border-bottom: 0.0625rem solid var(--table-kabob-menu-border-color);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    content: ""; }

.alert-wrapper {
  position: relative;
  display: inline-block; }
  .alert-wrapper button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--white);
    border: 0;
    border-radius: 1.25rem; }
    .alert-wrapper button::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      content: "\e93a"; }
  .alert-wrapper span {
    position: absolute;
    top: -0.25rem;
    right: -0.375rem;
    min-width: 1.0625rem;
    font-size: 0.625rem;
    color: var(--white);
    text-align: center;
    padding: 0.125rem 0.25rem;
    background: var(--black);
    border-radius: 0.5625rem; }
    .alert-wrapper span:empty {
      display: none; }

.container > .button-wrapper,
section > .button-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--gray-300); }
  @media (max-width:991px) {
    .container > .button-wrapper,
    section > .button-wrapper {
      justify-content: center;
      margin-top: 1rem;
      padding-top: 1rem;
      padding-bottom: 0;
      border-top: 1px solid var(--gray-300);
      border-bottom: 0; } }
  .container > .button-wrapper h2,
  section > .button-wrapper h2 {
    margin: 0; }
  .container > .button-wrapper .table-button-wrap,
  section > .button-wrapper .table-button-wrap {
    position: relative;
    top: -0.3125rem;
    right: 0.3125rem;
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 0.625rem; }
    @media (max-width:991px) {
      .container > .button-wrapper .table-button-wrap,
      section > .button-wrapper .table-button-wrap {
        top: 0;
        right: 0;
        gap: 0.9375rem; } }
    .container > .button-wrapper .table-button-wrap li,
    section > .button-wrapper .table-button-wrap li {
      position: relative;
      height: 2.3125rem; }
      .container > .button-wrapper .table-button-wrap li button,
      section > .button-wrapper .table-button-wrap li button {
        appearance: none;
        padding: 0;
        background-color: transparent;
        border: 0;
        cursor: pointer; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 12.5rem;
  height: 10.25rem;
  padding: 1rem;
  background: var(--white);
  border-radius: 0.625rem; }
  .card.bg-blue {
    color: var(--white);
    background: var(--blue); }
  .card.bg-black {
    color: var(--white);
    background: var(--black); }
  .card.bg-purple {
    color: var(--white);
    background: var(--purple); }
  .card.bg-green {
    color: var(--white);
    background: var(--green); }
  .card.bg-seafoam {
    color: var(--black);
    background: var(--seafoam); }
  .card h4 {
    font-family: "AvertaStdPE-Semibold", sans-serif;
    font-size: 1rem;
    color: var(--light-purple);
    margin: 1.875rem 0 0 0; }
  .card .image-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 0 1rem 0; }
  .card .card-details {
    width: 100%;
    font-family: var(--font-bold); }
    .card .card-details > div:first-child {
      font-size: 1.25rem;
      margin-bottom: 0.25rem; }
    .card .card-details span {
      position: absolute;
      top: -0.625rem;
      right: 0;
      display: block;
      height: 1.5rem;
      font-family: var(--font-semibold);
      font-size: 0.75rem;
      color: var(--white);
      text-align: center;
      text-transform: uppercase;
      padding: 0.25rem 0.6875rem;
      border-radius: 0.625rem; }

.desktop-grid-view .below-card-block > div {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.chip {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-bold);
  font-size: 0.625rem;
  color: var(--white);
  text-transform: uppercase;
  padding: 0.3125rem;
  border-radius: 1rem; }
  .chip.complete {
    background: var(--border-color-green); }
  .chip.posted {
    background: var(--border-color-green); }
  .chip.pending {
    background: var(--blue); }

.big-chip {
  width: 4.6875rem;
  height: 1.875rem;
  font-family: var(--font-bold);
  font-size: 0.625rem;
  border-radius: 1.25rem; }
  .big-chip.scheduled, .big-chip.pending {
    background: var(--blue); }
  .big-chip.expired, .big-chip.ready {
    background: var(--gray-700); }
  .big-chip.hold {
    background: var(--orange-a700); }
  .big-chip.disputed {
    background: var(--orange-a700); }
  .big-chip.unpaid, .big-chip.blocked {
    background: var(--red); }
  .big-chip.complete, .big-chip.paid, .big-chip.active {
    background: var(--border-color-green); }

.counts {
  display: inline-block;
  min-width: 2.0833em;
  font-family: var(--font-semibold);
  font-size: 0.75rem;
  color: var(--white);
  text-align: center;
  margin-right: 0.25rem;
  padding: 0.1875em 0.35em;
  background: var(--black);
  border-radius: 0.9375em; }
  .counts.green {
    background: var(--green); }
  .counts.zero {
    background: var(--gray-700); }

.expandable .expand-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-in-out; }

.expandable.opened {
  padding-bottom: 1rem; }
  .expandable.opened .expand-content {
    max-height: 562.5rem; }
  .expandable.opened > h2 img {
    transform: rotate(180deg); }

.toggle {
  position: relative; }
  .toggle span {
    font-size: 0.875rem; }
  .toggle .switch {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3.125rem;
    height: 1.8rem; }
    .toggle .switch input {
      display: none;
      width: 0;
      height: 0;
      opacity: 0;
      z-index: 2; }
    .toggle .switch button {
      position: relative;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
      z-index: 1; }
    .toggle .switch p {
      position: relative;
      top: 0;
      left: 3.75rem;
      display: inline-block;
      min-width: 100%;
      font-size: 1rem;
      color: var(--gray-300);
      white-space: nowrap;
      margin: 0;
      padding: 0; }
      .toggle .switch p .switch-icon {
        display: inline-block; }
  .toggle input:checked + .slider, .toggle input[aria-checked="true"] + .slider,
  .toggle button:checked + .slider,
  .toggle button[aria-checked="true"] + .slider {
    background-color: var(--black); }
    .toggle input:checked + .slider::before, .toggle input[aria-checked="true"] + .slider::before,
    .toggle button:checked + .slider::before,
    .toggle button[aria-checked="true"] + .slider::before {
      background-color: var(--white);
      transform: translateX(1.625rem); }
  .toggle input:focus + .slider,
  .toggle button:focus + .slider {
    box-shadow: 0 0 0.0625rem var(--black); }
  .toggle input.default:checked + .slider, .toggle input.default[aria-checked="true"] + .slider,
  .toggle button.default:checked + .slider,
  .toggle button.default[aria-checked="true"] + .slider {
    background-color: var(--gray-100);
    border: 0.0625rem solid var(--gray-300); }
  .toggle input.primary:checked + .slider, .toggle input.primary[aria-checked="true"] + .slider,
  .toggle button.primary:checked + .slider,
  .toggle button.primary[aria-checked="true"] + .slider {
    background-color: var(--black); }
  .toggle input.success:checked + .slider, .toggle input.success[aria-checked="true"] + .slider,
  .toggle button.success:checked + .slider,
  .toggle button.success[aria-checked="true"] + .slider {
    background-color: var(--light-green);
    border: 0.0625rem solid var(--switch-toggle-border-success); }
  .toggle input.info:checked + .slider, .toggle input.info[aria-checked="true"] + .slider,
  .toggle button.info:checked + .slider,
  .toggle button.info[aria-checked="true"] + .slider {
    background-color: var(--black); }
  .toggle input.warning:checked + .slider, .toggle input.warning[aria-checked="true"] + .slider,
  .toggle button.warning:checked + .slider,
  .toggle button.warning[aria-checked="true"] + .slider {
    background-color: var(--yellowAmber600); }
  .toggle input.danger:checked + .slider, .toggle input.danger[aria-checked="true"] + .slider,
  .toggle button.danger:checked + .slider,
  .toggle button.danger[aria-checked="true"] + .slider {
    background-color: var(--red); }
  .toggle input:focus + .slider,
  .toggle button:focus + .slider {
    box-shadow: 0 0 0.0625rem var(--black); }
  .toggle input:checked + .slider::before, .toggle input[aria-checked="true"] + .slider::before,
  .toggle button:checked + .slider::before,
  .toggle button[aria-checked="true"] + .slider::before {
    transform: translateX(1.375rem); }
  @media (min-width:1200px) {
    .toggle input:not(.disabled):not([disabled]):hover + .slider,
    .toggle button:not(.disabled):not([disabled]):hover + .slider {
      border: 0.0625rem solid var(--border-color-purple); }
    .toggle input:not(.disabled):not([disabled]):focus + .slider,
    .toggle button:not(.disabled):not([disabled]):focus + .slider {
      outline: 2px solid var(--border-color-purple);
      outline-offset: 2px; } }
  .toggle .slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 3.25rem;
    height: 1.875rem;
    background-color: var(--gray-100);
    border: 0.0625rem solid var(--gray-300);
    transition: 0.4s;
    cursor: pointer; }
    .toggle .slider::before {
      position: absolute;
      top: 0.1875rem;
      left: 0.25rem;
      width: 1.375rem;
      height: 1.375rem;
      background-color: var(--white);
      box-shadow: 0 0.125rem 0.125rem 0.125rem var(--rgba-black-01);
      transition: 0.3s;
      content: ""; }
    .toggle .slider.round {
      border-radius: 2.125rem; }
      .toggle .slider.round::before {
        border-radius: 50%; }
  .toggle.disabled, .toggle[disabled] {
    cursor: default; }
    .toggle.disabled input.success:checked + .slider, .toggle.disabled input.success[aria-checked="true"] + .slider,
    .toggle.disabled button.success:checked + .slider,
    .toggle.disabled button.success[aria-checked="true"] + .slider, .toggle[disabled] input.success:checked + .slider, .toggle[disabled] input.success[aria-checked="true"] + .slider,
    .toggle[disabled] button.success:checked + .slider,
    .toggle[disabled] button.success[aria-checked="true"] + .slider {
      background-color: var(--gray-100);
      border: 0.0625rem solid var(--gray-300); }
    .toggle.disabled .slider, .toggle[disabled] .slider {
      background-color: var(--gray-100); }
      .toggle.disabled .slider::before, .toggle[disabled] .slider::before {
        background-color: var(--gray-blue); }
  .toggle input[disabled],
  .toggle button[disabled] {
    cursor: not-allowed; }
    .toggle input[disabled] ~ .slider,
    .toggle button[disabled] ~ .slider {
      cursor: not-allowed; }
      .toggle input[disabled] ~ .slider::before,
      .toggle button[disabled] ~ .slider::before {
        background-color: var(--gray-300);
        box-shadow: none; }

.input-wrapper {
  position: relative; }
  .input-wrapper label {
    display: block;
    font-family: var(--font-semibold);
    font-size: 0.75rem;
    color: var(--gray-700);
    text-transform: uppercase;
    margin: 0 0 0.5rem 0; }
  .input-wrapper .sublabel {
    font-size: 0.875rem;
    color: var(--gray-500);
    margin: 0.25rem 0 0 0; }
  .input-wrapper .error-message {
    display: none;
    font-size: 0.875rem;
    color: var(--red);
    margin: 0.25rem 0 0 0; }
  .input-wrapper .message {
    font-size: 0.875rem;
    color: var(--gray-700);
    margin: 0.25rem 0 0 0; }
  .input-wrapper input[type="email"], .input-wrapper input[type="tel"], .input-wrapper input[type="password"], .input-wrapper input[type="text"], .input-wrapper input[type="url"], .input-wrapper input[type="number"] {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 0.875rem;
    color: var(--gray-700);
    padding: 0.875rem 0.5rem;
    background: var(--light-gray);
    border: 0.0625rem solid var(--gray-300);
    border-radius: 0.25rem;
    transition: all 0.3s ease; }
    .input-wrapper input[type="email"]:hover, .input-wrapper input[type="email"]:focus, .input-wrapper input[type="tel"]:hover, .input-wrapper input[type="tel"]:focus, .input-wrapper input[type="password"]:hover, .input-wrapper input[type="password"]:focus, .input-wrapper input[type="text"]:hover, .input-wrapper input[type="text"]:focus, .input-wrapper input[type="url"]:hover, .input-wrapper input[type="url"]:focus, .input-wrapper input[type="number"]:hover, .input-wrapper input[type="number"]:focus {
      border-color: var(--purple);
      outline: none; }
  .input-wrapper input[type="password"] {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 0.875rem;
    color: var(--gray-700);
    padding: 0.875rem 0.5rem;
    background: var(--light-gray);
    border: 0.0625rem solid var(--gray-300);
    border-radius: 0.25rem;
    transition: all 0.3s ease; }
    .input-wrapper input[type="password"]:hover, .input-wrapper input[type="password"]:focus {
      border-color: var(--purple);
      outline: none; }
  .date-from-to .input-wrapper input {
    background: var(--light-gray); }
  .date-from-to .input-wrapper::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 2.25rem;
    font-size: 1.25rem;
    color: var(--gray-700);
    content: "\e912"; }
  .input-wrapper ::placeholder {
    color: var(--gray-500); }
  .input-wrapper :input-placeholder {
    color: var(--gray-500); }
  .input-wrapper ::-webkit-input-placeholder {
    color: var(--gray-500); }
  .input-wrapper::after {
    position: absolute;
    top: 2.25rem;
    right: 0.625rem;
    width: 1.125rem;
    height: 1.125rem;
    pointer-events: none;
    content: ""; }
  .input-wrapper:focus input, .input-wrapper:hover input {
    border-color: var(--purple); }
  .input-wrapper.success.green-check input {
    border-color: var(--gray-300); }
  .input-wrapper.success.green-check::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    color: var(--green);
    content: "\e918"; }
  .input-wrapper.error input {
    border-color: var(--red); }
  .input-wrapper.error .error-message {
    display: block; }
  .input-wrapper.error .sublabel {
    display: none; }
  .input-wrapper.error .vsb-main button {
    border-color: var(--red); }
  .input-wrapper.error::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    color: var(--red);
    content: "\e90c"; }
  .input-wrapper.single-datepicker .single-datepicker-input-wrap {
    position: relative; }
    .input-wrapper.single-datepicker .single-datepicker-input-wrap::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 1rem;
      right: 1rem;
      font-size: 1.25rem;
      content: "\e912";
      color: var(--gray-500); }
  .input-wrapper.disabled input,
  .input-wrapper.disabled input:hover {
    background-color: var(--gray-100);
    border-color: var(--gray-500); }
  .input-wrapper.horizontal {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1.625rem 4rem 1fr;
    grid-gap: 1rem;
    align-content: center; }
    .input-wrapper.horizontal label {
      display: flex;
      align-items: center; }
    .input-wrapper.horizontal .checkbox {
      margin: 0; }
      .input-wrapper.horizontal .checkbox .checkmark {
        top: 50%;
        transform: translateY(-50%); }
    .input-wrapper.horizontal .error-message {
      grid-column: 2 / 4; }
    .input-wrapper.horizontal.left-dollar, .input-wrapper.horizontal.currency-amount {
      grid-template-columns: 1.625rem 6rem 1fr; }
      .input-wrapper.horizontal.left-dollar::before, .input-wrapper.horizontal.currency-amount::before {
        top: 50%;
        left: 3.125rem; }
      .input-wrapper.horizontal.left-dollar input, .input-wrapper.horizontal.currency-amount input {
        padding-left: 2.25rem; }
  .input-wrapper.left-dollar::before, .input-wrapper.currency-amount::before {
    position: absolute;
    top: 2.875rem;
    left: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    color: var(--blue);
    transform: translateY(-50%);
    content: "\e93e"; }
  .input-wrapper.left-dollar input, .input-wrapper.currency-amount input {
    padding-left: 2.25rem; }
  .input-wrapper.left-dollar.disabled::after, .input-wrapper.currency-amount.disabled::after {
    color: var(--gray-500); }
  .input-wrapper.left-dollar.error::before, .input-wrapper.currency-amount.error::before {
    top: 2.875rem; }
  .input-wrapper select {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 0.875rem;
    color: var(--gray-500);
    padding: 0.875rem 0.5rem;
    border: 0.0625rem solid var(--gray-300);
    border-radius: 0.25rem;
    transition: all 0.3s ease;
    appearance: none; }
    .input-wrapper select:hover, .input-wrapper select:focus {
      border-color: var(--purple);
      outline: none; }
    .input-wrapper select.light-blue {
      border: 0.0625rem solid var(--select-light-blue-border); }
  .input-wrapper textarea {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 0.875rem;
    color: var(--gray-700);
    padding: 0.5rem;
    background: var(--light-gray);
    border: 0.0625rem solid var(--gray-300);
    border-radius: 0.25rem;
    transition: all 0.3s ease;
    resize: vertical; }
    .input-wrapper textarea:hover, .input-wrapper textarea:focus {
      border-color: var(--purple);
      outline: none; }

.checkbox,
.radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 1.625rem;
  font-size: 1rem;
  margin-bottom: 1.25rem;
  padding-left: 2.1875rem;
  cursor: pointer;
  user-select: none; }
  .checkbox input,
  .radio input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer; }
    .checkbox input:checked ~ .checkmark,
    .radio input:checked ~ .checkmark {
      border-color: var(--purple); }
      .checkbox input:checked ~ .checkmark::after,
      .radio input:checked ~ .checkmark::after {
        display: block; }
  .checkbox .checkmark,
  .radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.625rem;
    height: 1.625rem;
    background: var(--white);
    border: 0.125rem solid var(--gray-300); }

.checkbox input:checked ~ .checkmark {
  background-color: var(--light-gray);
  box-shadow: inset 0 0 0.25rem var(--light-purple); }

.checkbox .checkmark {
  border-radius: 0.3125rem; }
  .checkbox .checkmark:hover, .checkbox .checkmark:focus {
    border-color: var(--purple); }
  .checkbox .checkmark::after {
    position: absolute;
    top: 0.1875rem;
    left: 0.4375rem;
    display: none;
    width: 0.3125rem;
    height: 0.625rem;
    border: solid var(--purple);
    border-width: 0 0.1875rem 0.1875rem 0;
    transform: rotate(45deg);
    content: ""; }

.checkbox.disabled {
  cursor: default; }
  .checkbox.disabled input:checked ~ .checkmark {
    background-color: var(--gray-100);
    border-color: var(--gray-300);
    box-shadow: inherit; }
  .checkbox.disabled .checkmark {
    background: var(--gray-100); }
    .checkbox.disabled .checkmark:hover, .checkbox.disabled .checkmark:focus {
      border-color: var(--gray-300) !important; }
    .checkbox.disabled .checkmark::after {
      border-color: var(--gray-300); }

.radio input:checked ~ .checkmark {
  background-color: var(--purple); }

.radio .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.3s ease; }
  .radio .checkmark:hover, .radio .checkmark:focus {
    border-color: var(--purple); }
  .radio .checkmark::after {
    display: none;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--white);
    border-radius: 50%;
    content: ""; }

.radio.disabled {
  cursor: default; }
  .radio.disabled input:checked ~ .checkmark {
    background-color: var(--gray-100);
    border-color: var(--gray-300);
    box-shadow: inherit; }
  .radio.disabled .checkmark {
    background: var(--gray-100); }
    .radio.disabled .checkmark:hover, .radio.disabled .checkmark:focus {
      border-color: var(--gray-300) !important; }
    .radio.disabled .checkmark::after {
      background: var(--gray-500); }

.toggle-password {
  position: absolute;
  top: 50%;
  right: 0.375rem;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  transition: none;
  z-index: 2; }
  .toggle-password::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    color: var(--gray-500);
    content: "\e958"; }
  .toggle-password.active::before {
    content: "\e959"; }

.circle-icon,
.circle-icon + label {
  display: inline-block;
  width: 2.0625rem;
  height: 2.0625rem;
  cursor: pointer;
  content: ""; }

.list-grid-view-link::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.125rem;
  content: "\e92c"; }

.list-grid-view-link.grid-view-selected::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e935"; }

.filter-slide::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.125rem;
  content: "\e900"; }

.filter-slide.active::before {
  content: "\e901"; }

.date-range-slide::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.125rem;
  content: "\e911"; }

.download-link::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.125rem;
  content: "\e922"; }

.disabled {
  pointer-events: none; }

input:focus {
  outline: none; }

.ucx-input-range-slider[type="range"] {
  width: 100%;
  height: 0.5rem;
  margin: 1rem 0;
  padding: 0;
  background: var(--white);
  border: 0.0625rem solid var(--gray-3 0);
  border-radius: 0.375rem;
  outline: none;
  appearance: none; }
  .ucx-input-range-slider[type="range"]::-webkit-slider-thumb {
    width: 1.125rem;
    height: 1.125rem;
    background: var(--purple);
    border: 0.3125rem solid var(--white);
    border-radius: 50%;
    box-shadow: 0 0 0.1875rem var(--black);
    transition: background 0.15s ease-in-out;
    cursor: pointer;
    appearance: none;
    appearance: none; }
  .ucx-input-range-slider[type="range"]::-webkit-slider-thumb:hover {
    background: var(--purple); }
  .ucx-input-range-slider[type="range"]::-moz-range-thumb {
    width: 1.125rem;
    height: 1.125rem;
    background: var(--purple);
    border: 0.3125rem solid var(--white);
    border-radius: 50%;
    box-shadow: 0 0 0.1875rem var(--black);
    transition: background 0.15s ease-in-out;
    cursor: pointer; }
  .ucx-input-range-slider[type="range"]::-moz-range-thumb:hover {
    background: var(--white); }
  .ucx-input-range-slider[type="range"]::-moz-focus-inner, .ucx-input-range-slider[type="range"]::-moz-focus-outer {
    border: 0; }

.input-with-checkbox .input-with-checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 0.625rem; }
  .input-with-checkbox .input-with-checkbox-wrap .checkbox {
    width: 1.5rem;
    min-height: 1.5rem;
    margin-bottom: 0;
    padding-left: 1.0625rem; }
  .input-with-checkbox .input-with-checkbox-wrap .input-wrapper {
    width: auto !important;
    margin: 0; }
    .input-with-checkbox .input-with-checkbox-wrap .input-wrapper.currency-amount::before, .input-with-checkbox .input-with-checkbox-wrap .input-wrapper.left-dollar::before {
      top: 1.5rem; }
    .input-with-checkbox .input-with-checkbox-wrap .input-wrapper.currency-amount::after, .input-with-checkbox .input-with-checkbox-wrap .input-wrapper.left-dollar::after {
      top: 0.875rem; }
  .input-with-checkbox .input-with-checkbox-wrap > span {
    font-family: var(--font-light);
    font-size: 0.875rem; }

.input-with-checkbox.error .input-wrapper input {
  border-color: var(--red); }

.input-with-checkbox.error .input-wrapper::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0.875rem;
  font-size: 1.25rem;
  color: var(--red);
  content: "\e90c"; }

.input-with-checkbox.error .error-message {
  display: block; }

.input-with-checkbox .error-message {
  display: none;
  font-size: 0.875rem;
  color: var(--red);
  margin: 0.25rem 0 0 0; }

::-ms-reveal {
  display: none; }

#pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto; }
  #pagination span {
    display: flex;
    justify-content: center;
    align-items: center; }
  #pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2.1875rem;
    min-height: 1.75rem;
    font-family: var(--font-bold);
    font-size: 0.875rem;
    color: var(--light-purple);
    margin: 0 0.25rem;
    padding: 0 1rem;
    background: var(--white);
    border: 0.0625rem solid var(--medium-gray);
    border-radius: 0.5625rem; }
    #pagination a.currents, #pagination a:hover {
      color: var(--white);
      background: var(--black);
      border-color: var(--black);
      box-shadow: 0 3px 7px 0 rgba(14, 31, 52, 0.12); }

/* A.K.A. "Assistance" per rename via product owner*/
.outro > p {
  font-size: 0.875rem;
  color: var(--gray-500);
  margin: 0 0 2rem 0; }
  .outro > p a {
    font-size: 0.875rem;
    margin-left: 0.5rem; }

.outro > h4 {
  font-family: var(--font-regular);
  font-size: 0.875rem;
  font-weight: normal;
  margin: 0 0 0.5rem 0; }

.outro .cta-wrapper {
  display: flex;
  margin: 0 0 2.5rem 0; }
  @media (max-width:767px) {
    .outro .cta-wrapper {
      flex-direction: column;
      margin: 0 0 2rem 0; } }
  .outro .cta-wrapper .cta {
    position: relative;
    width: 18.125rem;
    margin: 0 1.5rem 0 0;
    padding: 1rem;
    background: var(--white);
    border-radius: 0.625rem;
    box-shadow: 0 0.0625rem 0.25rem 0 var(--rgba-black-004);
    cursor: pointer; }
    @media (max-width:767px) {
      .outro .cta-wrapper .cta {
        width: 100%;
        margin: 0 0 1rem 0; } }
    .outro .cta-wrapper .cta h2 {
      font-family: var(--font-semibold);
      font-size: 1rem;
      margin: 0 0 0.5rem 0; }
    .outro .cta-wrapper .cta p {
      font-size: 0.875rem;
      margin: 0; }
    .outro .cta-wrapper .cta icon {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%); }
      .outro .cta-wrapper .cta icon::before {
        font-size: 1.25rem;
        color: var(--gray-700); }

.search-slide-wrap .search-slide {
  position: relative;
  top: 0; }
  .search-slide-wrap .search-slide::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.125rem;
    content: "\e947"; }

.search-slide-wrap input {
  position: absolute;
  top: -0.25rem;
  right: -0.375rem;
  width: 0;
  height: 2.6875rem;
  padding: 0;
  background: transparent;
  border: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease-in;
  z-index: 0; }
  @media (max-width:767px) {
    .search-slide-wrap input {
      right: 0; } }
.search-slide-wrap.active .search-slide {
  position: absolute;
  right: 0.1875rem;
  z-index: 1; }
  .search-slide-wrap.active .search-slide::before {
    content: "\e948"; }
  @media (max-width:767px) {
    .search-slide-wrap.active .search-slide {
      right: 0.5rem; } }
.search-slide-wrap.active input {
  width: 25.5rem;
  padding: 0.8125rem 2.5rem 0.8125rem 1.25rem;
  background: var(--light-gray);
  border: 1px solid var(--gray-300);
  border-radius: 1.25rem;
  visibility: visible; }
  .search-slide-wrap.active input:focus {
    outline: none; }

.table-button-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 0.5rem; }
  @media (max-width:991px) {
    .table-button-wrap {
      right: 0.3125rem;
      margin: 0 auto;
      gap: 1rem; }
      .table-button-wrap.active {
        right: -25vw; }
        .table-button-wrap.active li.search-slide-wrap.active input {
          position: relative; } }
  @media (max-width:767px) {
    .table-button-wrap.active {
      right: 0;
      margin: 0 0 0 auto; }
      .table-button-wrap.active li:not(.search-slide-wrap) {
        display: none; }
      .table-button-wrap.active li.search-slide-wrap.active input {
        width: 93vw; } }
  .table-button-wrap li {
    position: relative;
    height: 2.3125rem; }

.settings .heading {
  justify-content: flex-start; }
  @media (min-width:992px) {
    .settings .heading h1 {
      width: auto;
      white-space: nowrap; } }
  .settings .heading .top-summary-wrap {
    margin-left: 2.5rem; }

.settings .settings-list li {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 1fr;
  align-items: center;
  margin: 0 0 0.5rem 0;
  padding: 1.5rem 2rem;
  background: var(--white);
  border-radius: 0.625rem;
  box-shadow: 0 0.0625rem 0.25rem 0 var(--rgba-black-004); }
  @media (max-width:767px) {
    .settings .settings-list li {
      grid-template-columns: 3fr 1fr;
      align-items: self-start;
      padding: 1rem; }
      .settings .settings-list li:nth-child(even) {
        background: var(--white); }
      .settings .settings-list li h3 {
        grid-column: 1 / 2;
        margin: 0 0 0.5rem 0; }
      .settings .settings-list li p {
        grid-row: 2 / 3; }
      .settings .settings-list li button {
        grid-row: 1 / 2;
        grid-column: 2 / 3; } }
  .settings .settings-list li:nth-child(even) {
    background: var(--gray-100); }
  .settings .settings-list li h3,
  .settings .settings-list li p {
    margin: 0; }
  .settings .settings-list li h3 {
    font-family: var(--font-semibold);
    font-size: 1rem; }
  .settings .settings-list li p {
    font-size: 0.875rem;
    color: var(--gray-500); }

.settings button.btn-edit {
  width: auto;
  margin: 0 0 0 auto;
  background: transparent;
  border: 0; }
  .settings button.btn-edit img {
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none; }

.swiper-container {
  position: relative;
  list-style: none;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  transition-property: transform;
  z-index: 1; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out; }

.swiper-container-pointer-events {
  touch-action: pan-y; }
  .swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x; }

.swiper-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-button-prev:focus {
  outline: none; }

.swiper-button-prev::before {
  font-size: 2.625rem; }

.swiper-button-prev::after {
  display: none; }

.swiper-button-next:focus {
  outline: none; }

.swiper-button-next::before {
  font-size: 2.625rem; }

.swiper-button-next::after {
  display: none; }

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

.swiper-container-3d {
  perspective: 1200px; }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
  scrollbar-width: none;
  /* For Firefox */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.slide-panel {
  position: fixed;
  top: 0;
  right: -25.625rem;
  width: 24.375rem;
  height: 100%;
  background: var(--white);
  transition: all 0.3s ease;
  z-index: 10;
  /* stylelint-disable */ }
  .slide-panel .slide-panel-tab-menu {
    display: none; }
  .slide-panel.open {
    right: 0;
    box-shadow: -1rem 1rem 1.5rem var(--rgba-black-01); }
    .slide-panel.open .slide-content-wrapper {
      position: fixed;
      width: 24.375rem;
      height: 100%;
      padding: 1rem 1.25rem;
      background: var(--white);
      box-shadow: 0 -0.5rem 0.25rem 0 rgba(0, 0, 0, 0.3);
      overflow-y: scroll;
      z-index: 2; }
      @media (max-width:767px) {
        .slide-panel.open .slide-content-wrapper {
          width: 100%;
          box-shadow: none; } }
      .slide-panel.open .slide-content-wrapper .vsb-main {
        width: 100%; }
        .slide-panel.open .slide-content-wrapper .vsb-main button {
          width: 100% !important;
          max-width: 100% !important; }
        .slide-panel.open .slide-content-wrapper .vsb-main .vsb-menu {
          width: 100% !important; }
    .slide-panel.open .slide-panel-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      content: "";
      z-index: 1; }
      @media (max-width:540px) {
        .slide-panel.open .slide-panel-overlay {
          background: var(--white); } }
    .slide-panel.open .slide-panel-tab-menu.active {
      position: absolute;
      top: 1rem;
      right: 24.375rem;
      display: block;
      z-index: 2; }
      .slide-panel.open .slide-panel-tab-menu.active li {
        display: grid;
        width: 5.3125rem;
        font-size: 0.75rem;
        text-align: center;
        padding: 2rem 0.5rem;
        background: var(--submenu-selected-color);
        border-bottom: 1px solid var(--border-light-gray);
        cursor: pointer;
        gap: 0.25rem;
        place-items: center; }
        .slide-panel.open .slide-panel-tab-menu.active li div {
          width: 1.25rem;
          height: 1.25rem;
          background-size: contain; }
        .slide-panel.open .slide-panel-tab-menu.active li div,
        .slide-panel.open .slide-panel-tab-menu.active li span {
          opacity: 50%;
          pointer-events: none; }
        .slide-panel.open .slide-panel-tab-menu.active li.active {
          background: var(--white); }
          .slide-panel.open .slide-panel-tab-menu.active li.active div,
          .slide-panel.open .slide-panel-tab-menu.active li.active span {
            opacity: 100%; }
        .slide-panel.open .slide-panel-tab-menu.active li:first-child {
          border-top-left-radius: 0.625rem; }
        .slide-panel.open .slide-panel-tab-menu.active li:last-child {
          border-bottom-left-radius: 0.625rem; }
      .slide-panel.open .slide-panel-tab-menu.active .edit-card > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e91f"; }
      .slide-panel.open .slide-panel-tab-menu.active .block-card > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e913"; }
      .slide-panel.open .slide-panel-tab-menu.active .activities-card > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e93e"; }
      .slide-panel.open .slide-panel-tab-menu.active .bill-details > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e91f"; }
      .slide-panel.open .slide-panel-tab-menu.active .timeline > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e953"; }
      .slide-panel.open .slide-panel-tab-menu.active .payment-sources > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e93f"; }
      .slide-panel.open .slide-panel-tab-menu.active .integration > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e930"; }
      .slide-panel.open .slide-panel-tab-menu.active .chat > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e917"; }
      .slide-panel.open .slide-panel-tab-menu.active .card-limits > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e93e"; }
      .slide-panel.open .slide-panel-tab-menu.active .exceptions-reporting > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e91f"; }
      .slide-panel.open .slide-panel-tab-menu.active .general-settings > div::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        content: "\e94c"; }
  .slide-panel .gray-wrapper {
    padding: 2rem;
    background: var(--gray-300); }
  .slide-panel .heading-wrapper {
    display: flex;
    align-items: center;
    margin: 0 0 1rem 0; }
    .slide-panel .heading-wrapper h4 {
      font-family: var(--font-extrabold);
      font-size: 1.5rem; }
  .slide-panel .mobile-slide-title {
    display: none; }
    @media (max-width:540px) {
      .slide-panel .mobile-slide-title {
        display: flex; }
        .slide-panel .mobile-slide-title h4 {
          display: block;
          margin-left: 1.75rem;
          z-index: 2; } }
  .slide-panel .close-slide-panel {
    position: absolute;
    top: 0;
    right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.625rem;
    height: 2.625rem;
    margin: 0.5rem 0.5rem 0 1rem;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 50%;
    z-index: 3; }
    .slide-panel .close-slide-panel icon {
      font-size: 2.5rem; }
  .slide-panel .sub-title {
    font-family: var(--font-bold);
    font-size: 0.875rem;
    margin: 0.5rem 0 1rem; }
  .slide-panel .search-wrap {
    position: relative;
    width: 100%;
    height: 2.4375rem;
    margin: 0.5rem 0 1rem;
    background: var(--select-light-blue-bg-color);
    border: 0.0625rem solid var(--border-color-gray);
    border-radius: 1.25rem; }
    .slide-panel .search-wrap::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 0.1875rem;
      right: 0.25rem;
      font-size: 1.875rem;
      content: "\e948"; }
    .slide-panel .search-wrap input {
      position: absolute;
      top: -0.0625rem;
      right: 0;
      width: 100%;
      height: 100%;
      font-size: 1rem;
      padding: 0.8125rem 2.5rem 0.6875rem 1.25rem;
      background: transparent;
      border: 0;
      overflow: hidden; }
      .slide-panel .search-wrap input:focus {
        outline: none; }
  .slide-panel .slide-panel-footer {
    border-bottom: 0; }
  .slide-panel h4 {
    margin-bottom: 0; }
  .slide-panel .bold-font {
    font-family: var(--font-bold); }
  .slide-panel .small-title {
    font-family: var(--font-bold);
    font-size: 0.6875rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
  .slide-panel .heading-wrapper .circle-red-alert {
    position: absolute;
    top: 3.3125rem;
    right: 0.375rem; }
  @media (max-width:540px) {
    .slide-panel {
      width: 100%; }
      .slide-panel .content-wrapper {
        padding-bottom: 12.5rem; }
      .slide-panel.open {
        right: 0; }
        .slide-panel.open .slide-content-wrapper {
          width: 100%; }
        .slide-panel.open .slide-panel-tab-menu.active {
          position: relative;
          right: 0; }
          .slide-panel.open .slide-panel-tab-menu.active ul {
            display: flex; }
            .slide-panel.open .slide-panel-tab-menu.active ul li {
              flex: 1;
              border-right: 1px solid var(--gray-300);
              border-bottom: 1px solid var(--gray-300); }
              .slide-panel.open .slide-panel-tab-menu.active ul li.active {
                border-bottom: 0.0625rem solid var(--white); }
              .slide-panel.open .slide-panel-tab-menu.active ul li:first-child {
                border-top-left-radius: 0; }
              .slide-panel.open .slide-panel-tab-menu.active ul li:last-child {
                border-bottom-left-radius: 0; }
        .slide-panel.open .close-slide-panel {
          position: absolute;
          top: 0.25rem;
          right: 1rem; } }
      @media (max-width:540px) and (max-width:767px) {
        .slide-panel.open .close-slide-panel.vsb-opened {
          display: none; } }
  @media (max-width:540px) {
        .slide-panel.open .input-wrapper .vsb-menu {
          width: auto;
          min-width: 13.125rem !important; } }
/* A.K.A. "Headus Up Display" per rename via product owner*/
.top-summary-wrap {
  display: flex;
  font-size: 0.875rem; }
  .top-summary-wrap h4 {
    font-family: var(--font-semibold);
    font-size: 0.875rem;
    margin: 0 0 0.25rem 0; }
  .top-summary-wrap p {
    font-family: var(--font-regular);
    font-size: 0.875rem;
    margin: 0; }
    .top-summary-wrap p.currency, .top-summary-wrap p[data-bind="currentBalance"] {
      font-size: 1.25rem; }
  .top-summary-wrap button.btn-regular {
    font-family: var(--font-regular);
    font-size: 0.875rem;
    padding: 0; }
  .top-summary-wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 11.125rem;
    font-family: var(--font-semibold);
    margin-bottom: 0.25rem;
    padding: 0 1rem 0 0.5rem;
    border-left: 1px solid var(--black); }
    .top-summary-wrap > div > div {
      display: flex;
      font-family: var(--font-regular);
      font-size: 0.875rem;
      gap: 1.25rem; }

.tab-wrap .tab-header-wrap {
  display: flex;
  justify-content: space-around;
  margin-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--border-color-gray); }
  .tab-wrap .tab-header-wrap button {
    font-family: var(--font-regular);
    font-size: 1em;
    padding-bottom: 0.25rem;
    background: transparent;
    border: 0;
    cursor: pointer; }
    .tab-wrap .tab-header-wrap button.active {
      border-bottom: 0.25rem solid var(--mainmenu-selected-color); }

.tab-wrap > div {
  display: none; }
  .tab-wrap > div.active {
    display: block; }

/* Hide Arrows for input type numvber */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

/**************************************/
.hidden {
  display: none !important; }

@media (max-width:991px) {
  .hidden-mobile {
    display: none !important; } }

.show-mobile {
  display: none !important; }
  @media (max-width:991px) {
    .show-mobile {
      display: inherit !important; } }
.small-decimal {
  font-size: 1rem; }

/* stylelint-disable */
.input-wrapper.disabled .vsb-main button {
  background: var(--gray-100);
  border-color: var(--gray-500); }
  .input-wrapper.disabled .vsb-main button::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0.5rem;
    font-size: 1.25rem;
    color: var(--gray-500);
    content: "\e908"; }

.input-wrapper .hidden-search {
  display: none !important; }

.input-wrapper .vsb-main {
  position: relative;
  /*Don't change*/
  display: inline-block;
  width: 100%;
  text-align: left;
  vertical-align: middle; }
  .input-wrapper .vsb-main.disabled button {
    background: var(--gray-100);
    background-size: 0.9375rem;
    border-color: var(--gray-500); }
    .input-wrapper .vsb-main.disabled button::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 0.5rem;
      font-size: 1.25rem;
      color: var(--gray-500);
      content: "\e908"; }
  .input-wrapper .vsb-main.opened button {
    background: var(--light-gray); }
    .input-wrapper .vsb-main.opened button::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 0.5rem;
      font-size: 1.25rem;
      color: var(--gray-700);
      content: "\e90b"; }
  .input-wrapper .vsb-main.opened .vsb-menu {
    display: block;
    width: 100%;
    border: 0;
    box-shadow: 0 0.125rem 0.25rem 0 var(--rgba-black-01);
    visibility: visible;
    z-index: 1000; }
    .input-wrapper .vsb-main.opened .vsb-menu > ul {
      min-width: 8.75rem;
      max-width: 100%;
      min-height: 1.5625rem;
      max-height: 30rem;
      border: 0.0625rem solid var(--purple);
      border-radius: 0.3125rem;
      overflow-y: auto; }
      .input-wrapper .vsb-main.opened .vsb-menu > ul > li {
        position: relative;
        width: 100%;
        white-space: break-spaces;
        margin: 0;
        padding: 1rem 1.625rem 1rem 0.625rem; }
        .input-wrapper .vsb-main.opened .vsb-menu > ul > li:not(:last-child) {
          border-bottom: 1px solid var(--gray-300); }
        .input-wrapper .vsb-main.opened .vsb-menu > ul > li:hover {
          background: var(--gray-100); }
        .input-wrapper .vsb-main.opened .vsb-menu > ul > li:focus {
          outline: none;
          background: var(--gray-100); }
        .input-wrapper .vsb-main.opened .vsb-menu > ul > li::before, .input-wrapper .vsb-main.opened .vsb-menu > ul > li::after {
          display: none; }
        .input-wrapper .vsb-main.opened .vsb-menu > ul > li .disabled {
          background-color: var(--gray-500); }
      .input-wrapper .vsb-main.opened .vsb-menu > ul:not(.multi) li.active {
        background-color: var(--light-gray); }
    @media (max-width:540px) {
      .input-wrapper .vsb-main.opened .vsb-menu {
        left: 0;
        font-family: var(--font-semibold);
        font-size: 1rem;
        background: white; }
        .input-wrapper .vsb-main.opened .vsb-menu .vsb-js-search-zone {
          position: relative;
          top: 0;
          margin: 0 auto; }
          .input-wrapper .vsb-main.opened .vsb-menu .vsb-js-search-zone:after {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: "icon-ifleet" !important;
            font-weight: normal;
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: never;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 0.4375rem;
            right: 0.5rem;
            width: 2.0625rem;
            height: 2.0625rem;
            font-size: 2.0625rem;
            content: "\e948"; }
          .input-wrapper .vsb-main.opened .vsb-menu .vsb-js-search-zone > input {
            height: 2.6875rem;
            margin: 0;
            padding: 0.8125rem 2.5rem 0.8125rem 1.25rem;
            background: var(--light-gray);
            border: 1px solid var(--gray-300);
            border-radius: 1.25rem;
            visibility: visible; }
            .input-wrapper .vsb-main.opened .vsb-menu .vsb-js-search-zone > input:focus {
              outline: none; }
        .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-title {
          display: flex;
          align-items: center;
          height: 3.75rem; }
          .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-title icon {
            margin: 0 1rem; }
        .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-btns {
          display: flex;
          flex-direction: column;
          padding: 1.5rem; }
          .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-btns .mobile-vanilla-select-box-update-btn,
          .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-btns .mobile-vanilla-select-box-cancel-btn {
            display: flex; }
          .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-btns .mobile-vanilla-select-box-update-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 1rem;
            color: var(--white);
            text-align: center;
            padding: 0.875rem 1.5rem;
            background: var(--black);
            border: 0;
            border-radius: 1.5rem; }
          .input-wrapper .vsb-main.opened .vsb-menu .mobile-vanilla-select-box-btns .mobile-vanilla-select-box-cancel-btn {
            flex-direction: column;
            align-items: center;
            text-decoration: underline;
            padding: 1.5rem; }
        .input-wrapper .vsb-main.opened .vsb-menu .vb-mobile-footer {
          display: block;
          text-align: center;
          margin-top: 1rem; }
          .input-wrapper .vsb-main.opened .vsb-menu .vb-mobile-footer a,
          .input-wrapper .vsb-main.opened .vsb-menu .vb-mobile-footer button {
            width: 100%;
            max-width: 18rem; }
        .input-wrapper .vsb-main.opened .vsb-menu ul {
          max-width: 100%;
          max-height: 90%;
          border: 0; }
          .input-wrapper .vsb-main.opened .vsb-menu ul li {
            margin: 0;
            padding: 1.5rem 1rem; }
            .input-wrapper .vsb-main.opened .vsb-menu ul li:nth-of-type(1) {
              margin-top: 1rem;
              border-top: 1px solid var(--gray-300); }
            .input-wrapper .vsb-main.opened .vsb-menu ul li:last-child {
              border-bottom: 1px solid var(--gray-300); } }
  .input-wrapper .vsb-main .vb-mobile-footer {
    display: none; }
  .input-wrapper .vsb-main .vsb-menu {
    position: absolute;
    /*Don't change*/
    display: block;
    background-color: white;
    background-clip: padding-box;
    border-radius: 0.25rem;
    visibility: hidden;
    cursor: pointer;
    z-index: 1000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
    @media (max-width:540px) {
      .input-wrapper .vsb-main .vsb-menu {
        position: fixed;
        top: 0;
        left: 100%;
        display: block !important;
        width: 100%;
        height: 100vh;
        visibility: visible; } }
    .input-wrapper .vsb-main .vsb-menu .mobile-vanilla-select-box-title {
      display: none; }
    .input-wrapper .vsb-main .vsb-menu .mobile-vanilla-select-box-btns {
      display: none; }
    .input-wrapper .vsb-main .vsb-menu .vsb-js-search-zone {
      position: absolute;
      /*Don't change*/
      top: -2.5rem;
      width: calc(100% - 2.5rem);
      min-height: 1.8em;
      padding: 0.125rem;
      background-color: transparent;
      z-index: 1001; }
      .input-wrapper .vsb-main .vsb-menu .vsb-js-search-zone ~ p {
        display: none; }
      .input-wrapper .vsb-main .vsb-menu .vsb-js-search-zone input {
        width: 100%;
        height: 1.5625rem;
        margin-left: 0.5rem;
        border: 0;
        /* UnComment if you need to hide searchbox border */ }
    .input-wrapper .vsb-main .vsb-menu .multi .vsb-js-search-zone input {
      width: 100%; }
    .input-wrapper .vsb-main .vsb-menu .multi li.vsbNoDataFound::before {
      display: none !important; }
    .input-wrapper .vsb-main .vsb-menu .multi li.immutable {
      pointer-events: none; }
    .input-wrapper .vsb-main .vsb-menu .multi li.selectAll {
      background-color: var(--light-gray); }
    .input-wrapper .vsb-main .vsb-menu .multi li.grouped-option {
      font-size: 0.9375rem;
      font-weight: bold;
      padding-left: 0.3125rem; }
    .input-wrapper .vsb-main .vsb-menu .multi li:not(.grouped-option)::before {
      position: absolute;
      top: 37%;
      right: 10px;
      display: inline-block;
      font-size: inherit;
      font-weight: bold;
      color: black;
      margin-top: 0;
      margin-right: 0.125rem;
      margin-left: -1.375rem;
      padding: 0.4375rem;
      border: 0.125rem solid var(--gray-300);
      border-radius: 0.1875rem;
      content: ""; }
    .input-wrapper .vsb-main .vsb-menu .multi li.active::before {
      border: 0.125rem solid var(--purple);
      box-shadow: inset 0 0 0.125rem var(--light-purple); }
    .input-wrapper .vsb-main .vsb-menu .multi li.active::after {
      position: absolute;
      top: 37%;
      right: 10px;
      display: inline-block;
      width: 0.3125rem;
      height: 0.5rem;
      font-size: inherit;
      color: #333;
      margin-top: 0.125rem;
      margin-right: 0.4375rem;
      border-right: 0.125rem solid var(--purple);
      border-bottom: 0.125rem solid var(--purple);
      transform: rotate(45deg);
      content: ""; }
    .input-wrapper .vsb-main .vsb-menu ul {
      color: #333;
      white-space: nowrap;
      list-style: none;
      padding-bottom: 0.1875rem;
      cursor: pointer;
      user-select: none; }
      .input-wrapper .vsb-main .vsb-menu ul li {
        display: list-item;
        min-height: 1.5rem;
        font-size: 0.875rem;
        padding: 0.1875rem 2rem 0.1875rem 1.625rem;
        background-color: var(--white); }
        .input-wrapper .vsb-main .vsb-menu ul li:hover {
          background: linear-gradient(#f5f5f5, #e8e8e8); }
        .input-wrapper .vsb-main .vsb-menu ul li.disabled {
          opacity: 0.3;
          cursor: not-allowed; }
  .input-wrapper .vsb-main button {
    width: 100%;
    min-width: 7.5rem;
    max-width: 31.25rem;
    height: 3rem;
    font-family: var(--font-regular);
    font-size: 0.875rem;
    color: black;
    line-height: 1.25rem;
    text-align: left;
    padding: 0 0.625rem;
    background: var(--light-gray);
    border: 0.0625rem solid var(--gray-300);
    border-radius: 0.25rem;
    transition: all 0.3s ease;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
    .input-wrapper .vsb-main button span.title {
      display: inline-block; }
    .input-wrapper .vsb-main button::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 0.5rem;
      font-size: 1.25rem;
      color: var(--gray-700);
      content: "\e908"; }
    .input-wrapper .vsb-main button > span {
      pointer-events: none; }
    @media (max-width:540px) {
      .input-wrapper .vsb-main button {
        background: var(--light-gray); }
        .input-wrapper .vsb-main button::before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: 0.5rem;
          font-size: 1.25rem;
          color: var(--gray-500);
          content: "\e90a"; } }
    .input-wrapper .vsb-main button:hover, .input-wrapper .vsb-main button:focus {
      border: 0.0625rem solid var(--purple);
      outline: none; }
    .input-wrapper .vsb-main button.light-blue {
      background: var(--select-light-blue-bg-color);
      border: 0.0625rem solid var(--select-light-blue-border); }
      .input-wrapper .vsb-main button.light-blue::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0.5rem;
        font-size: 1.25rem;
        color: var(--gray-500);
        content: "\e908"; }
    .input-wrapper .vsb-main button.disabled {
      opacity: 0.65;
      cursor: not-allowed; }
  .input-wrapper .vsb-main .caret {
    position: absolute;
    right: 0.5rem;
    margin-top: 0.5rem; }
  .input-wrapper .vsb-main .title {
    color: var(--gray-500);
    margin-right: 0.375rem;
    user-select: none; }

/* stylelint-enable */
.progress-bar-wrap {
  text-align: center;
  margin: 1.875rem 0; }
  .progress-bar-wrap .progress-bar-graph {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 1.25rem;
    padding: 0 0.3125rem;
    border: 1px solid var(--gray-blue);
    border-radius: 0.625rem; }
    .progress-bar-wrap .progress-bar-graph.icon-money {
      position: relative; }
      .progress-bar-wrap .progress-bar-graph.icon-money::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0.0625rem;
        right: 0.125rem;
        font-size: 0.9375rem;
        color: var(--light-green);
        content: "\e93e"; }
    .progress-bar-wrap .progress-bar-graph .progress-bar {
      position: relative;
      width: 0;
      height: 0.625rem;
      background: linear-gradient(90deg, #865bf3 0%, #865bf3 0%, rgba(134, 91, 243, 0.7) 100%);
      border-radius: 0.375rem;
      transition: all 0.5s ease-out; }
      .progress-bar-wrap .progress-bar-graph .progress-bar .progress-bar-tooltip {
        position: absolute;
        top: -2.5rem;
        right: -1.375rem;
        display: none;
        width: 3.75rem;
        color: var(--white);
        text-align: center;
        padding: 0.3125rem 0.625rem;
        background: var(--purple);
        content: ""; }
        .progress-bar-wrap .progress-bar-graph .progress-bar .progress-bar-tooltip::after {
          position: absolute;
          right: 1.125rem;
          bottom: -0.375rem;
          width: 0;
          height: 0;
          margin: auto;
          border-top: 10px solid var(--purple);
          border-right: 10px solid transparent;
          border-left: 10px solid transparent;
          content: ""; }
  .progress-bar-wrap .progress-bar-text {
    font-size: 0.875rem;
    color: var(--purple);
    margin-top: 0.625rem; }

.litepicker {
  background-color: var(--litepicker-container-months-color-bg);
  -webkit-box-shadow: 0 0 5px var(--litepicker-container-months-box-shadow-color);
  box-shadow: 0 0 5px var(--litepicker-container-months-box-shadow-color);
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */ }
  .litepicker .container__footer {
    background: transparent;
    box-shadow: none; }
  .litepicker .preview-date-range {
    display: none; }
  .litepicker .container__months {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .litepicker.hideCalender {
    display: none !important; }

/* stylelint-disable */
.modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6); }

.modal__container {
  max-width: 31.25rem;
  max-height: 100vh;
  padding: 1.875rem;
  background-color: white;
  border-radius: 0.25rem;
  box-sizing: border-box;
  overflow-y: auto; }

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.modal__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--blue);
  line-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box; }

.modal__close {
  background: transparent;
  border: 0; }

.modal__header .modal__close::before {
  content: "\2715"; }

.modal__content {
  color: var(--gray-700);
  line-height: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem; }

.modal__btn {
  font-size: 0.875rem;
  color: var(--gray-700);
  line-height: 1.15;
  text-transform: none;
  margin: 0;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  background-color: var(--gray-300);
  border-width: 0;
  border-style: none;
  border-radius: 0.25rem;
  overflow: visible;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: pointer;
  -webkit-appearance: button;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

.modal__btn-primary {
  color: white;
  background-color: var(--blue); }

@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmslideIn {
  from {
    transform: translateY(15%); }
  to {
    transform: translateY(0); } }

@keyframes mmslideOut {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-10%); } }

.micromodal-slide {
  display: none; }
  .micromodal-slide.is-open {
    display: block; }

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
  will-change: transform; }

/* stylelint-enable */
.modal {
  display: none; }
  .modal.is-open {
    display: block; }

footer .footer-desktop {
  display: grid;
  height: 3.75rem;
  font-size: 0.875rem;
  padding-top: 0.8125rem;
  border-top: 0.0625rem solid var(--gray-300);
  grid-template-columns: auto auto; }
  @media (max-width:1199px) {
    footer .footer-desktop {
      height: 5rem;
      text-align: center;
      padding-bottom: 0.9375rem;
      grid-template-columns: 1fr; }
      footer .footer-desktop .footer-links {
        margin-right: auto;
        margin-left: auto; }
        footer .footer-desktop .footer-links a {
          padding: 0 0.9375rem; }
      footer .footer-desktop .copyright {
        padding: 0 0 0.625rem; }
      footer .footer-desktop .comm,
      footer .footer-desktop .privacy {
        border-right: 0.0625rem solid var(--gray-300);
        border-left: 0.0625rem solid var(--gray-300); }
      footer .footer-desktop .contact {
        border-left: 0.0625rem solid var(--gray-300); } }
  @media (max-width:767px) {
    footer .footer-desktop {
      height: auto;
      margin: 0 -0.9375rem;
      padding: 1.125rem 0;
      background-color: var(--gray-100); }
      footer .footer-desktop .footer-links {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; }
        footer .footer-desktop .footer-links a,
        footer .footer-desktop .footer-links a:first-child,
        footer .footer-desktop .footer-links a:last-child {
          text-align: center;
          padding: 0 1.375rem; }
        footer .footer-desktop .footer-links .fuel-locate {
          margin: 1.5625rem auto 0;
          grid-column: span 3; }
        footer .footer-desktop .footer-links .comm,
        footer .footer-desktop .footer-links .privacy {
          border-right: 0;
          grid-column: span 3; }
      footer .footer-desktop .copyright {
        order: 2;
        font-size: 0.75rem;
        color: var(--gray-700);
        padding: 1.6875rem 0 0;
        background-color: var(--gray-100); } }
  @media (max-width: 320px) {
    footer .footer-desktop .footer-links a {
      padding: 0 0.625rem; }
    footer .footer-desktop a:last-child img {
      margin-right: 0.3125rem; } }
  footer .footer-desktop .footer-links {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    font-family: var(--font-semibold);
    color: var(--black);
    text-align: right; }
    @media (max-width:767px) {
      footer .footer-desktop .footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-family: var(--font-semibold);
        color: var(--black);
        text-align: center; } }
    footer .footer-desktop .footer-links a {
      text-decoration: underline;
      padding: 0 0.75rem; }
      footer .footer-desktop .footer-links a:first-child {
        padding-left: 0; }
        @media (max-width:767px) {
          footer .footer-desktop .footer-links a:first-child {
            padding: 0 0.75rem; } }
body > .loading-indicator {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999; }
  body > .loading-indicator .loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
    body > .loading-indicator .loader-wrapper .loader {
      position: relative;
      width: 7.9375rem;
      height: 7.9375rem;
      border-radius: 50%;
      animation: rotate 3s linear infinite; }
      @media (max-width:767px) {
        body > .loading-indicator .loader-wrapper .loader {
          width: 6.8125rem;
          height: 6.8125rem; } }
    body > .loading-indicator .loader-wrapper .loader::before {
      position: absolute;
      border: 11px solid #fff;
      border-radius: 50%;
      box-sizing: border-box;
      animation: prixClipFix 1.5s linear infinite;
      content: "";
      inset: 0; }
      @media (max-width:767px) {
        body > .loading-indicator .loader-wrapper .loader::before {
          border: 7px solid #fff; } }
@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } }
    body > .loading-indicator .loader-wrapper .loader-text {
      position: absolute;
      font-size: 0.875rem;
      color: var(--white);
      text-transform: uppercase;
      opacity: 1;
      animation: opacity 1s ease-in-out infinite; }
      @media (max-width:767px) {
        body > .loading-indicator .loader-wrapper .loader-text {
          font-size: 0.8125rem; } }
@keyframes opacity {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

icon,
.icon-font {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-ifleet" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-account::before {
  content: ""; }

.icon-left-triangle-solid::before {
  content: ""; }

.icon-right-triangle-solid::before {
  content: ""; }

.icon-triangle::before {
  content: ""; }

.icon-right-triangle::before {
  content: ""; }

.icon-filter-outline-circle::before {
  content: "";
  color: #000; }

.icon-filter-circle::before {
  content: "";
  color: #000; }

.icon-activities::before {
  content: "";
  color: #000; }

.icon-add-circle-2::before {
  content: "";
  color: #000; }

.icon-minus-circle::before {
  content: "";
  color: #000; }

.icon-arrow-down::before {
  content: "";
  color: #000; }

.icon-arrow-left::before {
  content: "";
  color: #000; }

.icon-arrow-left-double::before {
  content: "";
  color: #000; }

.icon-arrow-right-double::before {
  content: "";
  color: #000; }

.icon-arrow-right::before {
  content: "";
  color: #000; }

.icon-arrow-up::before {
  content: "";
  color: #000; }

.icon-attention-circle::before {
  content: "";
  color: #000; }

.icon-attention-triangle::before {
  content: "";
  color: #000; }

.icon-button-close::before {
  content: "";
  color: #000; }

.icon-button-navigate-left::before {
  content: "";
  color: #000; }

.icon-button-navigate-right::before {
  content: "";
  color: #000; }

.icon-calendar-circle::before {
  content: "";
  color: #000; }

.icon-calendar::before {
  content: "";
  color: #000; }

.icon-card-block::before {
  content: "";
  color: #000; }

.icon-card::before {
  content: "";
  color: #000; }

.icon-cards::before {
  content: "";
  color: #000; }

.icon-chat-outline::before {
  content: "";
  color: #000; }

.icon-chat::before {
  content: "";
  color: #000; }

.icon-check-circle::before {
  content: "";
  color: #000; }

.icon-clock::before {
  content: "";
  color: #000; }

.icon-error::before {
  content: "";
  color: #000; }

.icon-close::before {
  content: "";
  color: #000; }

.icon-collapse::before {
  content: "";
  color: #000; }

.icon-delete::before {
  content: "";
  color: #000; }

.icon-details-outline::before {
  content: "";
  color: #000; }

.icon-details::before {
  content: "";
  color: #000; }

.icon-dispute-form::before {
  content: "";
  color: #000; }

.icon-dollar::before {
  content: "";
  color: #000; }

.icon-download-circle::before {
  content: "";
  color: #000; }

.icon-download::before {
  content: "";
  color: #000; }

.icon-lock::before {
  content: "";
  color: #000; }

.icon-edit::before {
  content: "";
  color: #000; }

.icon-email::before {
  content: "";
  color: #000; }

.icon-error-circle::before {
  content: "";
  color: #000; }

.icon-fleet::before {
  content: "";
  color: #000; }

.icon-gas-pump::before {
  content: "";
  color: #000; }

.icon-full-screen::before {
  content: "";
  color: #000; }

.icon-collapse-screen::before {
  content: "";
  color: #000; }

.icon-grid-circle::before {
  content: "";
  color: #000; }

.icon-grid-view::before {
  content: "";
  color: #000; }

.icon-hamburger-menu::before {
  content: "";
  color: #000; }

.icon-info::before {
  content: "";
  color: #000; }

.icon-intergration-outline::before {
  content: "";
  color: #000; }

.icon-intergration::before {
  content: "";
  color: #000; }

.icon-kabob::before {
  content: "";
  color: #000; }

.icon-languages::before {
  content: "";
  color: #000; }

.icon-line-select::before {
  content: "";
  color: #000; }

.icon-list-circle::before {
  content: "";
  color: #000; }

.icon-list-view::before {
  content: "";
  color: #000; }

.icon-logout::before {
  content: "";
  color: #000; }

.icon-map-pin::before {
  content: "";
  color: #000; }

.icon-map::before {
  content: "";
  color: #000; }

.icon-notification-bell::before {
  content: "";
  color: #000; }

.icon-password::before {
  content: "";
  color: #000; }

.icon-pay-circle::before {
  content: "";
  color: #000; }

.icon-pay-outline::before {
  content: "";
  color: #000; }

.icon-payment-circle::before {
  content: "";
  color: #000; }

.icon-payment-sources::before {
  content: "";
  color: #000; }

.icon-phone::before {
  content: "";
  color: #000; }

.icon-mail::before {
  content: "";
  color: #000; }

.icon-face-id-outline::before {
  content: "";
  color: #000; }

.icon-mobile-phone::before {
  content: "";
  color: #000; }

.icon-report-problem-circle::before {
  content: "";
  color: #000; }

.icon-reports::before {
  content: "";
  color: #000; }

.icon-search-circle-outline::before {
  content: "";
  color: #000; }

.icon-search-circle::before {
  content: "";
  color: #000; }

.icon-search::before {
  content: "";
  color: #000; }

.icon-services::before {
  content: "";
  color: #000; }

.icon-settings-outline::before {
  content: "";
  color: #000; }

.icon-settings::before {
  content: "";
  color: #000; }

.icon-shield-with-check::before {
  content: "";
  color: #000; }

.icon-shield::before {
  content: "";
  color: #000; }

.icon-speedometer::before {
  content: "";
  color: #000; }

.icon-check::before {
  content: "";
  color: #000; }

.icon-task-ok::before {
  content: "";
  color: #000; }

.icon-timeline-outline::before {
  content: "";
  color: #000; }

.icon-timeline::before {
  content: "";
  color: #000; }

.icon-tool-tip-circle::before {
  content: "";
  color: #000; }

.icon-touch-id-outline::before {
  content: "";
  color: #000; }

.icon-user::before {
  content: "";
  color: #000; }

.icon-visibility-off::before {
  content: "";
  color: #000; }

.icon-visibility-on::before {
  content: "";
  color: #000; }

.icon-rewards::before {
  content: "";
  color: #000; }

body {
  /* stylelint-disable-next-line selector-class-pattern */ }
  body .slide-panel {
    --litepicker-day-width: calc(100% / 7);
    --litepicker-month-width: calc(var(--litepicker-day-width) * 7); }
    @media (max-width:363px) {
      body .slide-panel .litepicker.single-mode-datepicker {
        --litepicker-day-width: 44px;
        --litepicker-month-width: calc(var(--litepicker-day-width) * 7);
        width: 100%; } }
    @media (max-width: 280px) {
      body .slide-panel .litepicker.single-mode-datepicker {
        --litepicker-day-width: 34px;
        --litepicker-month-width: calc(var(--litepicker-day-width) * 7);
        width: 100%; } }
    body .slide-panel .litepicker {
      width: 100%; }
  body .in-slide-panel {
    --litepicker-day-width: calc((21rem) / 7);
    --litepicker-month-width: calc(var(--litepicker-day-width) * 7); }
    @media (max-width: 280) {
      body .in-slide-panel .litepicker.single-mode-datepicker {
        --litepicker-day-width: 34px;
        --litepicker-month-width: calc(var(--litepicker-day-width) * 7);
        width: 100%; } }
    body .in-slide-panel.litepicker {
      width: var(--litepicker-month-width); }
  @media (max-width:540px) {
    body.calendarOn {
      --litepicker-day-width: 48px;
      --litepicker-month-width: calc(var(--litepicker-day-width) * 7); }
      body.calendarOn .litepicker {
        width: 100%; } }
.litepicker {
  font-family: var(--font-regular);
  font-size: 0.875rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--gray-300);
  box-shadow: none;
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */ }
  .litepicker .container__main {
    justify-content: center; }
    .litepicker .container__main .month-item-weekdays-row {
      text-transform: uppercase; }
    .litepicker .container__main .month-item-header {
      border-bottom: 1px solid var(--gray-300); }
  .litepicker .container__days > div,
  .litepicker .container__days > a {
    padding: 8px 0; }
  .litepicker .container__months {
    /* stylelint-disable-next-line selector-class-pattern */ }
    .litepicker .container__months .month-item-header button {
      width: 1.5rem;
      height: 1.5rem;
      padding: 0.1875rem 0 !important; }
      .litepicker .container__months .month-item-header button svg {
        display: none; }
    .litepicker .container__months .month-item-header div > strong.month-item-name,
    .litepicker .container__months .month-item-header div > .month-item-year {
      font-family: var(--font-semibold);
      font-size: 1rem;
      font-weight: normal; }
    .litepicker .container__months .month-item-header .button-previous-month::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--purple);
      content: "\e909"; }
    .litepicker .container__months .month-item-header .button-next-month::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--purple);
      content: "\e90a"; }
    .litepicker .container__months .month-item-weekdays-row {
      margin: 0.5rem 0; }
    .litepicker .container__months .container__days .day-item.is-start-date,
    .litepicker .container__months .container__days .day-item.is-end-date {
      background-color: var(--purple) !important; }
    .litepicker .container__months .container__days .day-item.is-in-range {
      background-color: var(--deep-purple50); }
    .litepicker .container__months .container__days .day-item:hover {
      box-shadow: inset 0 0 0 0.0625rem var(--purple); }
  .litepicker.single-mode-datepicker {
    border: 1px solid var(--purple);
    border-radius: 0.25rem;
    /* stylelint-disable-next-line selector-class-pattern */
    /* stylelint-disable-next-line selector-class-pattern */
    /* stylelint-disable-next-line selector-class-pattern */ }
    .litepicker.single-mode-datepicker .container__months {
      background-color: inherit; }
    .litepicker.single-mode-datepicker .container__days {
      padding-bottom: 1rem;
      border-bottom: 1px solid var(--gray-300); }
      .litepicker.single-mode-datepicker .container__days .day-item.is-end-date {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent !important;
        z-index: 1; }
        .litepicker.single-mode-datepicker .container__days .day-item.is-end-date::before {
          position: absolute;
          display: inline-block;
          width: 1.5625rem;
          height: 1.5625rem;
          background-color: var(--purple);
          border-radius: 50%;
          content: "";
          z-index: -1; }
      .litepicker.single-mode-datepicker .container__days .day-item:hover {
        box-shadow: none !important; }
    .litepicker.single-mode-datepicker .container__footer {
      display: flex;
      flex-direction: column-reverse;
      gap: 1rem; }
      .litepicker.single-mode-datepicker .container__footer .button-apply {
        font-family: var(--font-regular);
        font-size: 1rem;
        color: var(--white);
        text-align: center;
        padding: 0.875rem 1.5rem;
        background: var(--black);
        border: 0;
        border-radius: 1.5rem; }
      .litepicker.single-mode-datepicker .container__footer .button-cancel {
        font-size: 1rem;
        color: var(--black);
        text-decoration: underline;
        background: transparent;
        border: 0; }

/* stylelint-disable-next-line selector-class-pattern */
@media (max-width:540px) {
  body.calendarOn .litepicker.single-mode-datepicker {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 99%;
    height: 100vh;
    padding-top: 2rem;
    border: 0; } }

.dropzone .dropzone-form {
  position: relative;
  font-family: var(--font-semibold);
  font-size: 0.875rem; }
  .dropzone .dropzone-form.active {
    background-color: rgba(0, 128, 0, 0.15); }
    .dropzone .dropzone-form.active p {
      color: var(--border-color-green); }
  .dropzone .dropzone-form input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.3125rem;
    opacity: 0;
    cursor: pointer; }
  .dropzone .dropzone-form p {
    font-size: 15px;
    color: #999; }

.dropzone .dropzone-result {
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
  border-top: 1px solid #ddd; }
  .dropzone .dropzone-result:empty {
    display: none; }
  .dropzone .dropzone-result .file {
    font-size: 0.875rem;
    padding: 0; }
    .dropzone .dropzone-result .file .file-inner {
      margin-bottom: 0.5rem; }
      .dropzone .dropzone-result .file .file-inner .title-wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
      .dropzone .dropzone-result .file .file-inner .title {
        color: #444; }
      .dropzone .dropzone-result .file .file-inner .action {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end; }
      .dropzone .dropzone-result .file .file-inner .bar {
        margin-top: 0.125rem; }
        .dropzone .dropzone-result .file .file-inner .bar span {
          display: block;
          height: 1px;
          background: var(--green);
          border-radius: 6px; }
      .dropzone .dropzone-result .file .file-inner .success-text {
        display: none;
        color: var(--green);
        padding-top: 3px; }
      .dropzone .dropzone-result .file .file-inner .error-text {
        display: none;
        color: var(--red);
        padding-top: 3px; }
      .dropzone .dropzone-result .file .file-inner .abort-btn {
        background: transparent;
        border: 0;
        cursor: pointer; }
    .dropzone .dropzone-result .file.success .file-inner .success-text {
      display: block; }
    .dropzone .dropzone-result .file.success .file-inner .abort-btn {
      display: block; }
    .dropzone .dropzone-result .file.error .file-inner .error-text {
      display: block; }
    .dropzone .dropzone-result .file.error .file-inner .abort-btn {
      display: block; }
    .dropzone .dropzone-result .file.error .file-inner .bar {
      background: var(--red); }
    .dropzone .dropzone-result .file.aborted {
      background-color: rgba(255, 166, 0, 0.135); }

.dropzone .file-inner .abort-btn {
  display: none; }

.track-shipment-slide .content-wrapper {
  font-size: 0.875rem; }
  .track-shipment-slide .content-wrapper .tracking-account {
    margin-top: 1.4375rem; }
  .track-shipment-slide .content-wrapper .tracking-information {
    margin-top: 1.75rem; }
    @media (min-width:768px) {
      .track-shipment-slide .content-wrapper .tracking-information {
        padding-right: 3.125rem; } }
    .track-shipment-slide .content-wrapper .tracking-information .track-order__provider,
    .track-shipment-slide .content-wrapper .tracking-information a {
      text-decoration: underline;
      font-family: var(--font-semibold); }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; }

@media (max-width:991px) {
  #page-container {
    padding: 1rem 1rem 0 1rem; } }

banner p,
banner button {
  text-transform: initial; }

banner .banner-action-button span,
banner .banner-close-button span {
  text-decoration: underline; }

#mobile-menu .button-wrapper .alert-wrapper {
  display: none; }

.input-wrapper .sublabel {
  font-size: 0.875rem;
  color: var(--gray-500);
  margin: 0.25rem 0 0; }

.input-wrapper.error .vsb-main button {
  border-color: var(--red); }

.input-wrapper.error .sublabel {
  display: none; }

.heading .alert-wrapper {
  display: none; }

@media (max-width: 363px) {
  .content-wrapper .period-buttons-wrap li {
    gap: 0.25rem; }
    .content-wrapper .period-buttons-wrap li .btn-secondary {
      flex: 1; } }

a.btn-primary,
input.btn-primary,
button.btn-primary {
  font-family: var(--font-semibold); }

.slide-panel .heading-wrapper h4 {
  font-size: 1.5rem; }
  @media (max-width:540px) {
    .slide-panel .heading-wrapper h4 {
      margin-top: 2.25rem; } }
@media (max-width:540px) {
  .slide-panel.open .slide-content-wrapper {
    width: 100%; } }

.slide-panel.open .alert-trigger {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

@keyframes moverightandback {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

.mega-menu-trigger.single-account:hover {
  cursor: default; }

.mega-menu-trigger.single-account .icon-arrow-right::before {
  content: ""; }

.mega-menu-trigger.multi-account:hover {
  cursor: pointer; }
  .mega-menu-trigger.multi-account:hover .icon-arrow-right {
    animation: moverightandback 0.75s ease-in-out 1; }
  .mega-menu-trigger.multi-account:hover .account-name {
    text-decoration: underline; }

.mega-menu-trigger .account-name {
  width: 11.25rem;
  overflow-wrap: break-word; }

#signOutLink .icon-logout::before {
  font-size: 1.875rem; }

#sidebar.collapsed .side-menu-wrapper .read-only.disabled .menu-text,
#sidebar.collapsed .side-menu-wrapper .read-only.disabled a {
  color: var(--gray-500); }

#sidebar.collapsed .side-menu-wrapper .read-only.disabled .icon-pay-outline::before {
  color: var(--gray-500); }

#sidebar.collapsed .side-menu-wrapper .top-logo img {
  width: 51%; }

#sidebar.collapsed .side-menu-wrapper .user-icon {
  margin: 1rem 0; }

#sidebar .side-menu-wrapper button {
  display: flex;
  align-items: center;
  font-family: var(--font-semibold);
  font-size: 1rem;
  text-align: left;
  padding: 0.875rem 0 0.875rem 1rem;
  background: none;
  border: 0;
  gap: 1rem; }

#sidebar .side-menu-wrapper .mega-menu-trigger {
  border-top: solid 1px var(--gray-300);
  border-bottom: solid 1px var(--gray-300);
  gap: 0; }

#sidebar .side-menu-wrapper .admin-manager.disabled a,
#sidebar .side-menu-wrapper .admin-manager.disabled button {
  color: var(--gray-500);
  cursor: not-allowed; }
  #sidebar .side-menu-wrapper .admin-manager.disabled a icon::before,
  #sidebar .side-menu-wrapper .admin-manager.disabled button icon::before {
    color: var(--gray-500); }

#sidebar .side-menu-wrapper ul.sub-menu li {
  min-height: auto;
  padding: 0; }
  #sidebar .side-menu-wrapper ul.sub-menu li a {
    width: 100%;
    height: auto;
    line-height: 1.3;
    padding-left: 1rem;
    border-left: 0.3125rem solid var(--submenu-selected-color); }
    #sidebar .side-menu-wrapper ul.sub-menu li a.selected {
      border-left: 0.3125rem solid var(--mainmenu-selected-color); }

#sidebar .side-menu-wrapper ul.read-only li.disabled a {
  color: var(--gray-500);
  cursor: not-allowed; }
  #sidebar .side-menu-wrapper ul.read-only li.disabled a icon::before {
    color: var(--gray-500); }

#sidebar .side-menu-wrapper ul li.selected button {
  background: var(--gray-100); }

#sidebar .side-menu-wrapper ul li.current.selected button {
  background: var(--mainmenu-selected-color); }

#sidebar .side-menu-wrapper ul li.disabled a {
  cursor: not-allowed; }

#sidebar .side-menu-wrapper ul li.admin-manager.disabled a {
  cursor: not-allowed; }

#sidebar .side-menu-wrapper ul li > a {
  padding: 0.5rem 0 0.5rem 1rem; }

#sidebar .side-menu-wrapper .read-only.disabled .menu-text,
#sidebar .side-menu-wrapper .read-only.disabled a {
  color: var(--gray-500); }

#sidebar .side-menu-wrapper .read-only.disabled .icon-pay-outline::before {
  color: var(--gray-500); }

#sidebar .side-menu-wrapper .top-logo .logo-big {
  width: 60%;
  max-height: 4.375rem; }

#sidebar .side-menu-wrapper .top-logo .logo-small {
  width: 40%; }

#mobile-menu .mobile-logo {
  text-align: center; }
  #mobile-menu .mobile-logo img {
    width: 80%;
    max-height: 4.375rem; }

#mobile-menu .mobile-menu-trigger {
  min-width: 2.5rem; }

#mobile-menu .button-wrapper {
  min-width: 2.5rem; }

.skip:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  white-space: nowrap !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; }

.skip:focus-visible {
  outline: 2px solid #8154f2;
  outline-offset: -2px; }

.header-menu-link,
.header-submenu-link {
  border-left: 5px solid transparent; }

.header-menu-link,
.header-toggle-accounts,
.header-user {
  display: flex;
  align-items: center;
  padding: 0.85rem 1rem; }

.header-menu-link {
  background-color: #fff;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

.header-menu-link,
.header-submenu-link,
.header-user {
  font-family: Averta, Arial, sans-serif;
  font-size: 1rem;
  color: #000;
  text-decoration: none; }

#sidebar {
  padding-top: 0; }

.top-logo {
  padding-top: 1.5rem; }

@media (max-width:767px) {
  .heading h1 {
    font-size: 1.75rem; } }

.fuel-locate {
  display: flex;
  align-items: center;
  font-family: var(--font-semibold);
  font-size: 0.875rem;
  color: var(--black);
  text-align: right;
  text-decoration: none;
  padding-right: 1rem; }
  @media (max-width:767px) {
    .fuel-locate {
      width: initial;
      padding: 0; } }
  .fuel-locate span {
    text-decoration: underline; }
  .fuel-locate::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3125rem;
    color: #000;
    content: "\e929";
    margin-right: 0.5rem; }

.feedback-slide .feedback-info {
  font-family: var(--font-regular);
  font-size: 0.875rem;
  margin-bottom: 1.5rem; }

.feedback-slide .feedback-rate {
  display: block;
  font-family: var(--font-semibold);
  font-size: 0.75rem;
  color: var(--gray-700);
  text-transform: uppercase; }

.feedback-slide .feedback-improve .select,
.feedback-slide .features-offer .select {
  font-size: 0.875rem;
  color: var(--gray-500);
  margin-top: 0.5em;
  margin-bottom: 1em; }

.feedback-slide .feedback-improve .checkbox,
.feedback-slide .features-offer .checkbox {
  font-size: 0.875rem; }
  .feedback-slide .feedback-improve .checkbox:nth-of-type(4),
  .feedback-slide .features-offer .checkbox:nth-of-type(4) {
    margin-right: 5rem; }

@media (max-width:767px) {
  .feedback-slide .feedback-improve .checkbox,
  .feedback-slide .features-offer .checkbox {
    width: 100%; }
    .feedback-slide .feedback-improve .checkbox:nth-of-type(4),
    .feedback-slide .features-offer .checkbox:nth-of-type(4) {
      margin-right: 0; } }

.feedback-slide .feedback-connect {
  margin: 2rem 0;
  border-bottom: 1px solid var(--gray-300); }
  .feedback-slide .feedback-connect label {
    margin-top: 1.25rem;
    margin-right: 3.125rem; }

.feedback-slide .features-offer {
  margin: 1.5rem 0; }

.feedback-slide .star-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 10px 0; }
  .feedback-slide .star-wrapper li {
    width: 3.125rem;
    height: 3.125rem;
    background: url("/img/star-gray.292d85c8e38b63e4bb832634cd191e0446e5c0ad6daf461797a09792258ea8da.svg") no-repeat;
    cursor: pointer; }
  .feedback-slide .star-wrapper .star-clicked {
    width: 3.125rem;
    height: 3.125rem;
    background: url("/img/star-purple.066e6afda268cee4a92fb7004ef4ece965f94be7e8b9391251c1128fe8b88908.svg") no-repeat;
    cursor: pointer; }

.read-only .fixedbanner,
.administrator .fixedbanner,
.manager .fixedbanner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-family: var(--font-semibold);
  font-size: 0.875rem;
  color: var(--white);
  text-align: center;
  padding: 0.9375rem;
  z-index: 9; }
  @media (max-width:540px) {
    .read-only .fixedbanner,
    .administrator .fixedbanner,
    .manager .fixedbanner {
      text-align: left; } }
  .read-only .fixedbanner.readonly-banner,
  .administrator .fixedbanner.readonly-banner,
  .manager .fixedbanner.readonly-banner {
    background-color: var(--purple); }
  .read-only .fixedbanner.accountlocked-banner,
  .administrator .fixedbanner.accountlocked-banner,
  .manager .fixedbanner.accountlocked-banner {
    background-color: var(--orange-a700); }
  .read-only .fixedbanner.readlocked-banner,
  .administrator .fixedbanner.readlocked-banner,
  .manager .fixedbanner.readlocked-banner {
    background-color: var(--red400); }
  .read-only .fixedbanner p,
  .administrator .fixedbanner p,
  .manager .fixedbanner p {
    margin: 0; }

@media (max-width:540px) {
  #fixedbanners {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    transition: transform 0.4s;
    z-index: 9; }
    #fixedbanners.scroll-down {
      transform: translate3d(0, 200%, 0); } }

.kabob-btn {
  position: relative;
  width: 2rem;
  height: 2rem;
  appearance: none;
  padding: 0 !important;
  background-color: transparent;
  border: 0;
  border-radius: 2rem;
  transition: background-color 0.3s ease;
  cursor: pointer; }
  .kabob-btn:focus-visible {
    outline: 2px solid var(--purple) !important;
    outline-offset: 2px; }
  .kabob-btn > icon {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 !important;
    transform: translate(-50%, -50%); }

.tab-navigation {
  display: flex;
  flex-direction: row; }
  .tab-navigation .tab-button {
    flex: 1;
    font-family: var(--font-extrabold);
    font-size: 1rem;
    color: var(--gray-500);
    text-transform: uppercase;
    padding: 20px 0;
    background: var(--gray-300);
    border: 0; }
    .tab-navigation .tab-button:first-child {
      border-radius: 0.625em 0 0 0; }
      @media (max-width:767px) {
        .tab-navigation .tab-button:first-child {
          margin: 0 0.5rem 0 1rem; } }
    .tab-navigation .tab-button:last-child {
      border-radius: 0 0.625em 0 0; }
      @media (max-width:767px) {
        .tab-navigation .tab-button:last-child {
          margin: 0 1rem 0 0.5rem; } }
    .tab-navigation .tab-button.active {
      color: var(--black);
      background: transparent; }
      @media (max-width:767px) {
        .tab-navigation .tab-button.active {
          border-bottom: 0.125rem solid var(--purple); } }
    @media (max-width:767px) {
      .tab-navigation .tab-button {
        font-family: var(--font-semibold);
        color: var(--gray-700);
        text-transform: capitalize;
        padding: 0.75rem 0 0.5625rem;
        background: transparent;
        border-bottom: 0.125rem solid var(--gray-300); } }
.tab-content-wrap.active {
  display: block; }

.tab-wrap .tab-header-wrap {
  justify-content: normal;
  margin: 0 0 1.5rem 0;
  border-bottom: 0; }
  .tab-wrap .tab-header-wrap button {
    min-width: 8.125rem;
    font-family: var(--font-regular);
    font-size: 1em;
    color: var(--gray-700);
    text-align: center;
    padding: 0 0.75rem 0.25rem;
    background: transparent;
    border: 0;
    border-bottom: 4px solid var(--gray-300);
    cursor: pointer; }
    .tab-wrap .tab-header-wrap button.active {
      color: var(--black);
      border-bottom: 0.25rem solid var(--mainmenu-selected-color); }
  .tab-wrap .tab-header-wrap li {
    margin: 0 1rem 0 0; }
    .tab-wrap .tab-header-wrap li:last-child {
      margin-right: 0; }
  @media (max-width:767px) {
    .tab-wrap .tab-header-wrap {
      justify-content: space-around; }
      .tab-wrap .tab-header-wrap button {
        min-width: 5.75rem;
        font-family: var(--font-semibold);
        margin: 0 0.5rem 0 0;
        padding: 0 0.25rem; } }
.tab-wrap .tab-content-wrap {
  display: block; }

#sidebar .side-menu-wrapper ul li.mobile-legal-privacy {
  display: none; }

body.webview #sidebar .side-menu-wrapper ul li.mobile-legal-privacy {
  display: flex; }

body.webview .download-link {
  display: none; }

body.webview footer {
  display: none; }

/* stylelint-disable */
:root {
  --darkGreen: #1a845a;
  --toggleBkgrndGrn: #c1e3d5;
  --toggleBkgrndBorderGrn: #7bb19c;
  --gray-600: #7f7f7f; }

/* stylelint-enable */
.toggle input:checked + .slider::before, .toggle input[aria-checked="true"] + .slider::before,
.toggle button:checked + .slider::before,
.toggle button[aria-checked="true"] + .slider::before {
  background-color: var(--white); }

.toggle input.success:checked + .slider, .toggle input.success[aria-checked="true"] + .slider,
.toggle button.success:checked + .slider,
.toggle button.success[aria-checked="true"] + .slider {
  background-color: var(--light-green);
  border: 0.0625rem solid var(--darkGreen); }

.toggle .slider {
  background-color: var(--white);
  border: 0.0625rem solid var(--gray-700); }
  .toggle .slider::before {
    background-color: var(--gray-600);
    box-shadow: none; }

.toggle.disabled input.success:checked + .slider, .toggle.disabled input.success[aria-checked="true"] + .slider,
.toggle.disabled button.success:checked + .slider,
.toggle.disabled button.success[aria-checked="true"] + .slider, .toggle[disabled] input.success:checked + .slider, .toggle[disabled] input.success[aria-checked="true"] + .slider,
.toggle[disabled] button.success:checked + .slider,
.toggle[disabled] button.success[aria-checked="true"] + .slider {
  background-color: var(--toggleBkgrndGrn);
  border: 0.0625rem solid var(--toggleBkgrndBorderGrn); }

.toggle.disabled .slider::before, .toggle[disabled] .slider::before {
  background-color: var(--white); }

.toggle input[disabled].success:checked + .slider, .toggle input[disabled].success[aria-checked="true"] + .slider,
.toggle button[disabled].success:checked + .slider,
.toggle button[disabled].success[aria-checked="true"] + .slider {
  background-color: var(--toggleBkgrndGrn);
  border: 0.0625rem solid var(--toggleBkgrndBorderGrn); }

.toggle input[disabled] ~ .slider,
.toggle button[disabled] ~ .slider {
  background-color: var(--gray-100);
  border: 0.0625rem solid var(--gray-300); }

body {
  display: none; }
  body.auth-succeed {
    display: block; }

.dashboard {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); }
  @media (max-width:991px) {
    .dashboard.container {
      grid-gap: 1rem; } }
  @media (max-width:991px) {
    .dashboard {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
  @media (min-width:1600px) {
    .dashboard {
      grid-template-columns: minmax(0, 3.5fr) minmax(0, 6.5fr); } }
  .dashboard .ad-spot {
    position: relative;
    display: none;
    grid-column: 1 / 3; }
    .dashboard .ad-spot .ad-close {
      position: absolute;
      top: 0.5625rem;
      right: 0.5625rem;
      width: 1.125rem;
      height: 1.125rem;
      cursor: pointer; }
    @media (max-width:1199px) {
      .dashboard .ad-spot {
        display: none !important; } }
  .dashboard .content {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
    grid-column: 1 / 3;
    grid-gap: 1.5rem; }
    @media (max-width:1199px) {
      .dashboard .content {
        grid-template-columns: 1fr; } }
  .dashboard .left,
  .dashboard .right {
    display: flex;
    gap: 1.5rem;
    flex-direction: column; }
    @media (max-width:1199px) {
      .dashboard .left,
      .dashboard .right {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
        grid-column: 1 / 3;
        grid-gap: 1.5rem; } }
  .dashboard .fuel-maintain-link {
    display: flex;
    margin-right: 15px; }
    .dashboard .fuel-maintain-link .fuel-maintenance {
      display: flex;
      align-items: center;
      font-family: var(--font-semibold);
      font-size: 0.875rem;
      color: var(--black);
      text-align: right;
      text-decoration: none;
      padding-right: 1rem; }
      @media (max-width:767px) {
        .dashboard .fuel-maintain-link .fuel-maintenance {
          width: initial;
          padding: 0; } }
      .dashboard .fuel-maintain-link .fuel-maintenance span {
        text-decoration: underline; }
      .dashboard .fuel-maintain-link .fuel-maintenance img {
        margin-right: 0.5rem; }
    .dashboard .fuel-maintain-link .divider {
      width: 0.0625rem;
      height: 2.1875rem;
      background: var(--gray-700); }
  .dashboard .heading {
    grid-column: 1 / 3; }
    .dashboard .heading .button-wrapper {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 100%; }
      .dashboard .heading .button-wrapper .alert-wrapper {
        visibility: hidden; }
  .dashboard h2 {
    font-family: var(--font-extrabold);
    font-size: 1rem;
    color: var(--black);
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 0.4375rem 0; }
    .dashboard h2.show-mobile {
      width: 100%;
      font-family: var(--font-extrabold);
      font-size: 1.75rem;
      text-transform: capitalize;
      margin: 0; }
  .dashboard .account-overview {
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.625rem;
    box-shadow: 0 1px 8px 0 var(--rgba-black-012), 0 3px 3px -2px var(--rgba-black-004);
    position: relative;
    text-align: center;
    padding: 1.25em 2.25em;
    grid-column: 1 / 2; }
    @media (max-width:767px) {
      .dashboard .account-overview {
        padding: 1rem; } }
    .dashboard .account-overview h3 {
      font-family: var(--font-bold);
      font-size: 1rem;
      margin: 0 0 0.5rem 0; }
      @media (max-width:767px) {
        .dashboard .account-overview h3 {
          display: block;
          font-family: var(--font-regular);
          font-size: 0.75rem;
          font-weight: normal;
          color: var(--gray-700);
          text-align: left;
          margin: 0.125rem 0 0 0; } }
    .dashboard .account-overview .current-balance {
      font-size: 3.375rem;
      font-weight: normal;
      line-height: 1;
      margin: 0 0 0.5rem 0; }
      @media (max-width:767px) {
        .dashboard .account-overview .current-balance {
          display: block;
          font-size: 2.5rem;
          text-align: left;
          margin: 0.125rem 0 0; } }
    .dashboard .account-overview .account-header {
      display: flex;
      padding: 0 0.1875rem 0 0; }
    .dashboard .account-overview .image-wrapper {
      position: relative;
      display: inline-block;
      margin: 1rem 0;
      padding-bottom: 1rem;
      border-bottom: solid 0.0625rem var(--gray);
      overflow: hidden; }
      .dashboard .account-overview .image-wrapper img {
        width: 20.5rem; }
      .dashboard .account-overview .image-wrapper .card-info {
        position: absolute;
        bottom: 10%;
        left: 6%;
        width: 100%;
        text-align: left; }
        @media (max-width:1199px) {
          .dashboard .account-overview .image-wrapper .card-info {
            bottom: 15%; } }
        .dashboard .account-overview .image-wrapper .card-info p {
          font-family: var(--font-semibold);
          color: var(--white);
          margin: 0; }
          @media (max-width:767px) {
            .dashboard .account-overview .image-wrapper .card-info p:first-of-type {
              font-size: 0.4375rem; }
            .dashboard .account-overview .image-wrapper .card-info p:last-of-type {
              font-size: 0.4375rem; } }
          .dashboard .account-overview .image-wrapper .card-info p:first-of-type {
            font-size: 1.25rem;
            margin: 0 0 0.25rem 0; }
          .dashboard .account-overview .image-wrapper .card-info p:last-of-type {
            font-size: 0.875rem; }
          @media (min-width: 1200px) and (max-width: 1350px) {
            .dashboard .account-overview .image-wrapper .card-info p:first-of-type {
              font-size: 1.2vmax; }
            .dashboard .account-overview .image-wrapper .card-info p:last-of-type {
              font-size: 1vmax; } }
      @media (max-width:1199px) {
        .dashboard .account-overview .image-wrapper {
          width: calc(45% - 0.5rem);
          margin-right: 0.5rem; } }
      @media (max-width:767px) {
        .dashboard .account-overview .image-wrapper {
          display: none; } }
    .dashboard .account-overview .active-cards {
      position: absolute;
      top: 1rem;
      right: 1.5rem;
      font-family: var(--font-semibold);
      font-size: 0.875rem;
      text-align: center;
      margin-bottom: 0.3125rem; }
      @media (max-width:991px) {
        .dashboard .account-overview .active-cards {
          display: none; } }
    .dashboard .account-overview .active-card-count {
      width: 2.5rem;
      color: var(--white);
      margin-right: auto;
      margin-left: auto;
      padding: 0.1875rem 0;
      background-color: var(--black);
      border-radius: 0.9375rem; }
    .dashboard .account-overview .active-card-text {
      padding-top: 3px; }
      @media (max-width:767px) {
        .dashboard .account-overview .active-card-text {
          width: 3.125rem; } }
    .dashboard .account-overview img {
      width: 100%;
      max-width: 100%; }
      @media (max-width:1199px) {
        .dashboard .account-overview img:first-of-type {
          display: none; } }
      .dashboard .account-overview img:last-of-type {
        display: none; }
        @media (max-width:1199px) {
          .dashboard .account-overview img:last-of-type {
            display: block; } }
    .dashboard .account-overview .btn-primary {
      display: block;
      width: 100%; }
      @media (max-width:991px) {
        .dashboard .account-overview .btn-primary {
          display: none; } }
    @media (max-width:1199px) {
      .dashboard .account-overview {
        grid-column: 1 / 3; } }
    @media (max-width:991px) {
      .dashboard .account-overview .progress-bar-wrap {
        margin: 0; } }
    @media (max-width:767px) {
      .dashboard .account-overview .progress-bar-graph {
        display: none; } }
    .dashboard .account-overview .progress-bar-text div {
      margin: 0; }
      @media (max-width:767px) {
        .dashboard .account-overview .progress-bar-text div {
          text-align: left; }
          .dashboard .account-overview .progress-bar-text div.credit-limit-label {
            font-size: 0.75rem;
            color: var(--gray-700);
            margin-top: 0.6875rem; }
          .dashboard .account-overview .progress-bar-text div.credit-limit-text {
            color: var(--gray-900); } }
  .dashboard .recent-activity {
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.625rem;
    box-shadow: 0 1px 8px 0 var(--rgba-black-012), 0 3px 3px -2px var(--rgba-black-004);
    display: flex;
    flex-direction: column;
    min-height: 40rem;
    text-align: right;
    padding: 1rem;
    grid-column: 2 / 3; }
    @media (max-width:767px) {
      .dashboard .recent-activity {
        padding: 1rem; } }
    .dashboard .recent-activity .circle {
      font-size: 0.75rem;
      color: var(--gray-700);
      text-transform: capitalize; }
      .dashboard .recent-activity .circle::before {
        display: inline-block;
        width: 0.4375rem;
        height: 0.4375rem;
        margin-right: 0.25rem;
        border-radius: 50%;
        content: ""; }
      .dashboard .recent-activity .circle.flagged::before {
        background: var(--orange-a700); }
      .dashboard .recent-activity .circle.posted::before {
        background: var(--border-color-green); }
      .dashboard .recent-activity .circle.info::before {
        background: var(--gray-700); }
      .dashboard .recent-activity .circle.declined::before {
        background: var(--red); }
      .dashboard .recent-activity .circle.pending::before {
        background: var(--blue); }
    .dashboard .recent-activity h3 {
      margin: 0 0 2rem 0; }
    .dashboard .recent-activity a,
    .dashboard .recent-activity button {
      margin-right: 1rem; }
      @media (max-width:767px) {
        .dashboard .recent-activity a,
        .dashboard .recent-activity button {
          margin-right: 0; } }
    .dashboard .recent-activity .btn-secondary {
      align-self: flex-end;
      margin-top: auto; }
    .dashboard .recent-activity #dashboard-recent-activity-mob {
      display: none; }
      @media (max-width:767px) {
        .dashboard .recent-activity #dashboard-recent-activity-mob {
          display: block; }
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row {
            display: flex;
            justify-content: space-between; }
            .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row:nth-of-type(5), .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row:nth-of-type(6), .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row:nth-of-type(7), .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row:nth-of-type(8) {
              display: none; }
            .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row .tabulator-cell {
              height: auto !important; }
              .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row .tabulator-cell span {
                display: block; }
                .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row .tabulator-cell span.date {
                  font-size: 0.75rem;
                  color: var(--gray-700); } }
      @media (min-width: tabletSmall) {
        .dashboard .recent-activity #dashboard-recent-activity-mob {
          display: none; } }
    .dashboard .recent-activity #dashboard-recent-activity,
    .dashboard .recent-activity #dashboard-recent-activity-mob {
      font-size: 0.875rem;
      margin: 0 0 1rem 0;
      background: var(--white); }
      .dashboard .recent-activity #dashboard-recent-activity .chip,
      .dashboard .recent-activity #dashboard-recent-activity-mob .chip {
        width: 5rem;
        font-family: var(--font-semibold); }
      .dashboard .recent-activity #dashboard-recent-activity .tabulator-header,
      .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header {
        padding: 0 !important; }
        .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-headers,
        .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-headers {
          display: grid;
          grid-template-columns: minmax(5rem, 1fr) minmax(3rem, 1fr) minmax(5.125rem, 1fr) minmax(3rem, 1fr) minmax(7.5rem, 1fr);
          grid-gap: 1rem; }
          @media (min-width: 768px) {
            .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-headers,
            .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-headers {
              padding: 0.75rem 1.5rem; } }
        .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-col,
        .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-col {
          width: auto !important;
          min-width: auto !important; }
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-col .tabulator-col-title,
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-col .tabulator-col-title {
            text-overflow: inherit !important;
            padding: 0; }
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-col .tabulator-col-content,
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-col .tabulator-col-content {
            padding: 0; }
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-col .tabulator-col-sorter,
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-col .tabulator-col-sorter {
            display: none; }
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-col:last-of-type,
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-col:last-of-type {
            overflow: visible; }
            .dashboard .recent-activity #dashboard-recent-activity .tabulator-header .tabulator-col:last-of-type .tabulator-col-content .tabulator-col-title,
            .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-header .tabulator-col:last-of-type .tabulator-col-content .tabulator-col-title {
              margin-left: -0.5rem;
              transform: translateX(0.3125rem); }
      .dashboard .recent-activity #dashboard-recent-activity .tabulator-row,
      .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row {
        display: grid;
        margin: 0;
        padding: 0.5rem 0 0.75rem !important;
        border-radius: 0;
        grid-template-columns: minmax(5rem, 1fr) minmax(3rem, 1fr) minmax(5.125rem, 1fr) minmax(3rem, 1fr) minmax(7.5rem, 1fr);
        grid-gap: 1rem; }
        @media (max-width:767px) {
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-row,
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row {
            border-bottom: solid 1px var(--gray-300);
            box-shadow: none;
            grid-template-columns: minmax(13rem, 1fr) minmax(3rem, 1fr); } }
        @media (max-width: 320px) {
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-row,
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-row {
            grid-template-columns: minmax(11rem, 1fr) minmax(3rem, 1fr); } }
      .dashboard .recent-activity #dashboard-recent-activity .tabulator-cell,
      .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-cell {
        position: relative;
        width: auto !important;
        font-family: var(--font-regular);
        text-overflow: inherit;
        padding: 0;
        overflow: visible; }
        @media (max-width:767px) {
          .dashboard .recent-activity #dashboard-recent-activity .tabulator-cell:nth-child(2),
          .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-cell:nth-child(2) {
            text-align: right; } }
        .dashboard .recent-activity #dashboard-recent-activity .tabulator-cell:nth-child(3),
        .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-cell:nth-child(3) {
          text-transform: capitalize;
          overflow-wrap: break-word; }
        .dashboard .recent-activity #dashboard-recent-activity .tabulator-cell:nth-child(4),
        .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-cell:nth-child(4) {
          text-transform: capitalize; }
      .dashboard .recent-activity #dashboard-recent-activity .tabulator-col-resize-handle,
      .dashboard .recent-activity #dashboard-recent-activity-mob .tabulator-col-resize-handle {
        display: none; }
      .dashboard .recent-activity #dashboard-recent-activity img,
      .dashboard .recent-activity #dashboard-recent-activity-mob img {
        display: inline-block;
        width: 1.375rem;
        margin-right: 0.3125rem;
        vertical-align: middle; }
        .dashboard .recent-activity #dashboard-recent-activity img p,
        .dashboard .recent-activity #dashboard-recent-activity-mob img p {
          display: inline-block;
          vertical-align: middle; }
      .dashboard .recent-activity #dashboard-recent-activity .amount,
      .dashboard .recent-activity #dashboard-recent-activity-mob .amount {
        color: var(--gray-900);
        margin-bottom: 0.375rem; }
      @media (max-width:767px) {
        .dashboard .recent-activity #dashboard-recent-activity .location,
        .dashboard .recent-activity #dashboard-recent-activity-mob .location {
          max-width: 13.4375rem;
          color: var(--gray-900);
          text-overflow: ellipsis;
          margin-bottom: 0.375rem;
          overflow-x: hidden; } }
    .dashboard .recent-activity .no-activity-found {
      display: grid;
      margin: 1rem;
      grid-template-columns: 2fr 2fr 5fr 0.1fr 3fr 1fr;
      column-gap: 10px; }
      @media (max-width:767px) {
        .dashboard .recent-activity .no-activity-found {
          display: none; } }
      .dashboard .recent-activity .no-activity-found div {
        padding: 0.875rem 0.9rem;
        background: #f5f5f5;
        border: 0;
        border-radius: 1.5rem; }
    .dashboard .recent-activity .no-activity-found-mob {
      display: none; }
      @media (max-width:767px) {
        .dashboard .recent-activity .no-activity-found-mob {
          display: grid;
          padding: 0.3rem;
          grid-template-columns: 1fr 4fr 2fr; }
          .dashboard .recent-activity .no-activity-found-mob div {
            margin: 0.5rem;
            padding: 0.875rem 0.9rem;
            background: #f5f5f5;
            border: 0;
            border-radius: 1.5rem; } }
    @media (max-width:1199px) {
      .dashboard .recent-activity {
        min-height: initial;
        grid-column: 1 / 3; } }
    @media (min-width:992px) and (max-width:1199px) {
      .dashboard .recent-activity {
        grid-row: 1 / 5; } }
    @media (max-width:991px) {
      .dashboard .recent-activity {
        grid-row: initial; } }
    @media (max-width:767px) {
      .dashboard .recent-activity p {
        font-size: 0.875rem;
        text-align: left;
        margin: 1rem 0 0.5rem; }
      .dashboard .recent-activity .btn-secondary {
        align-self: inherit; }
      .dashboard .recent-activity #dashboard-recent-activity {
        display: none; } }
  .dashboard .info-block {
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.625rem;
    box-shadow: 0 1px 8px 0 var(--rgba-black-012), 0 3px 3px -2px var(--rgba-black-004);
    position: relative;
    display: flex;
    flex-direction: column;
    grid-column: 1 / 2; }
    @media (max-width:767px) {
      .dashboard .info-block {
        padding: 1rem; } }
    .dashboard .info-block .payment-information {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1rem; }
      .dashboard .info-block .payment-information .due-date span {
        display: block;
        font-size: 0.875rem;
        color: var(--gray-700);
        text-align: center; }
        .dashboard .info-block .payment-information .due-date span:first-child {
          font-size: 0.75rem;
          color: var(--gray-900);
          text-align: right; }
    .dashboard .info-block .amount-due {
      font-size: 1.75rem;
      color: var(--gray-900); }
    .dashboard .info-block .btn-secondary {
      margin: 0 1rem; }
    @media (max-width:1199px) {
      .dashboard .info-block {
        grid-row: 2 / 3; } }
    @media (min-width:992px) and (max-width:1199px) {
      .dashboard .info-block {
        grid-column: 1 / 2; } }
    @media (max-width:991px) {
      .dashboard .info-block {
        grid-row: 3 / 4;
        grid-column: 1 / 3; }
        .dashboard .info-block a {
          margin: 0; } }
    @media (max-width:767px) {
      .dashboard .info-block .btn-secondary {
        width: 100%;
        margin: 0; } }
  .dashboard .card-block {
    padding: 1.5rem;
    background: var(--white);
    border-radius: 0.625rem;
    box-shadow: 0 1px 8px 0 var(--rgba-black-012), 0 3px 3px -2px var(--rgba-black-004);
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
    grid-column: 1 / 2; }
    @media (max-width:767px) {
      .dashboard .card-block {
        padding: 1rem; } }
    .dashboard .card-block h3 {
      width: 9.375rem;
      font-family: var(--font-bold);
      font-size: 0.875rem;
      margin: 0 0 0.5rem 0; }
    .dashboard .card-block p {
      font-size: 0.875rem;
      color: var(--gray-blue); }
    .dashboard .card-block .pending-orders .card-details {
      padding: 0 0 0 0.5rem; }
      .dashboard .card-block .pending-orders .card-details p {
        font-size: 0.75rem;
        color: var(--gray-700); }
        .dashboard .card-block .pending-orders .card-details p.provider-label span {
          display: block; }
    .dashboard .card-block > .swiper-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 1.5rem 0;
      padding: 0 0.25rem; }
      @media (max-width:767px) {
        .dashboard .card-block > .swiper-container {
          margin: 1rem 0; } }
    .dashboard .card-block .swiper-slide {
      height: auto;
      text-align: center; }
      .dashboard .card-block .swiper-slide .card-wrapper {
        display: flex;
        margin: 0 0 1rem 0; }
      .dashboard .card-block .swiper-slide a {
        font-family: var(--font-semibold);
        font-size: 0.875rem;
        text-decoration: underline; }
        .dashboard .card-block .swiper-slide a:hover {
          text-decoration: none; }
      .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details {
        font-family: var(--font-semibold);
        margin-left: 0;
        padding: 0.625rem 2rem 0 0; }
        .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .decline-reason {
          font-size: 1rem;
          color: var(--red); }
          @media (max-width:767px) {
            .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .decline-reason {
              font-size: 0.875rem;
              color: var(--gray-900);
              text-align: left; } }
        .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .no-issues {
          font-size: 1rem;
          color: var(--light-green);
          padding-top: 0.625rem; }
          @media (max-width:767px) {
            .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .no-issues {
              font-size: 0.875rem;
              color: var(--gray-900);
              padding-top: 0; } }
        .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .date-time {
          font-size: 0.875rem;
          color: var(--gray-700);
          padding-right: 1.3125rem; }
          @media (max-width:767px) {
            .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .date-time {
              font-size: 0.75rem;
              color: var(--gray-700);
              text-align: left; } }
        @media (max-width:991px) {
          .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details {
            order: 2;
            width: 46%;
            padding: 0.625rem 0 0 0.625rem; } }
        @media (min-width:768px) and (max-width:991px) {
          .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .decline-reason,
          .dashboard .card-block .swiper-slide.issues .card-wrapper .card-details .date-time {
            text-align: center; } }
      .dashboard .card-block .swiper-slide.issues .card-wrapper .image-wrapper .big-chip {
        position: absolute;
        right: 0;
        font-family: var(--font-semibold);
        font-size: 0.6875rem; }
        @media (max-width:991px) {
          .dashboard .card-block .swiper-slide.issues .card-wrapper .image-wrapper .big-chip {
            top: 0; } }
        .dashboard .card-block .swiper-slide.issues .card-wrapper .image-wrapper .big-chip.decline {
          background: var(--red); }
      .dashboard .card-block .swiper-slide.issues .card-wrapper .image-wrapper .declined-card {
        padding: 0.625rem 0; }
    .dashboard .card-block .swiper-pagination1,
    .dashboard .card-block .swiper-pagination2 {
      position: relative;
      font-size: 0.875rem;
      color: var(--gray-700);
      padding-top: 2rem; }
    .dashboard .card-block .swiper-button-prev:focus-visible,
    .dashboard .card-block .swiper-button-next:focus-visible {
      border-radius: 1px;
      outline: 2px solid var(--purple);
      outline-offset: 2px; }
    .dashboard .card-block .swiper-button-prev {
      left: 1%; }
    .dashboard .card-block .swiper-button-next {
      right: 1%; }
      .dashboard .card-block .swiper-button-next:focus {
        outline: none; }
    .dashboard .card-block .image-wrapper {
      position: relative;
      display: inline-block;
      width: 30%;
      margin-left: 2rem;
      overflow: hidden; }
      .dashboard .card-block .image-wrapper img {
        width: 100%; }
      .dashboard .card-block .image-wrapper .card-info {
        position: absolute;
        bottom: 20%;
        left: 5%;
        width: 100%;
        text-align: left; }
        .dashboard .card-block .image-wrapper .card-info p {
          font-family: var(--font-semibold);
          font-size: 0.5625rem;
          color: var(--black);
          margin: 0; }
          .dashboard .card-block .image-wrapper .card-info p.card-holder {
            font-size: 0.625rem; }
        .dashboard .card-block .image-wrapper .card-info.dark-card p {
          color: var(--white); }
    .dashboard .card-block .card-details {
      display: flex;
      flex-direction: column;
      text-align: left;
      padding: 0 1rem 0 0.5rem; }
      .dashboard .card-block .card-details h5 {
        font-family: var(--font-extrabold);
        font-size: 1rem;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 0 0.5rem 0; }
        @media (max-width:767px) {
          .dashboard .card-block .card-details h5 {
            font-family: var(--font-bold);
            font-size: 0.875rem;
            font-weight: 700;
            text-transform: capitalize;
            margin: 0; } }
      .dashboard .card-block .card-details p {
        margin: 0; }
    .dashboard .card-block .progress-bar-wrap {
      margin: 0.625rem 0 1.5rem 0; }
    .dashboard .card-block .progress-bar-text {
      margin-top: 1.125rem; }
      .dashboard .card-block .progress-bar-text .multi-col {
        display: grid;
        grid-template-columns: 1fr 1fr; }
        .dashboard .card-block .progress-bar-text .multi-col div {
          color: #888; }
          .dashboard .card-block .progress-bar-text .multi-col div span {
            font-family: var(--font-bold); }
          .dashboard .card-block .progress-bar-text .multi-col div:first-child {
            text-align: left; }
            .dashboard .card-block .progress-bar-text .multi-col div:first-child span {
              color: var(--border-color-green); }
          .dashboard .card-block .progress-bar-text .multi-col div:last-child {
            text-align: right; }
            .dashboard .card-block .progress-bar-text .multi-col div:last-child span {
              color: var(--gray-700); }
    .dashboard .card-block .redeem-text {
      font-family: var(--font-bold);
      font-size: 0.875rem;
      color: var(--purple);
      text-align: left; }
    @media (min-width: 1200px) and (max-width: 1360px) {
      .dashboard .card-block .progress-bar-text .multi-col {
        grid-template-columns: 1fr; }
        .dashboard .card-block .progress-bar-text .multi-col div:last-child {
          text-align: left;
          padding-top: 0.625rem; } }
    @media (max-width:1199px) {
      .dashboard .card-block {
        grid-row: 2 / 3; }
        .dashboard .card-block .swiper-slide a {
          text-decoration: none; }
        .dashboard .card-block .progress-bar-wrap {
          margin-bottom: 2.1875rem; } }
    @media (min-width:992px) and (max-width:1199px) {
      .dashboard .card-block {
        grid-column: 2 / 3; } }
    @media (max-width:991px) {
      .dashboard .card-block {
        padding: 0;
        grid-row: 1 / 3;
        grid-column: 1 / 3; }
        .dashboard .card-block p {
          margin: 0 0 1rem 0; }
        .dashboard .card-block .swiper-wrapper .swiper-button-next,
        .dashboard .card-block .swiper-wrapper .swiper-button-prev {
          position: absolute;
          top: 28%; }
        .dashboard .card-block .swiper-slide a {
          font-size: 1rem; }
        .dashboard .card-block .swiper-slide .card-wrapper {
          flex-direction: row;
          margin: 0; }
        .dashboard .card-block .redeem {
          height: calc(100% - 2.5rem); }
          .dashboard .card-block .redeem .swiper-slide {
            display: flex;
            flex-direction: column;
            padding: 0.3125rem 0 0; }
            .dashboard .card-block .redeem .swiper-slide a {
              margin-top: auto; }
        .dashboard .card-block .swiper-container.reached-end .tab1 {
          margin-left: -1rem; }
        .dashboard .card-block .swiper-button-prev {
          left: 0.5625rem; }
        .dashboard .card-block .swiper-button-next {
          right: 0.5625rem; }
          .dashboard .card-block .swiper-button-next:focus {
            outline: none; }
        .dashboard .card-block .swiper-pagination1,
        .dashboard .card-block .swiper-pagination2 {
          display: block; } }
    @media (max-width:991px) and (max-width:767px) {
      .dashboard .card-block .swiper-pagination1,
      .dashboard .card-block .swiper-pagination2 {
        display: none; } }
    @media (max-width:991px) {
        .dashboard .card-block .image-wrapper {
          min-width: 30%;
          margin: 0 0 0.5rem 2.75rem; }
        .dashboard .card-block .card-details {
          margin: 0 0 1.5rem 0;
          padding: 0; }
        .dashboard .card-block .kabob-btn {
          display: none; }
        .dashboard .card-block h3 {
          font-weight: normal;
          color: var(--gray-blue); }
        .dashboard .card-block .order-card-text {
          display: none; }
        .dashboard .card-block .swiper-slide.pending-orders {
          padding-top: 2.4375rem; }
          .dashboard .card-block .swiper-slide.pending-orders .card-details {
            align-items: center; } }
    @media (min-width:768px) and (max-width:991px) {
      .dashboard .card-block .image-wrapper {
        width: 15.625rem; }
      .dashboard .card-block .tab3:last-of-type {
        max-width: 36.875rem; }
      .dashboard .card-block .redeem a {
        width: 14.375rem;
        margin-right: auto;
        margin-left: auto; } }
    @media (max-width:540px) {
      .dashboard .card-block .swiper-slide a {
        display: block;
        margin: 0 1rem; }
      .dashboard .card-block .progress-bar-text .multi-col {
        grid-template-columns: 1fr; }
        .dashboard .card-block .progress-bar-text .multi-col div:last-child {
          text-align: left;
          padding-top: 0.625rem; }
      .dashboard .card-block .redeem-text {
        padding-right: 6.25rem; } }
    @media (max-width: 320px) {
      .dashboard .card-block .image-wrapper {
        width: 10.625rem; } }
    @media (min-width:992px) {
      .dashboard .card-block .image-wrapper {
        display: inherit;
        width: 45%;
        min-width: 8.75rem;
        margin: 0 2.5rem 0 1rem; }
      .dashboard .card-block .card-details {
        width: 65%;
        margin-left: 2rem; }
      .dashboard .card-block .swiper-slide .card-wrapper {
        flex-direction: row-reverse;
        justify-content: flex-end; }
        .dashboard .card-block .swiper-slide .card-wrapper h5 {
          min-width: 9.375rem;
          word-break: break-word; }
      .dashboard .card-block .swiper-slide.issues .card-wrapper .image-wrapper {
        margin: 0 0.5rem 0 2.5rem; } }
.swiper-button-next,
.swiper-button-prev {
  top: calc(50% - 40px); }

#spend-overview-block {
  padding: 1.5rem;
  background: var(--white);
  border-radius: 0.625rem;
  box-shadow: 0 1px 8px 0 var(--rgba-black-012), 0 3px 3px -2px var(--rgba-black-004);
  min-height: 26.5rem;
  padding: 0;
  grid-column: 2 / 3;
  grid-row: 3 / 5; }
  @media (max-width:767px) {
    #spend-overview-block {
      padding: 1rem; } }
  #spend-overview-block .cards-view-only {
    display: none; }
  #spend-overview-block.cards-view .cards-view-only {
    display: inherit; }
  #spend-overview-block.cards-view #spend-graph-legend > ul li {
    max-width: calc(25% - 1rem); }
  #spend-overview-block.cards-view #spend-graph-legend > ul.top-5 li, #spend-overview-block.cards-view #spend-graph-legend > ul.show-all li {
    flex: 1;
    max-width: calc(20% - 1rem); }
  #spend-overview-block .controls-col,
  #spend-overview-block .graph-col {
    position: relative;
    flex: 1 0 auto;
    padding: 1.5rem; }
  #spend-overview-block .controls-col {
    flex-basis: 11.5625rem;
    max-width: 11.5625rem;
    padding-right: 1rem;
    border-right: 1px solid var(--gray-300); }
    #spend-overview-block .controls-col > div {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
    #spend-overview-block .controls-col .input-wrapper {
      margin: 1rem 0; }
  #spend-overview-block .graph-col {
    flex-basis: calc(100% - 11.5625rem);
    max-width: calc(100% - 11.5625rem);
    padding-top: 2rem; }
  #spend-overview-block h4 {
    font-family: var(--font-semibold);
    font-size: 0.875rem;
    margin: 0; }
  #spend-overview-block h5 {
    font-family: var(--font-regular);
    font-size: 0.875rem;
    margin: 1rem 0 0; }
  #spend-overview-block p {
    font-family: var(--font-regular);
    font-size: 1.25rem;
    margin: 0; }
  #spend-overview-block #spend-graph-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100% !important; }
    #spend-overview-block #spend-graph-wrap .graph-loading-indicator {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      width: 100%;
      height: 100%;
      background-color: var(--white); }
    #spend-overview-block #spend-graph-wrap .loading-indicator-text {
      position: absolute;
      top: 50%;
      left: 50%;
      font-family: var(--font-semibold);
      transform: translate(-50%, -50%); }
    #spend-overview-block #spend-graph-wrap.loading .graph-loading-indicator {
      display: block; }
  #spend-overview-block #spend-graph-canvas {
    cursor: pointer; }
  #spend-overview-block #spend-graph-legend > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -1rem;
    margin-left: -1rem;
    gap: 1rem; }
    #spend-overview-block #spend-graph-legend > ul li {
      min-width: 5rem;
      cursor: pointer;
      pointer-events: visible; }
      #spend-overview-block #spend-graph-legend > ul li span {
        display: inline-block;
        font-family: var(--font-semibold);
        font-size: 1rem; }
        #spend-overview-block #spend-graph-legend > ul li span.legend-label, #spend-overview-block #spend-graph-legend > ul li span.small-decimal {
          font-family: var(--font-regular);
          font-size: 0.875rem; }
        #spend-overview-block #spend-graph-legend > ul li span.legend-label {
          width: calc(100% - 1rem);
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: middle;
          overflow: hidden; }
      #spend-overview-block #spend-graph-legend > ul li .colored-dot {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%; }
      #spend-overview-block #spend-graph-legend > ul li.disabled {
        color: var(--gray-300); }
  #spend-overview-block #spend-graph-legend .small-currency-decimal-legend > span:first-child {
    font-family: var(--font-semibold);
    font-size: 1rem; }
  @media (max-width:1199px) {
    #spend-overview-block {
      min-height: initial;
      grid-column: 1 / 3; } }
  @media (min-width:992px) and (max-width:1199px) {
    #spend-overview-block {
      grid-row: 5 / 6; } }
  @media (max-width:991px) {
    #spend-overview-block {
      grid-row: 2 / 4; } }
  @media (max-width:540px) {
    #spend-overview-block {
      display: none; } }
.spend-graph-content {
  display: flex; }

.chip.pending {
  background: var(--blue); }

.chip.declined {
  background: var(--red); }

.dashboard .card-block .no-pending-orders .card-details h5 {
  font-family: var(--font-semibold);
  font-size: 1rem;
  text-transform: none; }
  @media (max-width:767px) {
    .dashboard .card-block .no-pending-orders .card-details h5 {
      font-family: var(--font-bold);
      font-size: 0.875rem; } }
.dashboard .card-block .no-pending-orders .card-details p {
  color: var(--gray-700); }
  @media (max-width:767px) {
    .dashboard .card-block .no-pending-orders .card-details p {
      font-size: 0.75rem; } }
@media (max-width:767px) {
  .dashboard .card-block .no-pending-orders .card-details {
    width: 46%;
    margin-left: 0.625rem; } }

.dashboard .card-block .icon-button-navigate-left::before,
.dashboard .card-block .icon-button-navigate-right::before {
  font-size: 2.75rem; }

.dashboard .card-block button.icon-font {
  background: none;
  border: 0; }

.dashboard .icon-kabob {
  font-size: 1.3125rem; }

.slide-panel.open .heading-wrapper {
  display: flex;
  align-items: center;
  margin: 0 0 1rem 0; }
  .slide-panel.open .heading-wrapper h4 {
    font-family: var(--font-extrabold);
    font-size: 1.5rem; }
.notification-wrap {
  display: flex;
  flex-flow: column; }
  .notification-wrap .right-link {
    text-align: right; }
    .notification-wrap .right-link a {
      font-size: 0.75rem; }
  .notification-wrap .message-wrap li {
    display: flex;
    flex-direction: column;
    margin: 0.625rem 0;
    border-radius: 0.625rem;
    box-shadow: 0 0 0.4375rem 0 rgba(0, 0, 0, 0.1);
    gap: 0.625rem; }
    .notification-wrap .message-wrap li > div:first-child {
      display: flex;
      padding: 0.625rem;
      gap: 0.625rem; }
    .notification-wrap .message-wrap li .icon::after {
      display: grid;
      width: 1.6875rem;
      height: 1.6875rem;
      font-family: var(--font-bold);
      border-radius: 50%;
      content: "!";
      place-content: center; }
    .notification-wrap .message-wrap li .message-head {
      font-family: var(--font-bold);
      margin-bottom: 0.625rem; }
    .notification-wrap .message-wrap li .message-body > div:nth-child(1) {
      font-size: 0.875rem; }
    .notification-wrap .message-wrap li .message-body > div:nth-child(2) {
      display: none;
      font-size: 0.875rem;
      color: var(--gray-500); }
    .notification-wrap .message-wrap li .message-open-close {
      width: 1.875rem;
      height: 1.875rem;
      margin-left: auto;
      cursor: pointer; }
      .notification-wrap .message-wrap li .message-open-close::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        color: var(--gray-700);
        content: "\e908"; }
    .notification-wrap .message-wrap li.active .message-body > div:nth-child(2) {
      display: block; }
    .notification-wrap .message-wrap li.active .button-wrap {
      display: block; }
    .notification-wrap .message-wrap li.active .message-open-close::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      color: var(--gray-700);
      content: "\e90a"; }
    .notification-wrap .message-wrap li.pink .icon::after {
      color: #df6470;
      background: #fddfe1; }
    .notification-wrap .message-wrap li.pink .message-head {
      color: #df6470; }
    .notification-wrap .message-wrap li.yellow .icon::after {
      color: #ecc548;
      background: #fef3d7; }
    .notification-wrap .message-wrap li.yellow .message-head {
      color: #ecc548; }
  .notification-wrap .message-wrap .button-wrap {
    display: none;
    text-align: right;
    padding: 0.625rem 0;
    border-top: 0.0625rem solid var(--border-color-gray); }
    .notification-wrap .message-wrap .button-wrap button {
      font-size: 0.875rem;
      padding: 0.375rem 1.6875rem; }
  .notification-wrap .slide-panel-footer {
    text-align: center;
    margin-top: 1.25rem;
    padding: 1.25rem 0;
    border-top: 0.0625rem solid var(--border-color-gray); }
@media (max-width:540px) {
  #mega-menu-container.slide-panel .content-wrapper {
    padding-bottom: 1.25rem; } }

#mega-menu-container.slide-panel .search-slide-wrap {
  position: relative;
  margin-right: 1.5rem;
  margin-bottom: 1.875rem; }
  @media (max-width:540px) {
    #mega-menu-container.slide-panel .search-slide-wrap {
      margin-right: 0;
      margin-bottom: 1.25rem; } }
  #mega-menu-container.slide-panel .search-slide-wrap .search-slide {
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%); }
  #mega-menu-container.slide-panel .search-slide-wrap input {
    position: relative;
    top: auto;
    width: 100%;
    transform: none; }

#mega-menu-container.slide-panel.open.mega-menu-slide {
  width: 25.5rem; }
  @media (max-width:540px) {
    #mega-menu-container.slide-panel.open.mega-menu-slide {
      width: 100%; } }
#mega-menu-container.slide-panel.open .slide-content-wrapper {
  width: 25.5rem;
  padding: 3.25rem 1rem 1.25rem 1.5rem;
  border-top-left-radius: 0.875rem;
  border-bottom-left-radius: 0.875rem; }
  @media (max-width:540px) {
    #mega-menu-container.slide-panel.open .slide-content-wrapper {
      width: 100%;
      padding: 3.25rem 1rem 1.25rem 1rem;
      border-radius: 0; } }
  #mega-menu-container.slide-panel.open .slide-content-wrapper h2 {
    font-family: var(--font-extrabold);
    font-size: 1.5rem; }
    @media (max-width:540px) {
      #mega-menu-container.slide-panel.open .slide-content-wrapper h2 {
        margin: 0 0 0.9375rem; } }
  #mega-menu-container.slide-panel.open .slide-content-wrapper .account-results {
    font-size: 0.875rem;
    margin-bottom: 2.125rem; }
    @media (max-width:540px) {
      #mega-menu-container.slide-panel.open .slide-content-wrapper .account-results {
        margin-bottom: 1rem; } }
  #mega-menu-container.slide-panel.open .slide-content-wrapper ul {
    border-top: 0.0625rem solid var(--gray-300); }
    @media (max-width:540px) {
      #mega-menu-container.slide-panel.open .slide-content-wrapper ul {
        border-top: 0; } }
    #mega-menu-container.slide-panel.open .slide-content-wrapper ul li {
      position: relative;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      font-size: 0.875rem;
      padding: 0.625rem 0 0.625rem 0.625rem;
      border-bottom: 0.0625rem solid var(--gray-300);
      cursor: pointer; }
      #mega-menu-container.slide-panel.open .slide-content-wrapper ul li .toggle-account-switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        appearance: none;
        background-color: transparent;
        border: 0;
        transition: none;
        cursor: pointer; }
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul li .toggle-account-switch:focus-visible {
          outline: 2px solid var(--purple) !important;
          outline-offset: 2px; }
      @media (max-width:540px) {
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul li {
          display: flex;
          padding: 0.625rem 0 0.625rem 0.5rem; } }
      #mega-menu-container.slide-panel.open .slide-content-wrapper ul li.active {
        color: var(--white);
        background-color: var(--mainmenu-selected-color);
        cursor: pointer; }
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul li.active img {
          filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(76deg) brightness(150%) contrast(104%); }
      #mega-menu-container.slide-panel.open .slide-content-wrapper ul li:hover {
        color: inherit;
        background-color: var(--gray-100); }
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul li:hover img {
          filter: inherit; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper ul .my-auto {
      display: inline-block;
      width: 80%;
      line-height: 2;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      @media (max-width:540px) {
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul .my-auto {
          display: inline-block;
          width: 65%; } }
    #mega-menu-container.slide-panel.open .slide-content-wrapper ul .acc-number {
      display: inline-block;
      width: 65%;
      line-height: 2;
      text-align: left; }
      @media (max-width:540px) {
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul .acc-number {
          width: 50%; } }
    #mega-menu-container.slide-panel.open .slide-content-wrapper ul .fleet-count {
      display: inline-block;
      width: 5rem; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper ul .more {
      position: relative;
      bottom: 0.875rem;
      font-size: 1.5rem;
      padding-right: 0.625rem; }
      @media (max-width:540px) {
        #mega-menu-container.slide-panel.open .slide-content-wrapper ul .more {
          padding: 0 0 0 0.625rem; } }
      #mega-menu-container.slide-panel.open .slide-content-wrapper ul .more img {
        width: 90%;
        height: auto; }
        @media (max-width:540px) {
          #mega-menu-container.slide-panel.open .slide-content-wrapper ul .more img {
            transform: translate(90%, -30%); } }
  #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect {
    /* stylelint-disable-next-line selector-class-pattern */ }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .close-panel-arrow {
      margin-right: 0.3125rem; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .icon-arrow-left::before {
      font-size: 1.25rem; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect h2 {
      font-size: 1.5rem; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .account-results {
      font-size: 0.875rem; }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .account-results .counts {
        font-size: 0.75rem; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .select-all-wrapper {
      background: var(--light-gray);
      border: 0; }
      @media (max-width:540px) {
        #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .select-all-wrapper {
          padding-bottom: 0;
          border-bottom: var(--gray-300) 0.0625rem solid; }
          #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .select-all-wrapper li.select-all-none .my-auto {
            width: 50%; } }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .select-all-wrapper li.select-all-none {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 0.875rem;
        line-height: 2rem;
        padding: 1.125rem 0 1.125rem 0.625rem;
        border: 0; }
        #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .select-all-wrapper li.select-all-none .checkbox {
          margin-bottom: 0; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard {
      font-size: 0.875rem; }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .account-name-data {
        line-height: 2; }
        @media (max-width:540px) {
          #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .account-name-data {
            width: 65%; } }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .acc-number {
        line-height: 2; }
        @media (max-width:540px) {
          #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .acc-number {
            width: 50%; } }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .fleet-count {
        font-size: 0.875rem;
        line-height: 2; }
        #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .fleet-count .counts {
          font-size: 0.75rem;
          line-height: 1rem; }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect li.accountCard .checkbox {
        position: relative;
        bottom: 0.75rem;
        margin-bottom: 0; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .button-section {
      margin: 3.75rem 0 1.25rem; }
      #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect .button-section a.cancel-btn {
        display: block;
        text-align: center;
        text-decoration: underline;
        margin-top: 1.25rem; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect:focus-visible {
      border-radius: 2px;
      outline: 2px solid var(--purple);
      outline-offset: 2px; }
  #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect-ul {
    /* stylelint-disable-next-line selector-class-pattern */ }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect-ul label {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 1; }
    #mega-menu-container.slide-panel.open .slide-content-wrapper .megamenu-multiselect-ul li.megaMenuCard .checkbox {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }

.tabulator .tabulator-tableHolder {
  height: auto !important; }