@charset "UTF-8";
: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; }

* {
  -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; }

body.auth-fail {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh; }

.register-page {
  width: 27rem;
  margin: auto; }
  @media (max-width:540px) {
    .register-page {
      width: 100%;
      margin-bottom: 1.5rem;
      padding: 1rem; } }
  .register-page h1 {
    font-family: var(--font-extrabold);
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 1.625rem; }
    @media (max-width:540px) {
      .register-page h1 {
        font-size: 1.5rem; } }
.login-box {
  position: relative;
  margin: 0 0 1.5rem 0;
  margin-bottom: 0.625rem;
  padding: 1.5rem;
  background: var(--white);
  border-radius: 0.625rem;
  box-shadow: 0 0.1875rem 0.1875rem -0.125rem var(--rgba-black-004), 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.12); }
  @media (max-width:540px) {
    .login-box {
      width: auto;
      padding: 1rem; } }
  .login-box .input-wrapper {
    margin-bottom: 1.5rem; }
    .login-box .input-wrapper.success input {
      border-color: var(--gray-300); }
    .login-box .input-wrapper.error::after {
      width: 1.25rem;
      height: 1.25rem;
      font-family: var(--font-extrabold);
      color: var(--white);
      text-align: center;
      background: var(--red);
      border-radius: 50%;
      content: "!"; }
    .login-box .input-wrapper.error input[type="email"] {
      border-color: var(--red); }
    .login-box .input-wrapper.error .error-message[data-has-error="false"] {
      display: none; }
    .login-box .input-wrapper.error .error-message[data-has-error="true"] {
      display: block; }
      .login-box .input-wrapper.error .error-message[data-has-error="true"] ~ .error-message[data-has-error="true"] {
        display: none; }
    .login-box .input-wrapper.error input:focus ~ .error-message[data-has-error="true"] {
      display: none; }
    .login-box .input-wrapper.error:focus-within::after {
      display: none; }
    .login-box .input-wrapper input[type="text"] {
      height: inherit;
      line-height: 1;
      padding: 0.875rem 2.5rem 0.875rem 0.75rem; }
    .login-box .input-wrapper input[type="password"] {
      height: inherit;
      line-height: 1;
      padding: 0.875rem 2.5rem 0.875rem 0.75rem; }
    .login-box .input-wrapper input[type="email"] {
      width: 100%;
      height: inherit;
      font-family: var(--font-regular);
      font-size: 0.875rem;
      color: var(--gray-700);
      line-height: 1;
      padding: 0.875rem 2.5rem 0.875rem 0.75rem;
      background: var(--light-gray);
      border: 0.0625rem solid var(--gray-300);
      border-radius: 0.25rem;
      transition: all 0.3s ease; }
    .login-box .input-wrapper::after {
      top: 2.3125rem; }
    .login-box .input-wrapper:nth-child(1) {
      width: 100%; }
    @media (min-width:768px) {
      .login-box .input-wrapper.short {
        display: inline-flex;
        flex-direction: column;
        width: 47%; } }
    @media (min-width:768px) {
      .login-box .input-wrapper:nth-child(even) {
        margin-right: 1rem; } }
    @media (min-width:768px) {
      .login-box .input-wrapper.postal-wrapper {
        margin-bottom: 0; } }
    .login-box .input-wrapper.account-wrapper {
      margin-bottom: 0; }
      .login-box .input-wrapper.account-wrapper.error::after {
        content: none; }
      .login-box .input-wrapper.account-wrapper.success::after {
        content: none; }
      .login-box .input-wrapper.account-wrapper .account-number-info-icon {
        position: absolute;
        top: 2.3125rem;
        right: 0.625rem;
        left: inherit;
        width: 1.125rem;
        height: 1.125rem;
        font-family: var(--font-bold);
        font-size: 0.875rem;
        color: var(--white);
        line-height: 1;
        text-align: center;
        padding-top: 0.125rem;
        background-color: var(--purple);
        border-radius: 50%;
        cursor: pointer; }
    .login-box .input-wrapper.button-wrapper {
      margin: 0.5rem 0 1.625rem; }
    .login-box .input-wrapper.link-wrapper {
      text-align: center;
      margin: 0 0 0.625rem; }
    .login-box .input-wrapper.button-complete-wrapper {
      margin: 3.125rem 0 0; }
  .login-box .account-number-info {
    height: auto;
    max-height: 0;
    font-size: 0.875rem;
    overflow: hidden;
    transition: max-height 0.5s ease-in; }
    @media (min-width:768px) {
      .login-box .account-number-info {
        padding-left: 53%; } }
    .login-box .account-number-info.show {
      max-height: 3.375rem;
      transition: max-height 0.5s ease-out; }

.register-complete-section h4 {
  font-family: var(--font-semibold);
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 1rem; }

.register-complete-section p {
  font-size: 0.875rem;
  color: var(--gray-700); }

.login-footer-copyright {
  font-size: 0.875rem;
  text-align: center;
  margin: auto 1rem 1.5rem; }
  .webview {
    display: none; }
.terms-of-service {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 1.5rem 0;
  padding: 1.5rem;
  background: var(--white);
  border-radius: 0.625rem;
  box-shadow: 0 0.1875rem 0.1875rem -0.125rem var(--rgba-black-004), 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.12); }
  @media (max-width:540px) {
    .terms-of-service {
      width: auto;
      padding: 1rem; } }
  .terms-of-service .info-section {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gray-300); }
  .terms-of-service .btn-regular.center {
    display: block;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 0.625rem; }
  .terms-of-service .icon-font.icon-ok {
    display: block;
    font-size: 5rem;
    color: var(--black);
    text-align: center;
    margin: 0 auto 1rem; }
    @media (max-width:540px) {
      .terms-of-service .icon-font.icon-ok {
        font-size: 3rem; } }
  .terms-of-service .input-with-checkbox-wrap {
    position: relative;
    width: 75%;
    margin: 0 auto; }
    .terms-of-service .input-with-checkbox-wrap .check-label {
      position: absolute;
      top: 3px;
      font-size: 0.875rem; }
  .terms-of-service p {
    font-size: 0.875rem;
    color: var(--gray-700);
    margin: 0 0 1rem; }
    .terms-of-service p:last-of-type {
      margin: 0 0 3rem; }
      @media (max-width:540px) {
        .terms-of-service p:last-of-type {
          margin: 0 0 1.125rem; } }
  .terms-of-service .input-wrapper {
    margin: 0 0 1.625rem; }
    @media (max-width:540px) {
      .terms-of-service .input-wrapper {
        margin: 1.5rem 0 1.625rem 0; } }