@charset "UTF-8";@import "/css/tabulator.min.css";@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer variables,base,page,components,utilities;@layer variables{:root {
    --teal: #016179;
    --blue: #1565c0;
    --green800: #2e7d32;
    --red: #b00020;
    --orange: #ef6c00;
    --white: #fff;
    --black: #000;
    --darkSkyBlue: #7bbfcc;
    --tealActive: #34789d;
    --yinmnBlue: #365780;
    --darkBlue: #212e35;
    --verdigris: #4fb7b6;
    --turquoise: #00aa83;
    --mantis: #64bb50;
    --green900: #1b5e20;
    --red50: #ffebee;
    --red100: #ffcdd2;
    --red400: #ef5350;
    --yellowAmber100: #ffecb3;
    --naplesYellow: #fcd26c;
    --yellowOrange: #fcb44a;
    --indianYellow: #ec9747;
    --lightBlueGray: #f8faff;
    --backgroundBlueGray: #eef1f6;
    --blue50: #e3f2fd;
    --grayBlue: #b1b5b8;
    --dimGray: #656579;
    --green50: #e8f5e9;
    --blueGreen: #c1e3d5;
    --lightBlueGreen: #7bb19c;
    --gray100: #f5f5f5;
    --gray300: #e0e0e0;
    --gray400: #adadad;
    --gray500: #9e9e9e;
    --gray600: #757575;
    --gray700: #616161;
    --gray800: #3c3c3c;
    --gray900: #212121;
    --success-color: #2e7d32;
    --info-color: #212e35;
    --featured-color: #1565c0;
    --trouble-color: #ce3a0d;
    --error-color: #b00020;
    --system-color: #016179;
    --theme-color: var(--teal);
    --vanilla-select-blue: #3782c8;
    --light-green: #24ad76;
    --rgba-black-004: rgba(0, 0, 0, 0.04);
    --rgba-black-012: rgba(0, 0, 0, 0.12); }
  :root {
    --active-color: #2e7d32;
    --complete-color: #2e7d32;
    --completed-color: #2e7d32;
    --paid-color: #2e7d32;
    --posted-color: #2e7d32;
    --disputed-color: #ce3a0d;
    --flagged-color: #ce3a0d;
    --hold-color: #ce3a0d;
    --inactive-color: #ce3a0d;
    --blocked-color: #b00020;
    --declined-color: #b00020;
    --failed-color: #b00020;
    --unpaid-color: #b00020;
    --authorized-color: #1565c0;
    --credit-color: #1565c0;
    --pending-color: #1565c0;
    --scheduled-color: #1565c0;
    --expired-color: #212e35;
    --info-color: #212e35;
    --ready-color: #212e35;
    --lost-color: #016179;
    --delete-color: #212e35; }
  :root {
    --container-inline-end-padding: var(--gap-md);
    --ui-active-color: var(--tealActive);
    --ui-animation-duration: 600ms;
    --ui-animation-easing: cubic-bezier(0.16, 1, 0.3, 1);
    --ui-border-color: var(--gray300);
    --ui-border-width: 0.0625rem;
    --ui-pill-radius: 100vmax;
    --shadow-color: 0deg 0% 0%;
    --shadow-sm: 0 0.8px 1.1px hsl(var(--shadow-color) / 0.03), 0 1.2px 1.6px -0.6px hsl(var(--shadow-color) / 0.04),
    0 2.4px 3.1px -1.2px hsl(var(--shadow-color) / 0.06);
    --shadow-md: 0 0.8px 1.1px hsl(var(--shadow-color) / 0.02), 0 2.2px 2.9px -0.3px hsl(var(--shadow-color) / 0.03),
    0 3.8px 5px -0.6px hsl(var(--shadow-color) / 0.04), 0 6.8px 8.9px -0.9px hsl(var(--shadow-color) / 0.05),
    0.1px 12.1px 15.9px -1.2px hsl(var(--shadow-color) / 0.05);
    --shadow-lg: 0 0.8px 1.1px hsl(var(--shadow-color) / 0.02), 0 3.1px 4.1px -0.1px hsl(var(--shadow-color) / 0.02),
    0 5.1px 6.7px -0.3px hsl(var(--shadow-color) / 0.03), 0 7.2px 9.5px -0.4px hsl(var(--shadow-color) / 0.03),
    0 9.8px 12.9px -0.6px hsl(var(--shadow-color) / 0.04), 0.1px 13.1px 17.2px -0.7px hsl(var(--shadow-color) / 0.04),
    0.1px 17.5px 23px -0.8px hsl(var(--shadow-color) / 0.04), 0.1px 23.3px 30.6px -1px hsl(var(--shadow-color) / 0.05),
    0.1px 30.9px 40.6px -1.1px hsl(var(--shadow-color) / 0.05),
    0.2px 40.5px 53.2px -1.2px hsl(var(--shadow-color) / 0.05);
    --border-radius-0: 0rem;
    --border-radius-xs: 0.125rem;
    --border-radius-sm: 0.375rem;
    --border-radius-md: 0.625rem;
    --border-radius-lg: 1.25rem;
    --border-radius-pill: 100vmax;
    --outline-width: 0.125rem;
    --outline-style: solid;
    --outline-color: var(--tealActive);
    --outline-offset: 0.125rem;
    --gap-0: 0rem;
    --gap-xxs: 0.25rem;
    --gap-xs: 0.5rem;
    --gap-sm: 1rem;
    --gap-md: 1.5rem;
    --gap-lg: 2rem;
    --gap-xl: 3rem;
    --gap-xxl: 4rem; }
  :root {
    --font-size-h1: 2rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1rem;
    --font-size-h4: 1rem;
    --font-size-h5: 0.875rem;
    --font-size-h6: 0.75rem;
    --font-size-n1: 3.375rem;
    --font-size-n2: 2.875rem;
    --font-size-n3: 2.25rem;
    --font-size-n4: 1.25rem;
    --font-size-base: 1rem;
    --text-color: var(--black);
    --text-muted-color: var(--gray700);
    --text-disabled-color: var(--gray600); }
  
  :root {
    --font-light: "GT America Lt", sans-serif;
    --font-medium: "GT America Md", sans-serif;
    --font-regular: "GT America Rg", sans-serif;
    --font-thin: "GT America Ext Th", sans-serif;
    --font-extended-thin: "GT America Ext Th", sans-serif;
    --font-extended-light: "GT America Ext Lt", sans-serif;
    --font-semibold: "GT America Md", sans-serif;
    --font-bold: "GT America Md", sans-serif;
    --font-extrabold: "GT America Md", sans-serif; }
  :root {
    --input-height: 3.125rem;
    --form-control-padding-y: 0.875rem;
    --form-control-padding-x: 0.5rem;
    --form-control-border-radius: 0.25rem;
    --form-control-gap: 0.625rem;
    --form-control-transition: border-color 0.3s ease, background-color 0.3s ease;
    --textarea-max-lines: 5;
    --textarea-line-height: 1.3;
    --textarea-padding-y: 0.25rem;
    --textarea-min-height: calc(
    var(--textarea-max-lines) * 1em * var(--textarea-line-height) + calc(var(--textarea-padding-y) * 1.5)
  );
    --check-size: 1.625rem;
    --check-stroke: 0.28125rem;
    --input-gap: 0.625rem; }
  :root {
    --triangle-height: 0.4375rem;
    --triangle-width: 0.5rem; }
  :root {
    --button-padding-y: clamp(8px, 1svh, 12px);
    --button-padding-x: clamp(8px, 3vw, 40px);
    --button-hover-background-color: #e3f2fd;
    --button-primary-background-color: #000;
    --button-transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s; }
  :root {
    --icon-size-xs: 0.625rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 2rem;
    --icon-size-lg: 3.5rem;
    --icon-size-xl: 7.5rem;
    --icon-size-xxl: 12rem; }
  :root {
    --submenu-background-color: var(--lightBlueGray); }
  :root {
    --dropdown-background: var(--lightBlueGray);
    --dropdown-width: 10.9375rem; }
  :root {
    --progress-bar-background-color: var(--blue50);
    --progress-bar-color: var(--ui-active-color); }
  :root {
    --section-box-shadow: var(--shadow-sm);
    --section-background-color: var(--white);
    --section-border-radius: var(--border-radius-md);
    --section-padding: var(--gap-md); }
  :root {
    --side-bar-width: 14.375em;
    --side-bar-collapsed-width: 6.25em;
    --side-bar-gap: var(--gap-xl); }
  :root {
    --table-row-padding: var(--gap-sm) 0;
    --table-row-box-shadow: var(--shadow-sm);
    --table-row-odd-background-color: var(--white);
    --table-row-even-background-color: var(--gray100); } }@layer base{html,
  body {
    height: auto;
    font-family: var(--font-regular);
    font-size: 1em;
    color: var(--black);
    margin: 0;
    padding: 0;
    background: var(--backgroundBlueGray);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    touch-action: manipulation; }
  body * {
    box-sizing: border-box; }
  body.active-popup {
    margin-bottom: 625rem;
    overflow: hidden; }
  #content-wrap {
    position: relative;
    margin-inline: auto;
    width: 100%;
    max-width: 102.5rem;
    min-height: 100vh; }
  a {
    color: var(--black);
    text-decoration: none; }
    a:hover {
      text-decoration: none; }
    a.blue-line {
      color: var(--blue); }
  :where(ul, ol):not(.list-ul, .list-ol, .list-unstyled) {
    margin: 0;
    padding: 0; }
    :where(ul, ol):not(.list-ul, .list-ol, .list-unstyled) li {
      list-style: none; }
  button {
    cursor: pointer; }
  a,
  button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-color: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  #page-container {
    display: grid;
    grid-template-columns: min-content minmax(0, 1fr);
    grid-gap: var(--side-bar-gap);
    padding: 0 var(--container-inline-end-padding) 0 0; }
    @media (max-width:991px) {
      #page-container {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: var(--gap-sm);
        padding: 0 var(--gap-sm); } }
  .container {
    display: grid;
    grid-gap: var(--gap-md);
    padding: 0 0 var(--gap-xxl) 0; }
  fieldset {
    margin: 0;
    padding: 0;
    border: 0; }
  .page-overview {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    margin-block-end: var(--gap-md);
    padding-block-end: var(--gap-md);
    border-bottom: 0.0625rem solid var(--ui-border-color); }
    @media (min-width:991px) {
      .page-overview {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        margin-block-end: var(--gap-lg);
        padding-block-end: var(--gap-lg); } }
  hr {
    border: 0;
    border-bottom: 1px solid var(--ui-border-color);
    margin-block: var(--gap-md); }
  .alerts {
    --margin-inline: var(--gap-sm);
    --width: 100%;
    --inset: 0 0 auto;
    --desktop-width: 77.125rem;
    --desktop-inset: 0 0 auto;
    position: fixed;
    border-bottom-right-radius: var(--border-radius-md);
    border-bottom-left-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    transition: max-inline-size 150ms, inset 150ms, translate 300ms;
    z-index: 9999;
    inset: var(--inset);
    margin-inline: var(--margin-inline);
    max-inline-size: var(--width); }
    .alerts[aria-hidden="true"] {
      translate: 0 -100%; }
    @media (max-width:992px) {
      .alerts-container {
        flex-wrap: wrap; }
      .alerts-message {
        padding-inline: var(--gap-sm); }
      .alerts-actions {
        border-top: 0.0625rem solid var(--white); } }
    @media (min-width:992px) {
      .alerts {
        --margin-inline: auto;
        inset: var(--desktop-inset);
        inline-size: var(--desktop-width); }
        .alerts-container {
          padding-inline: var(--gap-sm);
          gap: var(--gap-sm); }
        .alerts-actions {
          flex: 0 0 auto;
          gap: var(--gap-sm); }
        .alerts button {
          border-radius: var(--icon-size-sm); } }
    .header-sidebar.expanded ~ .alerts {
      --desktop-inset: 0 auto auto calc(var(--side-bar-width) + var(--side-bar-gap));
      --desktop-width: calc(
      100% - calc(var(--side-bar-width) + var(--side-bar-gap) + var(--container-inline-end-padding))
    ); }
    .alerts .alerts-banner {
      z-index: 999; }
    .alerts .alerts-banner.has-cta :where(button, [href]) {
      text-decoration: underline; }
    @media (max-width:992px) {
      .alerts .alerts-banner.has-cta :where(.alerts-message, .alerts-actions, button, [href]) {
        flex-basis: 100%; }
      .alerts .alerts-banner.has-cta button:last-of-type {
        border-left: 0.0625rem solid var(--white); }
      .alerts .alerts-banner.has-cta :where(button, [href]) {
        display: inline-block;
        text-align: center;
        padding: var(--gap-sm); } }
    .alerts .alerts-banner:not(.has-cta) button {
      margin-inline: auto 0; }
    .alerts button {
      margin: 0;
      padding: 0;
      background: none;
      border: 0; }
      .alerts button > * {
        pointer-events: none; }
  banners {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    transition: height 0.3s ease;
    z-index: 99; }
  body > banners {
    top: 0;
    right: 0;
    left: 0;
    max-width: 77.125rem; }
  #content-wrap banners {
    top: 0;
    left: 0;
    display: inline-table; }
    @media (min-width:991px) {
      #content-wrap banners {
        left: auto;
        max-width: calc(100% - 18.875rem); } }
  @media (min-width:991px) {
    .collapsed + #mobile-sidebar-overlay + #content-wrap banners {
      max-width: calc(100% - 10.75rem); } }
  :is(banner, driven-banner) {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: var(--gap-sm);
    overflow: hidden; }
    :is(banner, driven-banner) :where(button, a):not(.banner-close-button) {
      text-decoration: underline; }
    :is(banner, driven-banner) .banner-button-wrapper {
      display: flex;
      align-items: center;
      margin: 0 0 0 auto; }
    :is(banner, driven-banner) p,
    :is(banner, driven-banner) button {
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500;
      position: relative;
      margin: 0; }
    :is(banner, driven-banner) p {
      display: flex;
      align-items: center;
      min-height: 1.5rem;
      padding: 0 var(--gap-sm) 0 var(--gap-lg); }
      :is(banner, driven-banner) p::before {
        position: absolute;
        top: 0.0625rem;
        left: 0;
        width: 1.25rem;
        height: 1.25rem;
        content: ""; }
    :is(banner, driven-banner) button {
      padding: 0;
      background: transparent;
      border: 0;
      appearance: none;
      cursor: pointer; }
      :is(banner, driven-banner) button:focus-visible {
        border-radius: var(--border-radius-xs);
        outline: var(--outline-width) var(--outline-style) var(--white);
        outline-offset: var(--outline-offset); }
      :is(banner, driven-banner) button.banner-action-button {
        margin: 0 var(--gap-sm) 0 0; }
      :is(banner, driven-banner) button.banner-close-button {
        flex-shrink: 0;
        inline-size: var(--icon-size-sm);
        block-size: var(--icon-size-sm); }
        :is(banner, driven-banner) button.banner-close-button span {
          display: none; }
        :is(banner, driven-banner) button.banner-close-button::before {
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: var(--icon-size-sm);
          color: currentColor;
          content: ""; }
    :is(banner, driven-banner) p::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm); }
    :is(banner, driven-banner).success-banner {
      color: var(--white);
      background-color: #2e7d32; }
      :is(banner, driven-banner).success-banner p::before {
        content: ""; }
    :is(banner, driven-banner).trouble-banner {
      color: var(--white);
      background-color: #ce3a0d; }
      :is(banner, driven-banner).trouble-banner p::before {
        content: ""; }
    :is(banner, driven-banner).error-banner {
      color: var(--white);
      background-color: #b00020; }
      :is(banner, driven-banner).error-banner p::before {
        content: ""; }
    :is(banner, driven-banner).info-banner {
      color: var(--white);
      background-color: #212e35; }
      :is(banner, driven-banner).info-banner p::before {
        content: ""; }
    :is(banner, driven-banner).featured-banner {
      color: var(--white);
      background-color: #1565c0; }
      :is(banner, driven-banner).featured-banner p::before {
        content: ""; }
    :is(banner, driven-banner).system-banner {
      color: var(--white);
      background-color: #016179; }
      :is(banner, driven-banner).system-banner p::before {
        content: ""; }
    :is(banner, driven-banner) .feature-banner {
      color: var(--white);
      background-color: #1565c0; }
      :is(banner, driven-banner) .feature-banner p::before {
        content: ""; }
    @media (min-width:991px) {
      :is(banner, driven-banner) .banner-button-wrapper {
        flex-shrink: 0; } }
    @media (max-width:991px) {
      :is(banner, driven-banner).with-action {
        flex-direction: column; }
        :is(banner, driven-banner).with-action .banner-button-wrapper {
          position: relative;
          bottom: calc(var(--gap-sm) * -1);
          justify-content: center;
          width: calc(100% + var(--gap-lg));
          margin-left: calc(var(--gap-sm) * -1);
          border-top: 1px solid var(--white); }
          :is(banner, driven-banner).with-action .banner-button-wrapper button {
            width: 50%; }
            :is(banner, driven-banner).with-action .banner-button-wrapper button.banner-action-button {
              margin: 0;
              padding: var(--gap-sm);
              border-right: 1px solid var(--white); }
            :is(banner, driven-banner).with-action .banner-button-wrapper button.banner-close-button::before {
              display: none; }
            :is(banner, driven-banner).with-action .banner-button-wrapper button.banner-close-button span {
              display: block; } }
  :is(banners#banners, driven-banners) :is(banner, driven-banner):last-of-type {
    border-bottom-right-radius: var(--border-radius-md);
    border-bottom-left-radius: var(--border-radius-md); }
  banners#bottom-banners {
    top: initial;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse; }
    banners#bottom-banners banner:last-of-type {
      border-top-left-radius: var(--border-radius-md);
      border-top-right-radius: var(--border-radius-md); }
  
  @font-face {
    font-family: "GT America Lt";
    src: url("/fonts/gt-america/GTAmerica-Lt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-Lt.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "GT America Lt";
    src: url("/fonts/gt-america/GTAmerica-LtIt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-LtIt.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: "GT America Md";
    src: url("/fonts/gt-america/GTAmerica-Md.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-Md.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "GT America Md";
    src: url("/fonts/gt-america/GTAmerica-MdIt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-MdIt.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: "GT America Rg";
    src: url("/fonts/gt-america/GTAmerica-Rg.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-Rg.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "GT America Rg";
    src: url("/fonts/gt-america/GTAmerica-RgIt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-RgIt.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: "GT America Ext Th";
    src: url("/fonts/gt-america/GTAmerica-ExtTh.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-ExtTh.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "GT America Ext Th";
    src: url("/fonts/gt-america/GTAmerica-ExtThIt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-ExtThIt.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: "GT America Ext Lt";
    src: url("/fonts/gt-america/GTAmerica-ExtLt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-ExtLt.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "GT America Ext Lt";
    src: url("/fonts/gt-america/GTAmerica-ExtLtIt.woff2") format("woff2"), url("/fonts/gt-america/GTAmerica-ExtLtIt.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: "icon-ifleet";
    src: url("/fonts/icon-fonts/icon-ifleet.woff");
    font-weight: normal;
    font-style: normal;
    font-display: block; }
  
  #mobile-menu {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: var(--gap-lg) var(--gap-md) var(--gap-sm);
    background: var(--white); }
    #mobile-menu .mobile-menu-trigger {
      min-width: 2.5rem; }
    #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: var(--shadow-sm); }
  #sidebar {
    grid-column: 1 / 2;
    width: var(--side-bar-width);
    min-height: 96%;
    padding: var(--gap-md) 0;
    background: var(--white);
    box-shadow: var(--shadow-md);
    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%; }
      #sidebar .side-menu-wrapper #collapse-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        order: 2;
        width: var(--gap-md);
        height: 3.5rem;
        background: var(--gray300); }
        #sidebar .side-menu-wrapper #collapse-btn driven-icon {
          font-size: 0.5rem;
          color: var(--gray700);
          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 {
          display: block;
          width: 100%; }
          #sidebar .side-menu-wrapper .top-logo > a:focus-visible {
            outline: var(--outline-width) var(--outline-style) var(--outline-color);
            outline-offset: -2px; }
        #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: var(--gap-sm) var(--gap-xs) var(--gap-xs) var(--gap-sm);
        gap: var(--gap-xs); }
        #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: var(--gap-lg);
        height: var(--gap-lg);
        color: var(--white);
        background: var(--red400);
        border-radius: 50%;
        transition: all 0.15s ease-out; }
      #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 {
        background: var(--gray100); }
      #sidebar .side-menu-wrapper .border-top {
        padding-top: var(--gap-sm);
        border-top: 0.0625rem solid var(--ui-border-color); }
      #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(--gray100); }
        #sidebar .side-menu-wrapper ul li > a {
          display: flex;
          align-items: center;
          height: 3.5rem;
          padding: var(--gap-xs) 0 var(--gap-xs) var(--gap-lg);
          gap: var(--gap-sm); }
        #sidebar .side-menu-wrapper ul li.selected > a {
          background: var(--gray100); }
        #sidebar .side-menu-wrapper ul li.current.selected > a {
          height: 3.5rem;
          background: var(--ui-active-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,
        #sidebar .side-menu-wrapper ul li.current.selected driven-icon:not(.icon-triangle)::before {
          color: var(--white); }
        #sidebar .side-menu-wrapper ul li.current::before {
          position: absolute;
          width: 0.3125rem;
          height: 100%;
          border-left: 0.3125rem solid var(--ui-active-color);
          content: ""; }
      #sidebar .side-menu-wrapper ul.sub-menu {
        display: none;
        padding: 0; }
        #sidebar .side-menu-wrapper ul.sub-menu.selected {
          display: block;
          padding: var(--gap-xs) 0;
          background: var(--lightBlueGray); }
        #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: var(--gap-xxs) 0;
          background: var(--lightBlueGray); }
          #sidebar .side-menu-wrapper ul.sub-menu li a {
            display: inline-block;
            width: 100%; }
          #sidebar .side-menu-wrapper ul.sub-menu li.menu-text {
            display: none;
            border-bottom: 0.0625rem solid var(--ui-border-color); }
          #sidebar .side-menu-wrapper ul.sub-menu li.border-top-bottom {
            margin: var(--gap-sm) 0;
            border-top: 0.0625rem solid var(--ui-border-color);
            border-bottom: 0.0625rem solid var(--ui-border-color); }
          #sidebar .side-menu-wrapper ul.sub-menu li > div {
            width: 100%;
            line-height: 1.8125rem;
            padding-left: var(--gap-lg);
            border-left: 0.3125rem solid var(--lightBlueGray); }
            #sidebar .side-menu-wrapper ul.sub-menu li > div.selected {
              border-left: 0.3125rem solid var(--ui-active-color); }
    #sidebar.collapsed {
      width: var(--side-bar-collapsed-width); }
      #sidebar.collapsed #collapse-btn {
        right: calc(var(--gap-md) * -1); }
        #sidebar.collapsed #collapse-btn driven-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 > div {
        display: none; }
      #sidebar.collapsed .side-menu-wrapper .user-icon {
        display: flex;
        justify-content: flex-start;
        padding: var(--gap-sm) var(--gap-xs) var(--gap-xs) var(--gap-sm); }
        #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;
        box-shadow: var(--shadow-lg);
        z-index: 1; }
        #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li.menu-text {
          display: block;
          color: var(--black);
          margin-bottom: 0.625rem;
          padding: 0 0 var(--gap-xs) 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(--lightBlueGray) transparent transparent;
            content: ""; }
        #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li > div {
          padding-left: var(--gap-sm); }
          #sidebar.collapsed .side-menu-wrapper ul.sub-menu.selected > li > div.selected {
            border-left: 0.3125rem solid var(--lightBlueGray); }
  #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: var(--gap-xs); }
    #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: var(--gap-lg); }
  #sidebar .side-menu-wrapper li:not(.selected) a:focus-visible,
  #sidebar .side-menu-wrapper li:not(.selected) button:not([aria-controls="accountSelectDialog"]):focus-visible {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: -2px; }
  #sidebar .side-menu-wrapper > ul > li.current > a:focus-visible,
  #sidebar .side-menu-wrapper > ul > li.current > button:not([aria-controls="accountSelectDialog"]):focus-visible {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: -4px;
    outline-color: var(--white); }
  #sidebar .side-menu-wrapper li[data-pm-id="pm01"] {
    flex-direction: row; }
    #sidebar .side-menu-wrapper li[data-pm-id="pm01"] > a {
      flex-grow: 1; }
  #sidebar .side-menu-wrapper button:not([aria-controls="accountSelectDialog"]) {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0.875rem 0 0.875rem var(--gap-sm);
    background: none;
    border: 0;
    gap: var(--gap-sm); }
  #sidebar .side-menu-wrapper button:not([aria-controls="accountSelectDialog"])[data-megamenu="open"]:is([disabled], [aria-disabled="true"], .disabled) {
    color: var(--text-disabled-color);
    cursor: not-allowed;
    pointer-events: none; }
  #sidebar .side-menu-wrapper .admin-manager.disabled :is(a, button:not([aria-controls="accountSelectDialog"])) {
    color: var(--text-disabled-color);
    cursor: not-allowed;
    pointer-events: none; }
    #sidebar .side-menu-wrapper .admin-manager.disabled :is(a, button:not([aria-controls="accountSelectDialog"])) :is(driven-icon)::before {
      color: var(--text-disabled-color); }
  #sidebar .side-menu-wrapper .admin-manager.disabled button:not([aria-controls="accountSelectDialog"])[data-megamenu="open"] {
    color: var(--text-color);
    cursor: pointer;
    pointer-events: all; }
  #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: var(--gap-sm);
      border-left: 0.3125rem solid var(--lightBlueGray); }
      #sidebar .side-menu-wrapper ul.sub-menu li a.selected {
        border-left: 0.3125rem solid var(--ui-active-color); }
  #sidebar .side-menu-wrapper ul.read-only li.disabled a {
    color: var(--text-disabled-color);
    cursor: not-allowed;
    pointer-events: none; }
    #sidebar .side-menu-wrapper ul.read-only li.disabled a driven-icon::before {
      color: var(--text-disabled-color); }
  #sidebar .side-menu-wrapper ul li.selected button:not([aria-controls="accountSelectDialog"]) {
    background: var(--gray100); }
  #sidebar .side-menu-wrapper ul li.current.selected button:not([aria-controls="accountSelectDialog"]) {
    background: var(--ui-active-color); }
  #sidebar .side-menu-wrapper ul li.disabled a {
    cursor: not-allowed;
    pointer-events: none; }
  #sidebar .side-menu-wrapper ul li.admin-manager.disabled a {
    cursor: not-allowed;
    pointer-events: none; }
  #sidebar .side-menu-wrapper ul li > a {
    padding: var(--gap-xs) 0 var(--gap-xs) var(--gap-sm); }
  #sidebar .side-menu-wrapper .read-only.disabled .menu-text,
  #sidebar .side-menu-wrapper .read-only.disabled a {
    color: var(--text-disabled-color); }
  #sidebar .side-menu-wrapper .read-only.disabled .icon-pay-outline::before {
    color: var(--text-disabled-color); }
  #sidebar .side-menu-wrapper .top-logo .logo-big {
    width: 60%;
    max-height: 4.375rem; }
  #sidebar .side-menu-wrapper .top-logo .logo-small {
    width: 40%; }
  .icon-size-header-menuitem::before {
    inline-size: 1.75rem;
    block-size: 1.75rem;
    font-size: 1.75rem; }
  .mega-menu-trigger > driven-icon::before {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    font-size: 1.5rem; }
  .pin-dot-span {
    flex-grow: 0;
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: var(--teal);
    line-height: 1;
    letter-spacing: normal;
    text-align: center; }
  .pin-container {
    margin-top: 0;
    padding: var(--gap-md);
    padding-top: 0;
    background-color: var(--white); }
  .term-bottom-section {
    margin: -14px !important;
    padding-top: 0.625rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
  .fixed-term {
    height: 500px;
    background-color: var(--gray100);
    overflow: scroll;
    overflow-x: auto; }
  .link-wrapper {
    justify-content: space-between; }
  .term-bg {
    height: 400px;
    font-size: 14px;
    margin: -14px !important;
    padding-left: 10px;
    background-color: var(--gray100);
    overflow-y: scroll; }
  .term-bg b {
    display: block;
    margin-top: 16px; }
  #generatePin {
    width: 183px;
    height: 20px;
    height: 48px;
    padding-inline: 0; }
  .pin-sec {
    text-align: center; }
  #term-con-dialog {
    font-size: 0.875rem; }
  .tabs-tabpanel:not(driven-tabpanel) {
    padding: 10px 0 10px 10px;
    overflow: scroll; }
  #helpDialogTab li[role="tab"][aria-selected="true"].icon-sm::before {
    color: var(--tealActive); }
  #helpDialogTab li[role="tab"] {
    font-size: 14px !important;
    color: var(--gray700); }
  .help-contact-info {
    display: flex;
    align-items: center;
    color: var(--tealActive);
    gap: 8px;
    margin-top: 22px; }
  .contact-block h3 {
    font-size: 16px; }
  .divider-bar {
    height: 1px;
    margin-top: 20px;
    background-color: var(--gray700); }
  #chat-label {
    cursor: pointer; }
  body:where([data-lob*=":spinx:"], [data-lob*=":guttman:"], [data-lob*="nal:pemex"]) .disputes-primary,
  body:not([data-lob*=":spinx:"], [data-lob*=":guttman:"], [data-lob*="nal:pemex"]) .disputes-secondary,
  body:not([data-lob*=":guttman:"]) .lost-or-stolen-secondary,
  body[data-lob*=":guttman:"] .lost-or-stolen-primary,
  body[data-lob*=":spinx:"] #contact-us-chat-option {
    display: none; }
  .brand-business-info {
    margin-top: 20px; }
  #helpDialogTab-tabpanel-1 {
    font-size: 14px; }
  .left-space {
    margin-left: 10px; }
  .contact-div > h2 {
    margin: 0 !important; }
  #co-browsing-download-link {
    margin-block-start: 0.625rem;
    margin-block-end: 2rem; }
  #co-browsing-download-link .icon-download {
    color: var(--tealActive); }
  #co-browsing-download-link span {
    color: var(--tealActive); }
  @media only screen and (max-width: 767px) {
    input[type="checkbox"][role="switch"]:checked:disabled {
      background: none !important; } }
  .sort-slide-wrap li {
    padding: 1rem 0;
    border-bottom: 1px solid var(--ui-border-color); }
  .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: var(--gap-lg); }
    .heading h1,
    .heading h2.show-mobile {
      width: 100%;
      font-family: var(--font-medium);
      font-size: 2.25rem;
      margin: 0; }
      @media (max-width:767px) {
        .heading h1,
        .heading h2.show-mobile {
          font-size: 1.5rem; } }
    .container .heading {
      padding: var(--gap-xxl) 0 0 0;
      background: transparent;
      border-radius: 0;
      box-shadow: none; }
      @media (max-width:1199px) {
        .container .heading {
          padding: var(--gap-md) 0 0 0; } }
  button * {
    pointer-events: none; }
  .btn-primary {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    background-color: #000;
    color: var(--white);
    border-color: #000; }
    .btn-primary:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-primary:is(a) {
      text-align: center; }
    .btn-primary:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-primary:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #212121;
      color: var(--white);
      border-color: #212121; }
    .btn-primary:is([disabled], [aria-disabled="true"], .disabled) {
      background-color: #e0e0e0;
      color: var(--text-disabled-color);
      border-color: var(--ui-border-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-primary:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-secondary {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border-color: #000; }
    .btn-secondary:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-secondary:is(a) {
      text-align: center; }
    .btn-secondary:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-secondary:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #212121;
      color: var(--white);
      border-color: #212121; }
    .btn-secondary:is([disabled], [aria-disabled="true"], .disabled) {
      background-color: transparent;
      color: var(--text-disabled-color);
      border-color: var(--ui-border-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-secondary:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-accent {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    background-color: #016179;
    color: var(--white);
    border-color: #016179; }
    .btn-accent:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-accent:is(a) {
      text-align: center; }
    .btn-accent:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-accent:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #34789d;
      color: var(--white);
      border-color: #34789d; }
    .btn-accent:is([disabled], [aria-disabled="true"], .disabled) {
      background-color: #e0e0e0;
      color: var(--text-disabled-color);
      border-color: var(--ui-border-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-accent:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-default {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    background-color: transparent;
    color: var(--text-color);
    border-color: transparent; }
    .btn-default:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-default:is(a) {
      text-align: center; }
    .btn-default:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-default:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #e3f2fd; }
    .btn-default:is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-default:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-error {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border-color: #000;
    color: var(--error-color);
    background: var(--red50);
    border-color: var(--error-color); }
    .btn-error:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-error:is(a) {
      text-align: center; }
    .btn-error:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-error:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #212121;
      color: var(--white);
      border-color: #212121; }
    .btn-error:is([disabled], [aria-disabled="true"], .disabled) {
      background-color: transparent;
      color: var(--text-disabled-color);
      border-color: var(--ui-border-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-error:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-regular {
    font-size: 1rem;
    border-radius: var(--border-radius-xs);
    border: 0;
    background-color: transparent;
    color: #000;
    text-decoration: underline; }
    .btn-regular:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .btn-regular:not(.top-date-range) {
      font-family: var(--font-medium); }
    .btn-regular.top-date-range {
      font-size: 0.875rem; }
    .btn-regular:not([disabled], [aria-disabled="true"], .disabled):hover {
      text-decoration: none; }
    .btn-regular:is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
  .btn-link {
    background-color: transparent;
    color: #016179;
    border-color: transparent;
    text-decoration: underline;
    border: 0;
    margin: 0;
    padding: 0; }
    .btn-link:not([disabled], [aria-disabled="true"], .disabled):hover {
      text-decoration: none; }
    .btn-link:is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-link:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset);
      border-radius: var(--border-radius-xs); }
    .outro .btn-link {
      
      color: #01556a; }
      .outro .btn-link:is([disabled], [aria-disabled="true"], .disabled) {
        color: var(--text-disabled-color); }
  .btn-unstyled {
    margin: 0;
    padding: 0;
    appearance: none;
    background: none;
    border: 0; }
  [class*="icon-"],
  :is(button, a)[class*="btn-"][data-is-busy]:where(:disabled, [aria-disabled="true"]) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.375rem; }
    [class*="icon-"]:empty,
    :is(button, a)[class*="btn-"][data-is-busy]:where(:disabled, [aria-disabled="true"]):empty {
      padding: 0; }
  :is(button, a)[class*="btn-"][data-is-busy]:where(:disabled, [aria-disabled="true"]):not(:empty)::before {
    display: inline-block;
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    margin-top: calc(var(--icon-size-sm) * -0.5);
    margin-left: calc(var(--icon-size-sm) * -0.5);
    border: 0.125rem solid var(--gray100);
    border-top-color: var(--gray600);
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
  :is(button, a)[class*="btn-"][data-is-busy]:where(:disabled, [aria-disabled="true"]):not(.btn-switch):empty {
    position: relative; }
    :is(button, a)[class*="btn-"][data-is-busy]:where(:disabled, [aria-disabled="true"]):not(.btn-switch):empty::after {
      display: inline-block;
      width: var(--icon-size-md);
      height: var(--icon-size-md);
      margin-top: calc(var(--icon-size-md) * -0.5);
      margin-left: calc(var(--icon-size-md) * -0.5);
      border: 0.125rem solid var(--gray100);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      position: absolute;
      inset: 0;
      margin: 0; }
  .icon-and-text {
    inline-size: fit-content;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-block-end: var(--gap-sm); }
    .icon-and-text:is(button) {
      margin: 0 0 var(--gap-sm) 0;
      padding: 0;
      background: none;
      border: 0; }
    .icon-and-text > span[class*="btn-"] {
      inline-size: var(--icon-size-md);
      block-size: var(--icon-size-md);
      display: flex;
      justify-content: center;
      align-items: center; }
    .icon-and-text > span:not(:empty) {
      border: 0;
      background-color: transparent;
      color: #000;
      text-decoration: underline;
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500; }
      .icon-and-text > span:not(:empty):not([disabled], [aria-disabled="true"], .disabled):hover {
        text-decoration: none; }
      .icon-and-text > span:not(:empty):is([disabled], [aria-disabled="true"], .disabled) {
        color: var(--text-disabled-color);
        cursor: not-allowed;
        pointer-events: none; }
    .icon-and-text:focus-visible {
      outline: none; }
      .icon-and-text:focus-visible > span[class*="btn-"] {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
    .icon-and-text > span.icon-download {
      font-size: calc(var(--icon-size-md) * 0.75); }
  .btn-download:not(.btn-text) {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 2.75rem;
    background-color: transparent;
    color: var(--text-color);
    border-color: transparent; }
    .btn-download:not(.btn-text):is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-download:not(.btn-text):is(a) {
      text-align: center; }
    .btn-download:not(.btn-text):active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-download:not(.btn-text):not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #e3f2fd; }
    .btn-download:not(.btn-text):is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-download:not(.btn-text)::before {
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
      
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: inherit;
      font-size: calc(2.75rem * 0.6);
      content: ""; }
    .btn-download:not(.btn-text):focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-download.btn-text {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    border: 0;
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    position: relative;
    padding-left: 3rem; }
    .btn-download.btn-text:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-download.btn-text:is(a) {
      text-align: center; }
    .btn-download.btn-text:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-download.btn-text:not([disabled], [aria-disabled="true"], .disabled):hover {
      text-decoration: none; }
    .btn-download.btn-text:is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-download.btn-text:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .btn-download.btn-text::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-md);
      color: currentColor;
      content: "";
      position: absolute;
      inset: 50% auto auto 0.5rem;
      transform: translateY(-50%); }
  .light-blue {
    font-family: var(--font-regular);
    font-size: 1rem;
    color: var(--blue);
    padding: var(--gap-sm) var(--gap-md);
    background: var(--blue50);
    border: 0.125rem solid var(--ui-border-color);
    border-radius: var(--border-radius-md); }
  .full-width-btn {
    display: inline-block;
    width: 100%; }
  .btn-centered {
    display: block;
    margin: 0 auto; }
  .btn-edit icon {
    pointer-events: none; }
    .btn-edit icon::before {
      font-size: var(--icon-size-sm);
      color: var(--ui-active-color); }
  .btn-dropdown-primary {
    color: var(--white); }
    .btn-dropdown-primary > label {
      background: var(--black); }
      .btn-dropdown-primary > label::after {
        color: var(--white); }
    .btn-dropdown-primary > ul {
      background: var(--black); }
      .btn-dropdown-primary > ul > li a {
        color: var(--white); }
    .btn-dropdown-primary.active label::after {
      color: var(--white); }
    .btn-dropdown-primary.disabled {
      color: var(--text-disabled-color); }
      .btn-dropdown-primary.disabled label {
        background: var(--gray300); }
        .btn-dropdown-primary.disabled label::after {
          color: var(--text-disabled-color); }
  .btn-dropdown-secondary {
    color: var(--black); }
    .btn-dropdown-secondary > label {
      background: var(--white);
      border: 0.125rem solid var(--black); }
      .btn-dropdown-secondary > label::after {
        color: var(--black); }
    .btn-dropdown-secondary > ul {
      background: var(--white);
      border-top: 0; }
      .btn-dropdown-secondary > ul > li a {
        color: var(--black); }
    .btn-dropdown-secondary.active {
      box-shadow: var(--shadow-sm); }
      .btn-dropdown-secondary.active > ul {
        border-top: 0;
        box-shadow: var(--shadow-md); }
      .btn-dropdown-secondary.active label::after {
        color: var(--black);
        border: 0.125rem solid var(--black); }
    .btn-dropdown-secondary.disabled {
      color: var(--text-disabled-color); }
      .btn-dropdown-secondary.disabled label {
        background: var(--white);
        border: 0.125rem solid var(--text-disabled-color); }
        .btn-dropdown-secondary.disabled label::after {
          color: var(--text-disabled-color); }
  .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: var(--ui-pill-radius); }
    .btn-dropdown:focus-visible {
      outline: 0; }
    .btn-dropdown:focus-visible > label {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .btn-dropdown > label {
      display: inline-block;
      min-width: 12.5rem;
      text-decoration: none;
      padding: var(--gap-sm) var(--gap-md);
      border-radius: 1.5rem;
      cursor: pointer; }
      .btn-dropdown > label.hover-title {
        display: none; }
      .btn-dropdown > label::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: currentColor;
        content: "";
        position: absolute;
        display: inline-block;
        margin-left: 6px;
        transform: translate(0, -50%);
        inset: 50% var(--gap-md) auto auto; }
    .btn-dropdown > ul {
      position: absolute;
      top: calc(1.5em + 14px);
      left: -100vw;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      width: 100%;
      list-style: none;
      margin: 0;
      padding: var(--gap-sm) var(--gap-md) var(--gap-md);
      z-index: 999; }
      .btn-dropdown > ul > li {
        font-size: 0.875rem;
        text-align: left; }
        .btn-dropdown > ul > li:not(:last-of-type) {
          padding-bottom: 0.5rem;
          border-bottom: 0.0625rem solid var(--ui-border-color); }
        .btn-dropdown > ul > li a {
          display: block;
          text-decoration: none;
          margin: 0; }
    .btn-dropdown.active {
      box-shadow: var(--shadow-sm); }
      .btn-dropdown.active ul {
        left: 0;
        border: 0.125rem solid var(--black);
        border-top: 0;
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
        box-shadow: var(--shadow-md); }
      .btn-dropdown.active label {
        display: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
        .btn-dropdown.active label.hover-title {
          display: block;
          text-align: left; }
        .btn-dropdown.active label::after {
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: var(--icon-size-sm);
          color: currentColor;
          content: "";
          border: 0; }
      @media (max-width:767px) {
        .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; }
          .btn-dropdown.active ul {
            background: var(--white);
            border: 0;
            box-shadow: none; }
            .btn-dropdown.active ul li a {
              color: initial; }
          .btn-dropdown.active label {
            color: initial;
            background: var(--white); }
            .btn-dropdown.active label::after {
              color: initial; }
            .btn-dropdown.active label.hover-title {
              position: fixed;
              top: 0;
              width: 100%;
              border: 0; } }
  .kabob-menu-toggle-wrap,
  .kabob-menu-wrap {
    position: absolute;
    top: 1.875rem;
    right: -0.125rem;
    width: 13.75rem;
    padding: 0.625rem;
    background-color: var(--submenu-background-color);
    border: 0.0625rem solid var(--ui-border-color);
    border-radius: var(--border-radius-md);
    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-background-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(--ui-border-color);
      border-bottom: 0.0625rem solid var(--ui-border-color);
      rotate: 225deg;
      content: ""; }
  .alert-wrapper {
    position: relative;
    display: inline-block; }
    .alert-wrapper button {
      display: inline-block;
      font-family: "GT America Md", sans-serif;
      font-size: 1rem;
      font-weight: 500;
      transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
      border: 0.125rem solid transparent;
      border-radius: var(--ui-pill-radius);
      padding-block: clamp(8px, 1svh, 12px);
      padding-inline: clamp(8px, 3vw, 40px);
      text-decoration: none;
      position: relative;
      width: 2.5rem;
      height: 2.5rem;
      padding: 0;
      border-radius: 2.5rem;
      background-color: transparent;
      color: var(--text-color);
      border-color: transparent;
      background-color: var(--white); }
      .alert-wrapper button:is(button) {
        cursor: pointer;
        appearance: none; }
      .alert-wrapper button:is(a) {
        text-align: center; }
      .alert-wrapper button:active:not(.dropdown-button) {
        scale: 0.96; }
      .alert-wrapper button:not([disabled], [aria-disabled="true"], .disabled):hover {
        background-color: #e3f2fd; }
      .alert-wrapper button:is([disabled], [aria-disabled="true"], .disabled) {
        color: var(--text-disabled-color);
        cursor: not-allowed;
        pointer-events: none; }
      .alert-wrapper button::before {
        position: absolute;
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%);
        
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: inherit;
        font-size: calc(2.5rem * 0.6);
        content: ""; }
      .alert-wrapper button:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
    .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: var(--border-radius-md); }
      .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 var(--gap-lg);
    padding-bottom: var(--gap-lg);
    border-bottom: 1px solid var(--ui-border-color); }
    @media (max-width:991px) {
      .container > .button-wrapper,
      section > .button-wrapper {
        justify-content: center;
        margin-top: var(--gap-sm);
        padding-top: var(--gap-sm);
        padding-bottom: 0;
        border-top: 1px solid var(--ui-border-color);
        border-bottom: 0; } }
    .container > .button-wrapper h2,
    section > .button-wrapper h2 {
      margin: 0; }
  .container .table-button-wrap,
  section .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 .table-button-wrap,
      section .table-button-wrap {
        top: 0;
        right: 0;
        gap: var(--gap-sm); } }
    .container .table-button-wrap > li,
    section .table-button-wrap > li {
      position: relative;
      display: flex;
      align-items: center; }
      .container .table-button-wrap > li button:not(.popdown-toggle, .popdown-link, [class*="btn-"]),
      section .table-button-wrap > li button:not(.popdown-toggle, .popdown-link, [class*="btn-"]) {
        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: var(--border-radius-md); }
    .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(--ui-active-color); }
    .card.bg-green {
      color: var(--white);
      background: var(--green800); }
    .card.bg-seafoam {
      color: var(--black);
      background: var(--green50); }
    .card h4 {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem;
      color: var(--blue50);
      margin: var(--gap-lg) 0 0 0; }
    .card .image-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin: 0 0 var(--gap-sm) 0; }
    .card .card-details {
      width: 100%;
      font-family: var(--font-medium); }
      .card .card-details > div:first-child {
        font-size: 1.25rem;
        margin-bottom: var(--gap-xxs); }
      .card .card-details span {
        position: absolute;
        top: -0.625rem;
        right: 0;
        display: block;
        height: 1.5rem;
        font-family: var(--font-medium);
        font-size: 0.75rem;
        color: var(--white);
        text-align: center;
        text-transform: uppercase;
        padding: var(--gap-xxs) 0.6875rem;
        border-radius: var(--border-radius-md); }
  .desktop-grid-view .below-card-block > div {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .chip,
  .big-chip {
    font-family: var(--font-medium);
    font-size: 0.625rem;
    text-transform: uppercase;
    border-radius: var(--ui-pill-radius); }
  .chip {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--gap-xxs); }
  .big-chip {
    width: 4.6875rem;
    height: 1.875rem; }
  .counts {
    display: inline-block;
    min-width: 2.0833em;
    font-family: var(--font-medium);
    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(--success-color); }
    .counts.zero {
      background: var(--gray700); }
  .counts-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-xxs) var(--gap-md);
    margin: 0;
    padding: 0; }
  .counts-item > :where(div, span):first-child {
    font-family: "GT America Md", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    block-size: calc(0.875rem * 1.65);
    min-inline-size: calc(0.875rem * 1.65);
    line-height: calc(0.875rem * 1.65);
    text-align: center;
    border-radius: var(--ui-pill-radius);
    display: inline-block;
    padding-inline: var(--gap-xs); }
    .counts-item > :where(div, span):first-child:not([class*="-bg"]) {
      color: var(--white); }
    .counts-item > :where(div, span):first-child.is-zero {
      background-color: var(--gray700); }
      .counts-item > :where(div, span):first-child.is-zero + :where(div, span) {
        color: var(--text-disabled-color); }
    .counts-item > :where(div, span):first-child:empty {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: calc(0.875rem * 1.65);
      inline-size: calc(0.875rem * 1.65);
      border-radius: var(--ui-pill-radius);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
      .counts-item > :where(div, span):first-child:empty::before {
        content: "1";
        color: transparent; }
    .counts-item > :where(div, span):first-child:not(:empty, [class*="-bg"], .is-zero) {
      background-color: var(--info-color); }
    .counts-item > :where(div, span):first-child:is(span):not(:last-of-type) {
      margin-inline-end: calc(var(--gap-xs) * 0.5); }
    .counts-item > :where(div, span):first-child:is(div):not(:last-of-type) {
      margin-block-end: calc(var(--gap-xs) * 0.5); }
  .counts-item > :where(div, span):last-of-type:not(:only-of-type) {
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem; }
    .counts-item > :where(div, span):last-of-type:not(:only-of-type):is(span):empty {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 1.125rem;
      inline-size: 100%;
      border-radius: var(--ui-pill-radius);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
      .counts-item > :where(div, span):last-of-type:not(:only-of-type):is(span):empty::before {
        content: "00000000";
        color: transparent; }
    .counts-item > :where(div, span):last-of-type:not(:only-of-type):is(div):empty {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 1.125rem;
      inline-size: 5.3125rem;
      border-radius: var(--ui-pill-radius);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate;
      margin-inline: auto; }
  .expandable .expand-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms ease-in-out; }
  .expandable.opened {
    padding-bottom: var(--gap-sm); }
    .expandable.opened .expand-content {
      max-height: 562.5rem; }
    .expandable.opened > h2 img {
      rotate: 180deg; }
  input:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=date], [type=datetime-local], [type=month], [type=button]) {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 1rem;
    background-color: var(--lightBlueGray);
    color: var(--text-color);
    border-width: 0.0625rem;
    border-style: solid;
    border-color: var(--ui-border-color);
    border-radius: 0.25rem;
    padding: 0.875rem 0.5rem;
    transition: var(--form-control-transition);
    min-block-size: var(--input-height); }
    input:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=date], [type=datetime-local], [type=month], [type=button]):not(:disabled):hover {
      border-color: var(--ui-active-color); }
    input:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=date], [type=datetime-local], [type=month], [type=button]):disabled {
      background-color: var(--gray100);
      border-color: var(--gray500);
      cursor: not-allowed;
      opacity: 1; }
    input:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=date], [type=datetime-local], [type=month], [type=button]):focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .input-fieldset {
    padding-block-end: var(--gap-sm); }
  .input-legend {
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    margin-block-end: var(--gap-sm); }
  .input-message, .input-messagelist {
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem;
    margin-block: var(--gap-xxs) 0; }
  .input-messagelist > li, .input-message[data-validate="fieldset"] {
    display: flex;
    gap: var(--gap-xxs);
    line-height: var(--icon-size-sm); }
    .input-messagelist > li::before, .input-message[data-validate="fieldset"]::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm); }
  .input-messagelist > li:not([data-is-valid]) {
    color: var(--error-color); }
    .input-messagelist > li:not([data-is-valid])::before {
      color: var(--error-color);
      content: ""; }
  .input-messagelist > li[data-is-valid]::before {
    color: var(--success-color);
    content: ""; }
  .input-message.error {
    color: var(--error-color); }
    .input-message.error[data-validate="fieldset"]::before {
      content: ""; }
  [data-toggle-hidden-field]:not(:checked) ~ [data-hidden-field-group] [data-hidden-field],
  input[data-toggle-hidden-field]:not(:checked) ~ [data-hidden-field] {
    display: none; }
  input[type="range"] {
    width: 100%;
    margin: 0;
    border-radius: var(--border-radius-xs); }
    input[type="range"]:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  textarea {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 1rem;
    background-color: var(--lightBlueGray);
    color: var(--text-color);
    border-width: 0.0625rem;
    border-style: solid;
    border-color: var(--ui-border-color);
    border-radius: 0.25rem;
    padding: 0.875rem 0.5rem;
    transition: var(--form-control-transition);
    line-height: var(--textarea-line-height);
    padding-block: var(--textarea-padding-y);
    min-block-size: var(--textarea-min-height);
    overflow: hidden;
    resize: vertical; }
    textarea:not(:disabled):hover {
      border-color: var(--ui-active-color); }
    textarea:disabled {
      background-color: var(--gray100);
      border-color: var(--gray500);
      cursor: not-allowed;
      opacity: 1; }
    textarea:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    textarea[aria-invalid="true"] {
      position: relative;
      padding-inline-end: var(--gap-lg); }
  .textarea-wrapper {
    margin-block-end: var(--gap-md); }
    .textarea-wrapper label {
      font-family: var(--font-medium);
      font-size: 0.75rem;
      text-transform: uppercase;
      display: block;
      margin: 0 0 0.125rem 0;
      color: var(--text-muted-color); }
    .textarea-wrapper .textarea-message {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem;
      margin: 0; }
    .textarea-wrapper:not(.error) .textarea-message {
      display: none; }
    .textarea-wrapper.error {
      position: relative; }
      .textarea-wrapper.error textarea {
        border-color: var(--error-color); }
      .textarea-wrapper.error .textarea-message {
        color: var(--error-color); }
      .textarea-wrapper.error .textarea-message::before {
        position: absolute;
        inset: 0 var(--gap-xs) auto auto;
        transform: translateY(calc(100% + calc(var(--textarea-min-height) * 0.25)));
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #b00020;
        content: ""; }
  @media (min-width:992px) {
    input:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=date], [type=datetime-local], [type=month], [type=button]) {
      
      font-size: 0.875rem; }
    textarea {
      
      font-size: 0.875rem; }
    .input-wrapper::after {
      top: 2.0625rem; } }
  input[type="button"] {
    cursor: pointer; }
  input[aria-invalid="true"] {
    border-color: var(--error-color); }
  .label {
    font-family: var(--font-medium);
    font-size: 0.75rem;
    text-transform: uppercase;
    display: block;
    margin: 0 0 0.125rem 0;
    color: var(--text-muted-color); }
  legend.label {
    margin-block-end: 0.125rem; }
  fieldset > legend.label + .check {
    margin-block-start: var(--gap-md); }
  .input-wrapper {
    position: relative; }
    .input-wrapper label {
      font-family: var(--font-medium);
      font-size: 0.75rem;
      text-transform: uppercase;
      display: block;
      margin: 0 0 0.125rem 0;
      color: var(--text-muted-color); }
    .input-wrapper .sublabel {
      font-size: 0.875rem;
      color: var(--text-muted-color);
      margin: 0.25rem 0 0 0; }
    .input-wrapper .error-message {
      display: none;
      font-size: 0.875rem;
      color: #b00020;
      margin: 0.25rem 0 0 0; }
    .input-wrapper .message {
      font-size: 0.875rem;
      color: var(--text-muted-color);
      margin: 0.25rem 0 0 0; }
    .date-from-to .input-wrapper input {
      background: var(--lightBlueGray); }
    .date-from-to .input-wrapper::after {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: var(--text-muted-color);
      content: "";
      top: 2.25rem; }
    .input-wrapper ::placeholder {
      color: var(--text-disabled-color); }
    .input-wrapper :input-placeholder {
      color: var(--text-disabled-color); }
    .input-wrapper ::-webkit-input-placeholder {
      color: var(--text-disabled-color); }
    .input-wrapper::after {
      position: absolute;
      top: 2.0625rem;
      right: 0.625rem;
      pointer-events: none;
      content: ""; }
    .input-wrapper.success.green-check input {
      border-color: #2e7d32; }
    .input-wrapper.success.green-check::after {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: #2e7d32;
      content: ""; }
    .input-wrapper.error input {
      border-color: #b00020; }
    .input-wrapper.error .error-message {
      display: block; }
    .input-wrapper.error .sublabel {
      display: none; }
    .input-wrapper.error .vsb-main {
      border-color: #b00020; }
    .input-wrapper.error::after {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: #b00020;
      content: ""; }
    .input-wrapper.single-datepicker .single-datepicker-input-wrap {
      position: relative; }
      .input-wrapper.single-datepicker .single-datepicker-input-wrap::before {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: var(--gray500);
        content: "";
        position: absolute;
        top: 1rem;
        right: 0.625rem; }
    .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.625rem;
      left: 0.5rem;
      width: 1.25rem;
      height: 1.25rem;
      transform: translateY(-50%);
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: #1565c0;
      content: ""; }
    .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(--text-disabled-color); }
    .input-wrapper.left-dollar.error::before, .input-wrapper.currency-amount.error::before {
      top: 2.6875rem; }
    .input-wrapper select.light-blue {
      border: 0.0625rem solid var(--ui-border-color); }
  :is(.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; }
    :is(.checkbox, .radio) input {
      position: absolute;
      width: 0;
      height: 0;
      opacity: 0; }
    :is(.checkbox, .radio) .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      width: 1.625rem;
      height: 1.625rem;
      background-color: var(--white);
      border: 0.125rem solid var(--gray700);
      transition: border-color 0.3s ease; }
    :is(.checkbox, .radio) :is([type="checkbox"], [type="radio"]):focus-visible + .checkmark {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    :is(.checkbox, .radio):not(.disabled) .checkmark:hover,
    :is(.checkbox, .radio) :is([type="checkbox"], [type="radio"]):not(:disabled) + .checkmark:hover {
      border-color: var(--ui-active-color); }
    :is(.checkbox, .radio).disabled .checkmark,
    :is(.checkbox, .radio) :is([type="checkbox"], [type="radio"]):disabled + .checkmark {
      background-color: var(--gray100);
      border-color: var(--gray300); }
    :is(.checkbox, .radio) :is([type="checkbox"], [type="radio"]):not(:disabled):checked + .checkmark {
      border-color: var(--ui-active-color); }
      :is(.checkbox, .radio) :is([type="checkbox"], [type="radio"]):not(:disabled):checked + .checkmark::after {
        border-color: var(--white); }
      :is(.checkbox, .radio) :is([type="checkbox"], [type="radio"]):not(:disabled):checked + .checkmark:hover {
        background-color: rgba(1, 97, 121, 0.9); }
    :is(.checkbox, .radio) :is([type="checkbox"]) + .checkmark {
      border-radius: var(--border-radius-sm); }
    :is(.checkbox, .radio) :is([type="checkbox"]):checked + .checkmark::after {
      position: absolute;
      top: 0.1875rem;
      left: 0.4375rem;
      width: 0.3125rem;
      height: 0.625rem;
      border-width: 0 0.1875rem 0.1875rem 0;
      border-style: solid;
      rotate: 45deg;
      content: ""; }
    :is(.checkbox, .radio) :is([type="checkbox"]):not(:disabled):checked + .checkmark {
      background-color: var(--ui-active-color);
      border-color: var(--ui-active-color); }
      :is(.checkbox, .radio) :is([type="checkbox"]):not(:disabled):checked + .checkmark::after {
        border-color: var(--white); }
    :is(.checkbox, .radio).disabled [type="checkbox"] + .checkmark::after,
    :is(.checkbox, .radio) :is([type="checkbox"]):checked:disabled + .checkmark::after {
      border-color: var(--gray300); }
    :is(.checkbox, .radio) :is([type="radio"]) + .checkmark {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%; }
    :is(.checkbox, .radio) :is([type="radio"]):checked + .checkmark::after {
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 50%;
      content: ""; }
    :is(.checkbox, .radio):not(.disabled) [type="radio"]:checked + .checkmark,
    :is(.checkbox, .radio) :is([type="radio"]):not(:disabled):checked + .checkmark {
      background-color: var(--ui-active-color); }
      :is(.checkbox, .radio):not(.disabled) [type="radio"]:checked + .checkmark::after,
      :is(.checkbox, .radio) :is([type="radio"]):not(:disabled):checked + .checkmark::after {
        background-color: var(--white); }
    :is(.checkbox, .radio).disabled [type="radio"]:checked + .checkmark::after,
    :is(.checkbox, .radio) :is([type="radio"]):disabled:checked + .checkmark::after {
      background-color: var(--gray300); }
  .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 {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: var(--text-disabled-color);
      content: ""; }
    .toggle-password.active::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: var(--text-disabled-color);
      content: ""; }
  .circle-icon + label {
    display: inline-block;
    width: 2.0625rem;
    height: 2.0625rem;
    cursor: pointer;
    content: ""; }
  .circle-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-md); }
  .list-grid-view-link::before {
    content: ""; }
  .list-grid-view-link.grid-view-selected::before {
    content: ""; }
  .filter-slide::before {
    content: ""; }
  .filter-slide.active::before {
    content: ""; }
  .date-range-slide::before {
    content: ""; }
  .download-link::before {
    content: ""; }
  .ucx-input-range-slider[type="range"] {
    width: 100%;
    height: 0.5rem;
    margin: 1rem 0;
    padding: 0;
    background: var(--white);
    border: 0.0625rem solid var(--gray300);
    border-radius: var(--border-radius-sm);
    outline: none;
    appearance: none; }
    .ucx-input-range-slider[type="range"]::-webkit-slider-thumb {
      width: 1.125rem;
      height: 1.125rem;
      background: var(--ui-active-color);
      border: 0.3125rem solid var(--white);
      border-radius: 50%;
      box-shadow: var(--shadow-sm);
      transition: background 0.15s ease-in-out;
      cursor: pointer;
      appearance: none; }
    .ucx-input-range-slider[type="range"]::-webkit-slider-thumb:hover {
      background: var(--ui-active-color); }
    .ucx-input-range-slider[type="range"]::-moz-range-thumb {
      width: 1.125rem;
      height: 1.125rem;
      background: var(--ui-active-color);
      border: 0.3125rem solid var(--white);
      border-radius: 50%;
      box-shadow: var(--shadow-sm);
      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: var(--form-control-gap); }
    .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: #b00020; }
  .input-with-checkbox.error .input-wrapper::after {
    top: 0.875rem;
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #b00020;
    content: ""; }
  .input-with-checkbox.error .error-message {
    display: block; }
  .input-with-checkbox .error-message {
    display: none;
    font-size: 0.875rem;
    color: #b00020;
    margin: 0.25rem 0 0 0; }
  ::-ms-reveal {
    display: none; }
  .input-wrapper.left-dollar.error::before,
  .input-wrapper.currency-amount.error::before {
    top: 2.6875rem; }
  input:read-only:not([type="radio"]):not([type="checkbox"]):not([role="switch"]) {
    background-color: var(--gray100);
    border-color: var(--gray500);
    opacity: 1; }
  @keyframes switch-loading {
    to {
      transform: rotate(360deg); } }
  .toggle {
    position: relative;
    display: inline-flex; }
    .toggle span {
      font-size: 0.875rem; }
    .toggle .switch {
      margin-right: var(--form-control-gap);
      position: relative;
      display: inline-block;
      width: 3.3125rem;
      height: 1.875rem; }
      .toggle .switch :is(input, button) {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        cursor: pointer; }
        .toggle .switch :is(input, button):disabled {
          cursor: not-allowed;
          pointer-events: none; }
      .toggle .switch :is(input, button):focus-visible + .slider {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      .toggle .switch :is(input, button):not(:disabled):hover + .slider {
        border-color: var(--ui-active-color); }
      .toggle .switch :is(input:not(:disabled):checked, button:not(:disabled)[aria-checked="true"]):hover + .slider {
        background-color: rgba(46, 125, 50, 0.9); }
      .toggle .switch .slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 3.3125rem;
        height: 1.875rem;
        padding: 0.1875rem;
        border-style: solid;
        border-width: 0.0625rem;
        border-radius: 100vmax;
        transition: background-color 0.2s ease;
        background-color: transparent;
        border-color: var(--gray700); }
      .toggle .switch .slider::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0.09375rem, -50%);
        transition: transform 0.2s ease-out;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background-color: var(--gray700); }
      .toggle .switch :is(input, button):disabled + .slider {
        background-color: var(--gray100);
        border-color: var(--gray300); }
      .toggle .switch :is(input, button):disabled + .slider::after {
        background-color: var(--gray300); }
      .toggle .switch :is(input:checked, button[aria-checked="true"]) + .slider {
        background-color: var(--success-color);
        border-color: var(--green900); }
      .toggle .switch :is(input:checked, button[aria-checked="true"]) + .slider::after {
        background-color: var(--white);
        transform: translate(calc(100% + 0.09375rem), -50%); }
      .toggle .switch :is(input:checked, button[aria-checked="true"]):disabled + .slider {
        background-color: var(--lightBlueGreen);
        border-color: var(--green800); }
      .toggle .switch :is(input:checked, button[aria-checked="true"]):disabled + .slider::after {
        background-color: var(--white); }
      .toggle .switch [data-bind="statusUI"] {
        margin: 0 0 0 var(--gap-xs);
        transform: translate(3.3125rem, 43%); }
      .toggle .switch :is(input, button):not(.loading) + .slider .switch-loader {
        display: none; }
      .toggle .switch :is(input, button).loading {
        cursor: progress; }
      .toggle .switch :is(input:checked, button[aria-checked="true"]) + .slider .switch-loader {
        transform: translate(calc(100% + 0.09375rem), -50%); }
  .switch-loader {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    transition: translate 0.2s ease-out;
    transform: translate(0.09375rem, -50%);
    cursor: progress;
    pointer-events: none;
    z-index: 1; }
    .switch-loader div {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      border-width: 0.1875rem;
      border-style: solid;
      border-color: var(--grayBlue) transparent transparent;
      border-radius: 50%;
      box-sizing: border-box;
      transition: border-color 0.2s ease-out;
      animation: switch-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      inset: 0; }
      .switch-loader div:nth-child(1) {
        animation-delay: -0.45s; }
      .switch-loader div:nth-child(2) {
        animation-delay: -0.3s; }
      .switch-loader div:nth-child(3) {
        animation-delay: -0.15s; }
  :where([type="checkbox"], [type="radio"], [type="range"], progress) {
    accent-color: var(--ui-active-color); }
  :where([type="radio"], [type="checkbox"]) {
    width: var(--check-size);
    height: var(--check-size);
    margin: 0; }
    :where([type="radio"], [type="checkbox"]) + label {
      flex-basis: calc(100% - var(--check-size) - var(--input-gap)); }
  .check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--input-gap); }
    .check:not(:last-of-type) {
      margin-bottom: var(--gap-sm); }
    .check.is-inline {
      display: inline-flex; }
      .check.is-inline:not(:last-of-type) {
        margin-inline-end: var(--gap-lg); }
    .check :where(.input-wrapper, [data-hidden-field]) {
      flex-basis: 100%; }
    .check .input-wrapper {
      margin-block-end: 0; }
    .check > label:first-child {
      display: flex;
      align-items: self-start;
      gap: var(--form-control-gap); }
    .check > input + label {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem; }
    .check > input[disabled] + label {
      color: var(--text-disabled-color); }
  .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: var(--gap-xl); }
  .settings .settings-list li {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 2fr 1fr;
    align-items: center;
    margin: 0 0 var(--gap-xs) 0;
    padding: var(--gap-md) var(--gap-lg);
    background: var(--white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-sm); }
    @media (max-width:767px) {
      .settings .settings-list li {
        grid-template-columns: 3fr 1fr;
        align-items: self-start;
        padding: var(--gap-sm); }
        .settings .settings-list li:nth-child(even) {
          background: var(--white); }
        .settings .settings-list li h3 {
          grid-column: 1 / 2;
          margin: 0 0 var(--gap-xs) 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(--gray100); }
    .settings .settings-list li h3,
    .settings .settings-list li p {
      margin: 0; }
    .settings .settings-list li h3 {
      font-family: var(--font-medium);
      font-size: 1rem; }
    .settings .settings-list li p {
      font-size: 0.875rem;
      color: var(--text-muted-color); }
  .settings button.btn-edit {
    margin: 0 0 0 auto; }
  .slide-panel {
    position: fixed;
    top: 0;
    right: -100%;
    max-width: 24.375rem;
    height: 100%;
    background: var(--white);
    transition: all 0.3s ease;
    z-index: 10;
     }
    .slide-panel .slide-panel-tab-menu {
      display: none; }
    .slide-panel.open {
      right: 0;
      box-shadow: var(--shadow-lg); }
      .slide-panel.open .slide-content-wrapper {
        position: fixed;
        max-width: 24.375rem;
        height: 100%;
        padding: var(--gap-sm) var(--gap-md);
        background: var(--white);
        box-shadow: var(--shadow-md);
        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: var(--gap-sm);
        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: var(--gap-lg) var(--gap-xs);
          background: var(--lightBlueGray);
          border-bottom: 1px solid var(--ui-border-color);
          cursor: pointer;
          gap: var(--gap-xxs);
          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: var(--border-radius-md); }
          .slide-panel.open .slide-panel-tab-menu.active li:last-child {
            border-bottom-left-radius: var(--border-radius-md); }
        .slide-panel.open .slide-panel-tab-menu.active .edit-card > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .block-card > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .activities-card > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .bill-details > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .timeline > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .payment-sources > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .integration > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .chat > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .card-limits > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .exceptions-reporting > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
        .slide-panel.open .slide-panel-tab-menu.active .general-settings > div::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.25rem;
          content: ""; }
    .slide-panel .gray-wrapper {
      padding: var(--gap-lg);
      background: var(--gray300); }
    .slide-panel .heading-wrapper {
      display: flex;
      align-items: center; }
      .slide-panel .heading-wrapper h4 {
        font-family: var(--font-medium);
        font-size: 1.5rem; }
    .slide-panel .heading-wrapper h2 {
      margin-block: 0 !important; }
    .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: var(--gap-md);
            z-index: 2; } }
    .slide-panel .sticky-header {
      position: sticky;
      top: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem;
      background: #fff;
      border-bottom: 1px solid #ddd;
      z-index: 10; }
      @media (max-width:540px) {
        .slide-panel .sticky-header {
          padding: 0.5rem 1rem; } }
    .slide-panel .sticky-header h2 {
      margin: 0; }
    .slide-panel .close-slide-panel {
      position: absolute;
      right: var(--gap-sm);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      background: transparent;
      border: 0;
      border-radius: 50%;
      z-index: 3; }
      .slide-panel .close-slide-panel icon {
        font-size: 2rem; }
    .slide-panel .sub-title {
      font-family: var(--font-medium);
      font-size: 0.875rem;
      margin: var(--gap-xs) 0 var(--gap-sm); }
    .slide-panel .search-wrap {
      position: relative;
      width: 100%;
      height: 2.4375rem;
      margin: var(--gap-xs) 0 var(--gap-sm);
      background: var(--lightBlueGray);
      border: 0.0625rem solid var(--ui-border-color);
      border-radius: var(--border-radius-lg); }
      .slide-panel .search-wrap::before {
        
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0.1875rem;
        right: 0.25rem;
        font-size: 1.875rem;
        content: ""; }
      .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-medium); }
    .slide-panel .small-title {
      font-family: var(--font-medium);
      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(--ui-border-color);
                border-bottom: 1px solid var(--ui-border-color); }
                .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 .heading-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.5rem 0rem;
            margin: 0; }
          .slide-panel.open .heading-wrapper h2 {
            margin: 0; }
          .slide-panel.open .close-slide-panel {
            background: none;
            border: none;
            cursor: pointer;
            right: var(--gap-sm); } }
        @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; } }
  driven-tabs:not(.is-loaded) {
    display: grid;
    gap: var(--gap-sm); }
    driven-tabs:not(.is-loaded)::before {
      content: "";
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 3.25rem;
      inline-size: 100%;
      border-radius: var(--border-radius-md);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
    driven-tabs:not(.is-loaded) > driven-tabpanel[data-is-active] {
      display: block;
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 100%;
      inline-size: 100%;
      border-radius: var(--border-radius-md);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
      driven-tabs:not(.is-loaded) > driven-tabpanel[data-is-active] > * {
        visibility: hidden; }
  driven-tabpanel:not([data-is-active]) {
    display: none; }
  .tabs-tablist {
    position: var(--position, static);
    top: var(--top, unset);
    background: var(--background, var(--gray300));
    overflow: hidden;
    translate: var(--translate, unset);
    inline-size: var(--tablist-width, 100%); }
    .tabs-tablist[aria-orientation="vertical"], .tabs-tablist[aria-orientation="vertical"] .tabs-tab.is-focused {
      border-top-left-radius: var(--border-radius-md);
      border-bottom-left-radius: var(--border-radius-md); }
    .tabs-tablist[aria-orientation="vertical"] {
      flex: 1 0 min-content;
      flex-direction: column;
      align-self: flex-start; }
    .tabs-tablist[aria-orientation="vertical"] .tabs-tab {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .tabs-tablist[aria-orientation="horizontal"] {
      inline-size: 100%;
      justify-content: var(--justify-content, space-evenly);
      border-top-left-radius: var(--border-radius-md);
      border-top-right-radius: var(--border-radius-md); }
    .tabs-tablist[aria-orientation="horizontal"] .tabs-tab.is-focused {
      border-radius: var(--border-radius-md); }
    .tabs-tablist:focus-visible {
      outline: none; }
    .tabs-tablist[tabindex="-1"] {
      pointer-events: none; }
  .tabs-tab {
    position: relative;
    flex-basis: var(--flex-basis, 100%);
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    transition: background 300ms, border-color 300ms;
    min-block-size: var(--tab-min-height, auto); }
    .tabs-tab[aria-selected="true"] {
      background: var(--white); }
    .tabs-tab[aria-selected="false"][aria-disabled="false"]:hover {
      background: var(--gray100);
      cursor: pointer; }
    .tabs-tab[aria-disabled="true"] {
      color: var(--text-disabled-color);
      cursor: not-allowed; }
    .tabs-tab.is-focused {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: -0.125rem; }
    .tabs-tab:only-child {
      text-align: left; }
  .tabs.is-offcanvas [role="tabpanel"]::-webkit-scrollbar {
    width: 1rem; }
  .tabs.is-offcanvas [role="tabpanel"]::-webkit-scrollbar-track {
    background-color: var(--gray100); }
  .tabs.is-offcanvas [role="tabpanel"]::-webkit-scrollbar-thumb {
    background-color: var(--gray500);
    border: 0.1875rem solid var(--gray100);
    border-radius: var(--ui-pill-radius); }
  .tabs.is-offcanvas [role="tablist"] {
    --background: var(--lightBlueGray);
    -ms-overflow-style: none;
    scrollbar-width: none;
    block-size: var(--tablist-height, auto); }
    .tabs.is-offcanvas [role="tablist"]::-webkit-scrollbar {
      display: none; }
  .tabs.is-offcanvas > [role="tabpanel"][data-is-active] {
    height: 100%; }
  .tabs.is-offcanvas[data-orientation="vertical"] {
    --tablist-width: 5.75rem;
    --translate: -100% 0;
    --top: var(--gap-md);
    --tab-min-height: 6.875rem;
    --border-width: 5px;
    --position: fixed;
    overflow-y: auto; }
    .tabs.is-offcanvas[data-orientation="vertical"] [role="tabpanel"][data-is-active] {
      display: flex;
      flex-direction: column;
      height: 100%; }
      .tabs.is-offcanvas[data-orientation="vertical"] [role="tabpanel"][data-is-active] dialog-main {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        height: 100%;
        overflow-y: auto; }
    .tabs.is-offcanvas[data-orientation="vertical"] dialog-header {
      border-block-end: 0.0625rem solid var(--ui-border-color); }
    .tabs.is-offcanvas[data-orientation="vertical"] dialog-footer {
      border-block-start: 0.0625rem solid var(--ui-border-color); }
    .tabs.is-offcanvas[data-orientation="vertical"] [role="tablist"] {
      border: var(--border-width) solid var(--background);
      border-right: 0; }
    .tabs.is-offcanvas[data-orientation="vertical"] [role="tablist"] .tabs-tab:not(:last-child)::after {
      --thickness: 2px;
      position: absolute;
      inset: auto auto calc(var(--thickness) * -0.5) var(--border-width);
      content: "";
      inline-size: calc(100% - calc(var(--border-width) * 2));
      block-size: var(--thickness);
      background: var(--ui-border-color); }
    .tabs.is-offcanvas[data-orientation="vertical"] [role="tablist"] [aria-selected="true"] {
      border-right: var(--border-width) solid var(--white); }
    .tabs.is-offcanvas[data-orientation="vertical"] [role="tablist"] [aria-selected="false"] {
      border-right: var(--border-width) solid var(--background); }
      .tabs.is-offcanvas[data-orientation="vertical"] [role="tablist"] [aria-selected="false"]:hover {
        border-color: var(--gray100); }
  .tabs.is-offcanvas[data-orientation="horizontal"] {
    display: flex;
    flex-direction: column;
    height: 100svh; }
    .tabs.is-offcanvas[data-orientation="horizontal"] [role="tablist"] {
      --justify-content: start;
      --tablist-height: 3.25rem;
      border-block-end: 1px solid var(--ui-border-color);
      border-radius: 0;
      overflow-x: auto;
      overflow-y: hidden; }
    .tabs.is-offcanvas[data-orientation="horizontal"] [role="tab"] {
      padding: var(--gap-sm); }
    .tabs.is-offcanvas[data-orientation="horizontal"] [role="tabpanel"] {
      overflow-y: auto; }
  :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) {
    --tab-width: 7rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-xs); }
    @media (min-width:767px) {
      :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) {
        flex-wrap: nowrap; } }
    :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters):focus-visible {
      outline: 0; }
    :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) [role="tab"] {
      background: transparent; }
      :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) [role="tab"]:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
    :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) [role="switch"] {
      border-width: 0 0 0.3125rem 0; }
    :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) :is([role="tab"], [role="switch"]) {
      border-style: solid;
      border-color: var(--gray300);
      transition: border-color 300ms;
      padding-block-end: 0.0625rem; }
      @media (min-width:767px) {
        :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) :is([role="tab"], [role="switch"]) {
          min-inline-size: var(--tab-width); } }
      :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) :is([role="tab"], [role="switch"]):is([aria-checked="true"], [aria-selected="true"]) {
        border-color: var(--ui-active-color);
        pointer-events: none; }
      :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) :is([role="tab"], [role="switch"]):is([aria-checked="false"], [aria-selected="false"]):not([aria-disabled="true"], :disabled):hover {
        border-color: var(--gray500);
        cursor: pointer; }
      :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) :is([role="tab"], [role="switch"]):is([aria-disabled="true"], :disabled) {
        color: var(--text-disabled-color);
        border-color: var(--gray100);
        cursor: not-allowed; }
      :where(driven-tabs.is-secondary [role="tablist"], driven-tabfilters.tabfilters) :is([role="tab"], [role="switch"]):is(.is-focused, :focus-visible) {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset);
        border-radius: var(--border-radius-xs); }
  .tab-wrap .tab-header-wrap {
    display: flex;
    justify-content: space-around;
    margin-bottom: var(--gap-sm);
    border-bottom: 0.0625rem solid var(--ui-border-color); }
    .tab-wrap .tab-header-wrap button {
      font-family: var(--font-regular);
      font-size: 1em;
      padding-bottom: var(--gap-xxs);
      background: transparent;
      border: 0;
      cursor: pointer; }
      .tab-wrap .tab-header-wrap button.active {
        border-bottom: 0.25rem solid var(--ui-active-color); }
  .tab-wrap > div {
    display: none; }
    .tab-wrap > div.active {
      display: block; }
  
  .input-wrapper.disabled .vsb-main button {
    background: var(--gray100);
    border-color: var(--text-disabled-color); }
    .input-wrapper.disabled .vsb-main button::before {
      
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 0.5rem;
      font-size: 1.25rem;
      color: var(--text-disabled-color);
      content: ""; }
  .input-wrapper .hidden-search {
    display: none !important; }
  .input-wrapper .vsb-main {
    position: relative;
    
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: middle; }
    .input-wrapper .vsb-main.disabled button {
      background: var(--gray100);
      background-size: 0.9375rem;
      border-color: var(--text-disabled-color); }
      .input-wrapper .vsb-main.disabled button::before {
        
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0.5rem;
        font-size: 1.25rem;
        color: var(--text-disabled-color);
        content: ""; }
    .input-wrapper .vsb-main.opened button {
      background: var(--lightBlueGray); }
      .input-wrapper .vsb-main.opened button::before {
        
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0.5rem;
        font-size: 1.25rem;
        color: var(--text-muted-color);
        content: ""; }
    .input-wrapper .vsb-main.opened .vsb-menu {
      display: block;
      width: 100%;
      border: 0;
      box-shadow: var(--shadow-md);
      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(--ui-active-color);
        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(--ui-border-color); }
          .input-wrapper .vsb-main.opened .vsb-menu > ul > li:hover {
            background: var(--gray100); }
          .input-wrapper .vsb-main.opened .vsb-menu > ul > li:focus {
            outline: none;
            background: var(--gray100); }
          .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(--text-disabled-color); }
        .input-wrapper .vsb-main.opened .vsb-menu > ul:not(.multi) li.active {
          background-color: var(--lightBlueGray); }
      @media (max-width:540px) {
        .input-wrapper .vsb-main.opened .vsb-menu {
          left: 0;
          font-family: var(--font-medium);
          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 {
              
              font-family: "icon-ifleet" !important;
              font-weight: normal;
              font-style: normal;
              font-variant: normal;
              line-height: 1;
              text-transform: none;
              speak: never;
              
              -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: ""; }
            .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(--lightBlueGray);
              border: 1px solid var(--ui-border-color);
              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(--ui-border-color); }
              .input-wrapper .vsb-main.opened .vsb-menu ul li:last-child {
                border-bottom: 1px solid var(--ui-border-color); } }
    .input-wrapper .vsb-main .vb-mobile-footer {
      display: none; }
    .input-wrapper .vsb-main .vsb-menu {
      position: absolute;
      
      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;
        
        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;
          
          min-block-size: auto; }
      .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(--lightBlueGray); }
      .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;
        background-color: var(--white);
        border: 0.125rem solid var(--gray700);
        transition: border-color 0.3s ease;
        border-radius: 0.1875rem;
        content: ""; }
      .input-wrapper .vsb-main .vsb-menu .multi li[aria-checked="true"]::before {
        background-color: var(--ui-active-color);
        border: 0.125rem solid var(--ui-active-color); }
      .input-wrapper .vsb-main .vsb-menu .multi li[aria-checked="true"]:hover::before {
        background-color: rgba(1, 97, 121, 0.9); }
      .input-wrapper .vsb-main .vsb-menu .multi li[aria-checked="true"]::after {
        position: absolute;
        top: 38%;
        right: 11px;
        display: inline-block;
        width: 0.25rem;
        height: 0.5rem;
        font-size: inherit;
        color: #333;
        margin-top: 0.125rem;
        margin-right: 0.4375rem;
        border-right: 0.125rem solid var(--white);
        border-bottom: 0.125rem solid var(--white);
        transform: rotate(45deg);
        content: ""; }
      .input-wrapper .vsb-main .vsb-menu .multi li:hover::before {
        border-color: var(--ui-active-color); }
      .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;
            pointer-events: none; }
    .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(--lightBlueGray);
      border: 0.0625rem solid var(--ui-border-color);
      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 {
        
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        speak: never;
        
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        inset: 0.85rem 0.5rem auto auto;
        font-size: 1.25rem;
        color: var(--text-muted-color);
        content: ""; }
      .input-wrapper .vsb-main button > span {
        pointer-events: none; }
      @media (max-width:540px) {
        .input-wrapper .vsb-main button {
          background: var(--lightBlueGray); }
          .input-wrapper .vsb-main button::before {
            
            font-family: "icon-ifleet" !important;
            font-weight: normal;
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-transform: none;
            speak: never;
            
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            inset: 0.85rem 0.5rem auto auto;
            font-size: 1.25rem;
            color: var(--gray500);
            content: ""; } }
      .input-wrapper .vsb-main button:not(:disabled):hover, .input-wrapper .vsb-main button:not(:disabled):focus {
        border: 0.0625rem solid var(--ui-active-color);
        outline: none; }
      .input-wrapper .vsb-main button.light-blue {
        background: var(--lightBlueGray);
        border: 0.0625rem solid var(--ui-border-color); }
        .input-wrapper .vsb-main button.light-blue::before {
          
          font-family: "icon-ifleet" !important;
          font-weight: normal;
          font-style: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          speak: never;
          
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: 0.5rem;
          font-size: 1.25rem;
          color: var(--gray500);
          content: ""; }
      .input-wrapper .vsb-main button.disabled {
        opacity: 0.65;
        cursor: not-allowed;
        pointer-events: none; }
    .input-wrapper .vsb-main .caret {
      position: absolute;
      right: 0.5rem;
      margin-top: 0.5rem; }
    .input-wrapper .vsb-main .title {
      color: var(--text-disabled-color);
      margin-right: 0.375rem;
      user-select: none; }
  
  footer {
    container: footer / inline-size; }
  @container footer (width < 50rem) {
    .footer-desktop {
      text-align: center; } }
  @container footer (width >= 50rem) {
    .footer-desktop {
      grid-template-columns: 1fr 1fr; } }
  @container footer (width < 50rem) {
    .footer-links {
      justify-content: center; }
      .footer-links :where(a, button) {
        padding-block: var(--gap-xs); }
      .footer-links :where(a, button):not(:first-child) {
        padding-inline: var(--gap-xs);
        margin-inline-start: var(--gap-xs);
        border-inline-start: 1px solid var(--ui-border-color); }
      .footer-links :where(a, button).hidden + :where(a, button) {
        border: 0; } }
  @container footer (width >= 50rem) {
    .footer-links {
      justify-content: end;
      gap: var(--gap-sm); } }
  .footer-links :where(a, button):not(:hover) span {
    text-decoration: underline; }
  .footer-links button {
    background: none;
    margin: 0;
    border: 0; }
  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: 999; }
    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; } }
  .dropzone .dropzone-form {
    position: relative;
    font-family: var(--font-medium);
    font-size: 0.875rem; }
    .dropzone .dropzone-form.active {
      background-color: rgba(0, 128, 0, 0.15); }
      .dropzone .dropzone-form.active p {
        color: var(--success-color); }
    .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(--green800);
            border-radius: 6px; }
        .dropzone .dropzone-result .file .file-inner .success-text {
          display: none;
          color: #2e7d32;
          padding-top: 3px; }
        .dropzone .dropzone-result .file .file-inner .error-text {
          display: none;
          color: #b00020;
          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: #b00020; }
      .dropzone .dropzone-result .file.aborted {
        background-color: rgba(255, 166, 0, 0.135); }
  .dropzone .file-inner .abort-btn {
    display: none; }
  .chip.active {
    color: var(--white);
    background-color: #2e7d32; }
  .chip.complete {
    color: var(--white);
    background-color: #2e7d32; }
  .chip.completed {
    color: var(--white);
    background-color: #2e7d32; }
  .chip.paid {
    color: var(--white);
    background-color: #2e7d32; }
  .chip.posted {
    color: var(--white);
    background-color: #2e7d32; }
  .chip.disputed {
    color: var(--white);
    background-color: #ce3a0d; }
  .chip.flagged {
    color: var(--white);
    background-color: #ce3a0d; }
  .chip.hold {
    color: var(--white);
    background-color: #ce3a0d; }
  .chip.inactive {
    color: var(--white);
    background-color: #ce3a0d; }
  .chip.blocked {
    color: var(--white);
    background-color: #b00020; }
  .chip.declined {
    color: var(--white);
    background-color: #b00020; }
  .chip.failed {
    color: var(--white);
    background-color: #b00020; }
  .chip.unpaid {
    color: var(--white);
    background-color: #b00020; }
  .chip.authorized {
    color: var(--white);
    background-color: #1565c0; }
  .chip.credit {
    color: var(--white);
    background-color: #1565c0; }
  .chip.pending {
    color: var(--white);
    background-color: #1565c0; }
  .chip.scheduled {
    color: var(--white);
    background-color: #1565c0; }
  .chip.expired {
    color: var(--white);
    background-color: #212e35; }
  .chip.info {
    color: var(--white);
    background-color: #212e35; }
  .chip.ready {
    color: var(--white);
    background-color: #212e35; }
  .chip.lost {
    color: var(--white);
    background-color: #016179; }
  .chip.delete {
    color: var(--white);
    background-color: #212e35; }
  .amount.active {
    color: #2e7d32; }
  .amount .active {
    color: #2e7d32; }
  .amount.complete {
    color: #2e7d32; }
  .amount .complete {
    color: #2e7d32; }
  .amount.completed {
    color: #2e7d32; }
  .amount .completed {
    color: #2e7d32; }
  .amount.paid {
    color: #2e7d32; }
  .amount .paid {
    color: #2e7d32; }
  .amount.posted {
    color: #2e7d32; }
  .amount .posted {
    color: #2e7d32; }
  .amount.disputed {
    color: #ce3a0d; }
  .amount .disputed {
    color: #ce3a0d; }
  .amount.flagged {
    color: #ce3a0d; }
  .amount .flagged {
    color: #ce3a0d; }
  .amount.hold {
    color: #ce3a0d; }
  .amount .hold {
    color: #ce3a0d; }
  .amount.inactive {
    color: #ce3a0d; }
  .amount .inactive {
    color: #ce3a0d; }
  .amount.blocked {
    color: #b00020; }
  .amount .blocked {
    color: #b00020; }
  .amount.declined {
    color: #b00020; }
  .amount .declined {
    color: #b00020; }
  .amount.failed {
    color: #b00020; }
  .amount .failed {
    color: #b00020; }
  .amount.unpaid {
    color: #b00020; }
  .amount .unpaid {
    color: #b00020; }
  .amount.authorized {
    color: #1565c0; }
  .amount .authorized {
    color: #1565c0; }
  .amount.credit {
    color: #1565c0; }
  .amount .credit {
    color: #1565c0; }
  .amount.pending {
    color: #1565c0; }
  .amount .pending {
    color: #1565c0; }
  .amount.scheduled {
    color: #1565c0; }
  .amount .scheduled {
    color: #1565c0; }
  .amount.expired {
    color: #212e35; }
  .amount .expired {
    color: #212e35; }
  .amount.info {
    color: #212e35; }
  .amount .info {
    color: #212e35; }
  .amount.ready {
    color: #212e35; }
  .amount .ready {
    color: #212e35; }
  .amount.lost {
    color: #016179; }
  .amount .lost {
    color: #016179; }
  .amount.delete {
    color: #212e35; }
  .amount .delete {
    color: #212e35; }
  @media (max-width:991px) {
    .tabulator-row.active {
      border-left: 0.625rem solid #2e7d32; }
      .tabulator-row.active .m-amount {
        color: #2e7d32; }
      .tabulator-row.active .payment-status::before {
        color: var(--white);
        background-color: #2e7d32; }
    .tabulator-row.complete {
      border-left: 0.625rem solid #2e7d32; }
      .tabulator-row.complete .m-amount {
        color: #2e7d32; }
      .tabulator-row.complete .payment-status::before {
        color: var(--white);
        background-color: #2e7d32; }
    .tabulator-row.completed {
      border-left: 0.625rem solid #2e7d32; }
      .tabulator-row.completed .m-amount {
        color: #2e7d32; }
      .tabulator-row.completed .payment-status::before {
        color: var(--white);
        background-color: #2e7d32; }
    .tabulator-row.paid {
      border-left: 0.625rem solid #2e7d32; }
      .tabulator-row.paid .m-amount {
        color: #2e7d32; }
      .tabulator-row.paid .payment-status::before {
        color: var(--white);
        background-color: #2e7d32; }
    .tabulator-row.posted {
      border-left: 0.625rem solid #2e7d32; }
      .tabulator-row.posted .m-amount {
        color: #2e7d32; }
      .tabulator-row.posted .payment-status::before {
        color: var(--white);
        background-color: #2e7d32; }
    .tabulator-row.disputed {
      border-left: 0.625rem solid #ce3a0d; }
      .tabulator-row.disputed .m-amount {
        color: #ce3a0d; }
      .tabulator-row.disputed .payment-status::before {
        color: var(--white);
        background-color: #ce3a0d; }
    .tabulator-row.flagged {
      border-left: 0.625rem solid #ce3a0d; }
      .tabulator-row.flagged .m-amount {
        color: #ce3a0d; }
      .tabulator-row.flagged .payment-status::before {
        color: var(--white);
        background-color: #ce3a0d; }
    .tabulator-row.hold {
      border-left: 0.625rem solid #ce3a0d; }
      .tabulator-row.hold .m-amount {
        color: #ce3a0d; }
      .tabulator-row.hold .payment-status::before {
        color: var(--white);
        background-color: #ce3a0d; }
    .tabulator-row.inactive {
      border-left: 0.625rem solid #ce3a0d; }
      .tabulator-row.inactive .m-amount {
        color: #ce3a0d; }
      .tabulator-row.inactive .payment-status::before {
        color: var(--white);
        background-color: #ce3a0d; }
    .tabulator-row.blocked {
      border-left: 0.625rem solid #b00020; }
      .tabulator-row.blocked .m-amount {
        color: #b00020; }
      .tabulator-row.blocked .payment-status::before {
        color: var(--white);
        background-color: #b00020; }
    .tabulator-row.declined {
      border-left: 0.625rem solid #b00020; }
      .tabulator-row.declined .m-amount {
        color: #b00020; }
      .tabulator-row.declined .payment-status::before {
        color: var(--white);
        background-color: #b00020; }
    .tabulator-row.failed {
      border-left: 0.625rem solid #b00020; }
      .tabulator-row.failed .m-amount {
        color: #b00020; }
      .tabulator-row.failed .payment-status::before {
        color: var(--white);
        background-color: #b00020; }
    .tabulator-row.unpaid {
      border-left: 0.625rem solid #b00020; }
      .tabulator-row.unpaid .m-amount {
        color: #b00020; }
      .tabulator-row.unpaid .payment-status::before {
        color: var(--white);
        background-color: #b00020; }
    .tabulator-row.authorized {
      border-left: 0.625rem solid #1565c0; }
      .tabulator-row.authorized .m-amount {
        color: #1565c0; }
      .tabulator-row.authorized .payment-status::before {
        color: var(--white);
        background-color: #1565c0; }
    .tabulator-row.credit {
      border-left: 0.625rem solid #1565c0; }
      .tabulator-row.credit .m-amount {
        color: #1565c0; }
      .tabulator-row.credit .payment-status::before {
        color: var(--white);
        background-color: #1565c0; }
    .tabulator-row.pending {
      border-left: 0.625rem solid #1565c0; }
      .tabulator-row.pending .m-amount {
        color: #1565c0; }
      .tabulator-row.pending .payment-status::before {
        color: var(--white);
        background-color: #1565c0; }
    .tabulator-row.scheduled {
      border-left: 0.625rem solid #1565c0; }
      .tabulator-row.scheduled .m-amount {
        color: #1565c0; }
      .tabulator-row.scheduled .payment-status::before {
        color: var(--white);
        background-color: #1565c0; }
    .tabulator-row.expired {
      border-left: 0.625rem solid #212e35; }
      .tabulator-row.expired .m-amount {
        color: #212e35; }
      .tabulator-row.expired .payment-status::before {
        color: var(--white);
        background-color: #212e35; }
    .tabulator-row.info {
      border-left: 0.625rem solid #212e35; }
      .tabulator-row.info .m-amount {
        color: #212e35; }
      .tabulator-row.info .payment-status::before {
        color: var(--white);
        background-color: #212e35; }
    .tabulator-row.ready {
      border-left: 0.625rem solid #212e35; }
      .tabulator-row.ready .m-amount {
        color: #212e35; }
      .tabulator-row.ready .payment-status::before {
        color: var(--white);
        background-color: #212e35; }
    .tabulator-row.lost {
      border-left: 0.625rem solid #016179; }
      .tabulator-row.lost .m-amount {
        color: #016179; }
      .tabulator-row.lost .payment-status::before {
        color: var(--white);
        background-color: #016179; }
    .tabulator-row.delete {
      border-left: 0.625rem solid #212e35; }
      .tabulator-row.delete .m-amount {
        color: #212e35; }
      .tabulator-row.delete .payment-status::before {
        color: var(--white);
        background-color: #212e35; } }
  .circle.active::before {
    color: var(--white);
    background-color: #2e7d32; }
  .circle.complete::before {
    color: var(--white);
    background-color: #2e7d32; }
  .circle.completed::before {
    color: var(--white);
    background-color: #2e7d32; }
  .circle.paid::before {
    color: var(--white);
    background-color: #2e7d32; }
  .circle.posted::before {
    color: var(--white);
    background-color: #2e7d32; }
  .circle.disputed::before {
    color: var(--white);
    background-color: #ce3a0d; }
  .circle.flagged::before {
    color: var(--white);
    background-color: #ce3a0d; }
  .circle.hold::before {
    color: var(--white);
    background-color: #ce3a0d; }
  .circle.inactive::before {
    color: var(--white);
    background-color: #ce3a0d; }
  .circle.blocked::before {
    color: var(--white);
    background-color: #b00020; }
  .circle.declined::before {
    color: var(--white);
    background-color: #b00020; }
  .circle.failed::before {
    color: var(--white);
    background-color: #b00020; }
  .circle.unpaid::before {
    color: var(--white);
    background-color: #b00020; }
  .circle.authorized::before {
    color: var(--white);
    background-color: #1565c0; }
  .circle.credit::before {
    color: var(--white);
    background-color: #1565c0; }
  .circle.pending::before {
    color: var(--white);
    background-color: #1565c0; }
  .circle.scheduled::before {
    color: var(--white);
    background-color: #1565c0; }
  .circle.expired::before {
    color: var(--white);
    background-color: #212e35; }
  .circle.info::before {
    color: var(--white);
    background-color: #212e35; }
  .circle.ready::before {
    color: var(--white);
    background-color: #212e35; }
  .circle.lost::before {
    color: var(--white);
    background-color: #016179; }
  .circle.delete::before {
    color: var(--white);
    background-color: #212e35; }
  .circle.green-circle > span {
    background-color: var(--success-color); }
  .circle.gray-circle > span {
    background-color: var(--gray700); }
  .green-circle > span {
    background-color: var(--success-color); }
  .status-dot {
    display: flex;
    align-items: center;
    gap: var(--gap-xxs);
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem; }
    .status-dot::before {
      content: "";
      display: inline-block;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 0.5rem; }
    .status-dot.active::before {
      background-color: #2e7d32; }
    .status-dot.complete::before {
      background-color: #2e7d32; }
    .status-dot.completed::before {
      background-color: #2e7d32; }
    .status-dot.paid::before {
      background-color: #2e7d32; }
    .status-dot.posted::before {
      background-color: #2e7d32; }
    .status-dot.disputed::before {
      background-color: #ce3a0d; }
    .status-dot.flagged::before {
      background-color: #ce3a0d; }
    .status-dot.hold::before {
      background-color: #ce3a0d; }
    .status-dot.inactive::before {
      background-color: #ce3a0d; }
    .status-dot.blocked::before {
      background-color: #b00020; }
    .status-dot.declined::before {
      background-color: #b00020; }
    .status-dot.failed::before {
      background-color: #b00020; }
    .status-dot.unpaid::before {
      background-color: #b00020; }
    .status-dot.authorized::before {
      background-color: #1565c0; }
    .status-dot.credit::before {
      background-color: #1565c0; }
    .status-dot.pending::before {
      background-color: #1565c0; }
    .status-dot.scheduled::before {
      background-color: #1565c0; }
    .status-dot.expired::before {
      background-color: #212e35; }
    .status-dot.info::before {
      background-color: #212e35; }
    .status-dot.ready::before {
      background-color: #212e35; }
    .status-dot.lost::before {
      background-color: #016179; }
    .status-dot.delete::before {
      background-color: #212e35; }
    .status-dot.success::before {
      background-color: #2e7d32; }
    .status-dot.trouble::before {
      background-color: #ce3a0d; }
    .status-dot.error::before {
      background-color: #b00020; }
    .status-dot.info::before {
      background-color: #212e35; }
    .status-dot.featured::before {
      background-color: #1565c0; }
    .status-dot.system::before {
      background-color: #016179; }
  :is(icon, driven-icon, .icon-font) {
    display: inline-block;
    pointer-events: none;
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-account:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-account::before {
    content: "";
    color: currentColor; }
  .icon-activity:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-activity::before {
    content: "";
    color: currentColor; }
  .icon-activities:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-activities::before {
    content: "";
    color: currentColor; }
  .icon-add-item:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-add-item::before {
    content: "";
    color: currentColor; }
  .icon-admin-settings:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-admin-settings::before {
    content: "";
    color: currentColor; }
  .icon-article:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-article::before {
    content: "";
    color: currentColor; }
  .icon-assign-card:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-assign-card::before {
    content: "";
    color: currentColor; }
  .icon-attention:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-attention::before {
    content: "";
    color: currentColor; }
  .icon-badge:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-badge::before {
    content: "";
    color: currentColor; }
  .icon-bank:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-bank::before {
    content: "";
    color: currentColor; }
  .icon-bill:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-bill::before {
    content: "";
    color: currentColor; }
  .icon-block:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-block::before {
    content: "";
    color: currentColor; }
  .icon-calendar:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-calendar::before {
    content: "";
    color: currentColor; }
  .icon-camera:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-camera::before {
    content: "";
    color: currentColor; }
  .icon-card-block:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-block::before {
    content: "";
    color: currentColor; }
  .icon-card-chip:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-chip::before {
    content: "";
    color: currentColor; }
  .icon-card-membership:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-membership::before {
    content: "";
    color: currentColor; }
  .icon-card-switch:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-switch::before {
    content: "";
    color: currentColor; }
  .icon-card:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card::before {
    content: "";
    color: currentColor; }
  .icon-cards:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-cards::before {
    content: "";
    color: currentColor; }
  .icon-cash-electronic:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-cash-electronic::before {
    content: "";
    color: currentColor; }
  .icon-check:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-check::before {
    content: "";
    color: currentColor; }
  .icon-clock:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-clock::before {
    content: "";
    color: currentColor; }
  .icon-close-cancel:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-close-cancel::before {
    content: "";
    color: currentColor; }
  .icon-button-close:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-button-close::before {
    content: "";
    color: currentColor; }
  .icon-collapse:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-collapse::before {
    content: "";
    color: currentColor; }
  .icon-contact-us:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-contact-us::before {
    content: "";
    color: currentColor; }
  .icon-contactless:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-contactless::before {
    content: "";
    color: currentColor; }
  .icon-crosshairs:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-crosshairs::before {
    content: "";
    color: currentColor; }
  .icon-currency-sign:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-currency-sign::before {
    content: "";
    color: currentColor; }
  .icon-customers:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-customers::before {
    content: "";
    color: currentColor; }
  .icon-dashboard:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-dashboard::before {
    content: "";
    color: currentColor; }
  .icon-deactivate-user:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-deactivate-user::before {
    content: "";
    color: currentColor; }
  .icon-delete:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-delete::before {
    content: "";
    color: currentColor; }
  .icon-department:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-department::before {
    content: "";
    color: currentColor; }
  .icon-details:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-details::before {
    content: "";
    color: currentColor; }
  .icon-details-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-details-outline::before {
    content: "";
    color: currentColor; }
  .icon-dev-console:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-dev-console::before {
    content: "";
    color: currentColor; }
  .icon-dev-docs:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-dev-docs::before {
    content: "";
    color: currentColor; }
  .icon-division:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-division::before {
    content: "";
    color: currentColor; }
  .icon-documents:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-documents::before {
    content: "";
    color: currentColor; }
  .icon-edit:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-edit::before {
    content: "";
    color: currentColor; }
  .icon-electric-bolt-not-available:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-bolt-not-available::before {
    content: "";
    color: currentColor; }
  .icon-electric-bolt:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-bolt::before {
    content: "";
    color: currentColor; }
  .icon-electric-1:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-1::before {
    content: "";
    color: currentColor; }
  .icon-electric-2:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-2::before {
    content: "";
    color: currentColor; }
  .icon-electric-cable:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-cable::before {
    content: "";
    color: currentColor; }
  .icon-electric-plug-1:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-plug-1::before {
    content: "";
    color: currentColor; }
  .icon-electric-plug-2:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-plug-2::before {
    content: "";
    color: currentColor; }
  .icon-electric-station:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-station::before {
    content: "";
    color: currentColor; }
  .icon-erase-clear:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-erase-clear::before {
    content: "";
    color: currentColor; }
  .icon-error:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-error::before {
    content: "";
    color: currentColor; }
  .icon-error-x:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-error-x::before {
    content: "";
    color: currentColor; }
  .icon-fact-check:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fact-check::before {
    content: "";
    color: currentColor; }
  .icon-favorite:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-favorite::before {
    content: "";
    color: currentColor; }
  .icon-feedback-plus:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-feedback-plus::before {
    content: "";
    color: currentColor; }
  .icon-filter-funnel-2:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-filter-funnel-2::before {
    content: "";
    color: currentColor; }
  .icon-filter-funnel:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-filter-funnel::before {
    content: "";
    color: currentColor; }
  .icon-filter:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-filter::before {
    content: "";
    color: currentColor; }
  .icon-bookmark:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-bookmark::before {
    content: "";
    color: currentColor; }
  .icon-fleet-truck:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fleet-truck::before {
    content: "";
    color: currentColor; }
  .icon-fleet-vehicle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fleet-vehicle::before {
    content: "";
    color: currentColor; }
  .icon-funds-add:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-funds-add::before {
    content: "";
    color: currentColor; }
  .icon-gas-pump:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-gas-pump::before {
    content: "";
    color: currentColor; }
  .icon-green:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-green::before {
    content: "";
    color: currentColor; }
  .icon-grid-dashboard:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-grid-dashboard::before {
    content: "";
    color: currentColor; }
  .icon-grid-view:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-grid-view::before {
    content: "";
    color: currentColor; }
  .icon-help-center:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-help-center::before {
    content: "";
    color: currentColor; }
  .icon-help-support:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-help-support::before {
    content: "";
    color: currentColor; }
  .icon-help:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-help::before {
    content: "";
    color: currentColor; }
  .icon-history:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-history::before {
    content: "";
    color: currentColor; }
  .icon-home:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-home::before {
    content: "";
    color: currentColor; }
  .icon-hub:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-hub::before {
    content: "";
    color: currentColor; }
  .icon-info:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-info::before {
    content: "";
    color: currentColor; }
  .icon-invoice:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-invoice::before {
    content: "";
    color: currentColor; }
  .icon-languages:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-languages::before {
    content: "";
    color: currentColor; }
  .icon-license:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-license::before {
    content: "";
    color: currentColor; }
  .icon-lock:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-lock::before {
    content: "";
    color: currentColor; }
  .icon-log-out:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-log-out::before {
    content: "";
    color: currentColor; }
  .icon-logout:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-logout::before {
    content: "";
    color: currentColor; }
  .icon-log-conveyor-belt:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-log-conveyor-belt::before {
    content: "";
    color: currentColor; }
  .icon-mail:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-mail::before {
    content: "";
    color: currentColor; }
  .icon-maintenance:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-maintenance::before {
    content: "";
    color: currentColor; }
  .icon-manage-operation:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-manage-operation::before {
    content: "";
    color: currentColor; }
  .icon-map-pin-underline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-map-pin-underline::before {
    content: "";
    color: currentColor; }
  .icon-map-pin:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-map-pin::before {
    content: "";
    color: currentColor; }
  .icon-map:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-map::before {
    content: "";
    color: currentColor; }
  .icon-merchant-2:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-merchant-2::before {
    content: "";
    color: currentColor; }
  .icon-merchant:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-merchant::before {
    content: "";
    color: currentColor; }
  .icon-no-image:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-no-image::before {
    content: "";
    color: currentColor; }
  .icon-parking:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-parking::before {
    content: "";
    color: currentColor; }
  .icon-password:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-password::before {
    content: "";
    color: currentColor; }
  .icon-payment-bill:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-payment-bill::before {
    content: "";
    color: currentColor; }
  .icon-payment-sign:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-payment-sign::before {
    content: "";
    color: currentColor; }
  .icon-payment-sources:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-payment-sources::before {
    content: "";
    color: currentColor; }
  .icon-pay-wallet:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-pay-wallet::before {
    content: "";
    color: currentColor; }
  .icon-pay-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-pay-outline::before {
    content: "";
    color: currentColor; }
  .icon-percentage:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-percentage::before {
    content: "";
    color: currentColor; }
  .icon-permit:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-permit::before {
    content: "";
    color: currentColor; }
  .icon-permits:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-permits::before {
    content: "";
    color: currentColor; }
  .icon-phone:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-phone::before {
    content: "";
    color: currentColor; }
  .icon-power:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-power::before {
    content: "";
    color: currentColor; }
  .icon-price-check:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-price-check::before {
    content: "";
    color: currentColor; }
  .icon-print:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-print::before {
    content: "";
    color: currentColor; }
  .icon-privacy-policy:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-privacy-policy::before {
    content: "";
    color: currentColor; }
  .icon-queue:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-queue::before {
    content: "";
    color: currentColor; }
  .icon-remove-item:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-remove-item::before {
    content: "";
    color: currentColor; }
  .icon-reports:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-reports::before {
    content: "";
    color: currentColor; }
  .icon-reports-2:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-reports-2::before {
    content: "";
    color: currentColor; }
  .icon-reset:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-reset::before {
    content: "";
    color: currentColor; }
  .icon-rewards:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-rewards::before {
    content: "";
    color: currentColor; }
  .icon-search:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-search::before {
    content: "";
    color: currentColor; }
  .icon-security:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-security::before {
    content: "";
    color: currentColor; }
  .icon-services:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-services::before {
    content: "";
    color: currentColor; }
  .icon-settings:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-settings::before {
    content: "";
    color: currentColor; }
  .icon-settings-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-settings-outline::before {
    content: "";
    color: currentColor; }
  .icon-speed:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-speed::before {
    content: "";
    color: currentColor; }
  .icon-speedometer:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-speedometer::before {
    content: "";
    color: currentColor; }
  .icon-success:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-success::before {
    content: "";
    color: currentColor; }
  .icon-support:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-support::before {
    content: "";
    color: currentColor; }
  .icon-take-photo:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-take-photo::before {
    content: "";
    color: currentColor; }
  .icon-task-ok:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-task-ok::before {
    content: "";
    color: currentColor; }
  .icon-tax:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-tax::before {
    content: "";
    color: currentColor; }
  .icon-timeline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-timeline::before {
    content: "";
    color: currentColor; }
  .icon-timeline-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-timeline-outline::before {
    content: "";
    color: currentColor; }
  .icon-transfer:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-transfer::before {
    content: "";
    color: currentColor; }
  .icon-trip:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-trip::before {
    content: "";
    color: currentColor; }
  .icon-unlock:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-unlock::before {
    content: "";
    color: currentColor; }
  .icon-user:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-user::before {
    content: "";
    color: currentColor; }
  .icon-users-group:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-users-group::before {
    content: "";
    color: currentColor; }
  .icon-add:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-add::before {
    content: "";
    color: currentColor; }
  .icon-add-circle-2:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-add-circle-2::before {
    content: "";
    color: currentColor; }
  .icon-archive:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-archive::before {
    content: "";
    color: currentColor; }
  .icon-attention-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-attention-solid::before {
    content: "";
    color: currentColor; }
  .icon-attention-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-attention-circle::before {
    content: "";
    color: currentColor; }
  .icon-error-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-error-circle::before {
    content: "";
    color: currentColor; }
  .icon-bill-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-bill-solid::before {
    content: "";
    color: currentColor; }
  .icon-bookmark-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-bookmark-solid::before {
    content: "";
    color: currentColor; }
  .icon-business-domain:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-business-domain::before {
    content: "";
    color: currentColor; }
  .icon-calendar-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-calendar-solid::before {
    content: "";
    color: currentColor; }
  .icon-card-block-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-block-solid::before {
    content: "";
    color: currentColor; }
  .icon-card-move:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-move::before {
    content: "";
    color: currentColor; }
  .icon-card-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-card-solid::before {
    content: "";
    color: currentColor; }
  .icon-cash:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-cash::before {
    content: "";
    color: currentColor; }
  .icon-cash-electronic-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-cash-electronic-solid::before {
    content: "";
    color: currentColor; }
  .icon-electronic-cash:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electronic-cash::before {
    content: "";
    color: currentColor; }
  .icon-chat:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-chat::before {
    content: "";
    color: currentColor; }
  .icon-check-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-check-solid::before {
    content: "";
    color: currentColor; }
  .icon-check-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-check-circle::before {
    content: "";
    color: currentColor; }
  .icon-clock-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-clock-solid::before {
    content: "";
    color: currentColor; }
  .icon-close:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-close::before {
    content: "";
    color: currentColor; }
  .icon-deactivate-user-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-deactivate-user-solid::before {
    content: "";
    color: currentColor; }
  .icon-delete-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-delete-solid::before {
    content: "";
    color: currentColor; }
  .icon-details-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-details-solid::before {
    content: "";
    color: currentColor; }
  .icon-dispute-form:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-dispute-form::before {
    content: "";
    color: currentColor; }
  .icon-dispute-stop:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-dispute-stop::before {
    content: "";
    color: currentColor; }
  .icon-edit-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-edit-solid::before {
    content: "";
    color: currentColor; }
  .icon-electric-1-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-1-solid::before {
    content: "";
    color: currentColor; }
  .icon-electric-2-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-2-solid::before {
    content: "";
    color: currentColor; }
  .icon-electric-cable-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-cable-solid::before {
    content: "";
    color: currentColor; }
  .icon-electric-plug-1-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-plug-1-solid::before {
    content: "";
    color: currentColor; }
  .icon-electric-plug-2-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-plug-2-solid::before {
    content: "";
    color: currentColor; }
  .icon-electric-plug-3:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-plug-3::before {
    content: "";
    color: currentColor; }
  .icon-electric-station-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-electric-station-solid::before {
    content: "";
    color: currentColor; }
  .icon-erase-clear-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-erase-clear-solid::before {
    content: "";
    color: currentColor; }
  .icon-error-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-error-solid::before {
    content: "";
    color: currentColor; }
  .icon-attention-triangle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-attention-triangle::before {
    content: "";
    color: currentColor; }
  .icon-fact-check-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fact-check-solid::before {
    content: "";
    color: currentColor; }
  .icon-favorite-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-favorite-solid::before {
    content: "";
    color: currentColor; }
  .icon-feedback-chat:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-feedback-chat::before {
    content: "";
    color: currentColor; }
  .icon-flag:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-flag::before {
    content: "";
    color: currentColor; }
  .icon-fleet-truck-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fleet-truck-solid::before {
    content: "";
    color: currentColor; }
  .icon-fleet-vehicle-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fleet-vehicle-solid::before {
    content: "";
    color: currentColor; }
  .icon-fleet:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-fleet::before {
    content: "";
    color: currentColor; }
  .icon-food-restaurant:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-food-restaurant::before {
    content: "";
    color: currentColor; }
  .icon-food:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-food::before {
    content: "";
    color: currentColor; }
  .icon-gas-pump-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-gas-pump-solid::before {
    content: "";
    color: currentColor; }
  .icon-general-inquiries:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-general-inquiries::before {
    content: "";
    color: currentColor; }
  .icon-grid-view-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-grid-view-solid::before {
    content: "";
    color: currentColor; }
  .icon-help-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-help-solid::before {
    content: "";
    color: currentColor; }
  .icon-tool-tip-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-tool-tip-circle::before {
    content: "";
    color: currentColor; }
  .icon-info-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-info-solid::before {
    content: "";
    color: currentColor; }
  .icon-integration:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-integration::before {
    content: "";
    color: currentColor; }
  .icon-intergration:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-intergration::before {
    content: "";
    color: currentColor; }
  .icon-live-chat:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-live-chat::before {
    content: "";
    color: currentColor; }
  .icon-lock-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-lock-solid::before {
    content: "";
    color: currentColor; }
  .icon-mail-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-mail-solid::before {
    content: "";
    color: currentColor; }
  .icon-email:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-email::before {
    content: "";
    color: currentColor; }
  .icon-map-pin-underline-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-map-pin-underline-solid::before {
    content: "";
    color: currentColor; }
  .icon-map-pin-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-map-pin-solid::before {
    content: "";
    color: currentColor; }
  .icon-minus:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-minus::before {
    content: "";
    color: currentColor; }
  .icon-minus-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-minus-circle::before {
    content: "";
    color: currentColor; }
  .icon-mobile-phone:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-mobile-phone::before {
    content: "";
    color: currentColor; }
  .icon-pay:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-pay::before {
    content: "";
    color: currentColor; }
  .icon-payment-method:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-payment-method::before {
    content: "";
    color: currentColor; }
  .icon-payment-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-payment-circle::before {
    content: "";
    color: currentColor; }
  .icon-phone-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-phone-solid::before {
    content: "";
    color: currentColor; }
  .icon-price-check-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-price-check-solid::before {
    content: "";
    color: currentColor; }
  .icon-print-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-print-solid::before {
    content: "";
    color: currentColor; }
  .icon-report-problem:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-report-problem::before {
    content: "";
    color: currentColor; }
  .icon-report-problem-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-report-problem-circle::before {
    content: "";
    color: currentColor; }
  .icon-security-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-security-solid::before {
    content: "";
    color: currentColor; }
  .icon-settings-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-settings-solid::before {
    content: "";
    color: currentColor; }
  .icon-star:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-star::before {
    content: "";
    color: currentColor; }
  .icon-task-ok-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-task-ok-solid::before {
    content: "";
    color: currentColor; }
  .icon-timeline-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-timeline-solid::before {
    content: "";
    color: currentColor; }
  .icon-unlock-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-unlock-solid::before {
    content: "";
    color: currentColor; }
  .icon-user-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-user-solid::before {
    content: "";
    color: currentColor; }
  .icon-users-group-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-users-group-solid::before {
    content: "";
    color: currentColor; }
  .icon-weight:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-weight::before {
    content: "";
    color: currentColor; }
  .icon-wifi-off:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-wifi-off::before {
    content: "";
    color: currentColor; }
  .icon-wifi-on:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-wifi-on::before {
    content: "";
    color: currentColor; }
  .icon-arrow-down:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-arrow-down::before {
    content: "";
    color: currentColor; }
  .icon-arrow-left-double:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-arrow-left-double::before {
    content: "";
    color: currentColor; }
  .icon-arrow-left:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-arrow-left::before {
    content: "";
    color: currentColor; }
  .icon-arrow-right-double:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-arrow-right-double::before {
    content: "";
    color: currentColor; }
  .icon-arrow-right:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-arrow-right::before {
    content: "";
    color: currentColor; }
  .icon-arrow-up:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-arrow-up::before {
    content: "";
    color: currentColor; }
  .icon-collapse-screen:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-collapse-screen::before {
    content: "";
    color: currentColor; }
  .icon-copy:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-copy::before {
    content: "";
    color: currentColor; }
  .icon-download:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-download::before {
    content: "";
    color: currentColor; }
  .icon-ellipsis-kebab:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-ellipsis-kebab::before {
    content: "";
    color: currentColor; }
  .icon-kabob:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-kabob::before {
    content: "";
    color: currentColor; }
  .icon-face-id:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-face-id::before {
    content: "";
    color: currentColor; }
  .icon-face-id-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-face-id-outline::before {
    content: "";
    color: currentColor; }
  .icon-full-screen:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-full-screen::before {
    content: "";
    color: currentColor; }
  .icon-hamburger-menu:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-hamburger-menu::before {
    content: "";
    color: currentColor; }
  .icon-like-vote:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-like-vote::before {
    content: "";
    color: currentColor; }
  .icon-list-view:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-list-view::before {
    content: "";
    color: currentColor; }
  .icon-notifications-many:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-notifications-many::before {
    content: "";
    color: currentColor; }
  .icon-notifications:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-notifications::before {
    content: "";
    color: currentColor; }
  .icon-notification-bell:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-notification-bell::before {
    content: "";
    color: currentColor; }
  .icon-open-new-window:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-open-new-window::before {
    content: "";
    color: currentColor; }
  .icon-open-new:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-open-new::before {
    content: "";
    color: currentColor; }
  .icon-reply:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-reply::before {
    content: "";
    color: currentColor; }
  .icon-settings-admin:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-settings-admin::before {
    content: "";
    color: currentColor; }
  .icon-share:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-share::before {
    content: "";
    color: currentColor; }
  .icon-switch-left:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-switch-left::before {
    content: "";
    color: currentColor; }
  .icon-switch-right:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-switch-right::before {
    content: "";
    color: currentColor; }
  .icon-switch:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-switch::before {
    content: "";
    color: currentColor; }
  .icon-touch-id:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-touch-id::before {
    content: "";
    color: currentColor; }
  .icon-touch-id-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-touch-id-outline::before {
    content: "";
    color: currentColor; }
  .icon-undo:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-undo::before {
    content: "";
    color: currentColor; }
  .icon-upload:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-upload::before {
    content: "";
    color: currentColor; }
  .icon-visibility-off:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-visibility-off::before {
    content: "";
    color: currentColor; }
  .icon-visibility-on:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-visibility-on::before {
    content: "";
    color: currentColor; }
  .icon-button-navigate-left:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-button-navigate-left::before {
    content: "";
    color: currentColor; }
  .icon-button-navigate-right:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-button-navigate-right::before {
    content: "";
    color: currentColor; }
  .icon-calendar-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-calendar-circle::before {
    content: "";
    color: currentColor; }
  .icon-chat-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-chat-outline::before {
    content: "";
    color: currentColor; }
  .icon-dollar:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-dollar::before {
    content: "";
    color: currentColor; }
  .icon-download-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-download-circle::before {
    content: "";
    color: currentColor; }
  .icon-filter-outline-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-filter-outline-circle::before {
    content: "";
    color: currentColor; }
  .icon-filter-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-filter-circle::before {
    content: "";
    color: currentColor; }
  .icon-grid-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-grid-circle::before {
    content: "";
    color: currentColor; }
  .icon-heart-filled:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-heart-filled::before {
    content: "";
    color: currentColor; }
  .icon-heart-empty:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-heart-empty::before {
    content: "";
    color: currentColor; }
  .icon-intergration-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-intergration-outline::before {
    content: "";
    color: currentColor; }
  .icon-left-triangle-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-left-triangle-solid::before {
    content: "";
    color: currentColor; }
  .icon-line-select:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-line-select::before {
    content: "";
    color: currentColor; }
  .icon-list-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-list-circle::before {
    content: "";
    color: currentColor; }
  .icon-pay-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-pay-circle::before {
    content: "";
    color: currentColor; }
  .icon-right-triangle-solid:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-right-triangle-solid::before {
    content: "";
    color: currentColor; }
  .icon-right-triangle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-right-triangle::before {
    content: "";
    color: currentColor; }
  .icon-search-circle-outline:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-search-circle-outline::before {
    content: "";
    color: currentColor; }
  .icon-search-circle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-search-circle::before {
    content: "";
    color: currentColor; }
  .icon-shield-with-check:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-shield-with-check::before {
    content: "";
    color: currentColor; }
  .icon-shield:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-shield::before {
    content: "";
    color: currentColor; }
  .icon-triangle:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .icon-triangle::before {
    content: "";
    color: currentColor; }
  .success-icon:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .success-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #2e7d32;
    content: ""; }
  .trouble-icon:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .trouble-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #ce3a0d;
    content: ""; }
  .error-icon:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .error-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #b00020;
    content: ""; }
  .info-icon:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .info-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #212e35;
    content: ""; }
  .featured-icon:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .featured-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #1565c0;
    content: ""; }
  .system-icon:not(icon, driven-icon, .icon-font)::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .system-icon::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-sm);
    color: #016179;
    content: ""; }
  driven-icon.warn-icon {
    display: block;
    text-align: center;
    margin-block: 1rem; }
    driven-icon.warn-icon::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-lg);
      color: var(--gray700);
      content: ""; }
  .tooltip {
    --background: #f7faff;
    position: relative;
    display: inline-block; }
    .tooltip-toggle {
      display: flex;
      align-items: center;
      gap: var(--gap-xs);
      color: var(--white);
      border-radius: var(--ui-pill-radius);
      cursor: help; }
      .tooltip-toggle:not(.chip) {
        padding: 0; }
      .tooltip-toggle:not(.show) ~ .tooltip-text {
        opacity: 0; }
      .tooltip-toggle.show::after {
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        content: "";
        z-index: 9999; }
      .tooltip-toggle.chip {
        min-inline-size: 4.6875rem; }
    .tooltip-text {
      --width: 13rem;
      position: absolute;
      inline-size: var(--width);
      display: grid;
      white-space: normal;
      background-color: var(--white);
      transition: opacity 0.15s ease-in;
      z-index: 99; }
      .tooltip-text > * {
        margin: 0; }
      .tooltip-text > *:not(:first-child) {
        margin-block-start: 1em; }
      .tooltip-text :where(ul, ol) {
        padding-inline-start: var(--gap-sm); }
      .tooltip-text ul {
        list-style-type: disc; }
      .tooltip-text ul li {
        list-style: disc; }
      .tooltip-text ol {
        list-style-type: decimal; }
    .tooltip[data-align="top"] .tooltip-toggle.show::after {
      border-width: 0.4375rem 0.4375rem 0;
      border-color: var(--background) transparent transparent transparent;
      transform: translate(-50%, 0);
      inset: calc(var(--gap-xxs) * -1) auto auto 50%; }
    .tooltip[data-align="top"] .tooltip-text {
      transform: translate(50%, 0);
      inset: auto 50% 110% auto; }
    .tooltip[data-align="right"] .tooltip-toggle.show::after {
      border-width: 0.4375rem 0.4375rem 0.4375rem 0;
      border-color: transparent var(--background) transparent transparent;
      transform: translate(-50%, -50%);
      inset: 50% calc(var(--gap-xxs) * -1) auto auto; }
    .tooltip[data-align="right"] .tooltip-text {
      transform: translate(100%, -50%);
      inset: 50% 0 auto auto; }
    .tooltip[data-align="bottom"] .tooltip-toggle.show::after {
      border-width: 0 0.4375rem 0.4375rem;
      border-color: transparent transparent var(--background) transparent;
      transform: translate(-50%, 0);
      inset: auto auto 0 50%; }
    .tooltip[data-align="bottom"] .tooltip-text {
      transform: translate(-50%, 100%);
      inset: auto auto 0 50%; }
    .tooltip[data-align="left"] .tooltip-toggle.show::after {
      border-width: 0.4375rem 0 0.4375rem 0.4375rem;
      border-color: transparent transparent transparent var(--background);
      transform: translate(-50%, -50%);
      inset: 50% auto auto var(--gap-xxs); }
    .tooltip[data-align="left"] .tooltip-text {
      transform: translate(-100%, -50%);
      inset: 50% auto auto 0; }
    .tooltip[data-align="bottom-right"] .tooltip-toggle.show::after {
      border-width: 0 0.4375rem 0.4375rem;
      border-color: transparent transparent var(--background) transparent;
      transform: translate(-50%, 0);
      inset: auto auto 0 50%; }
    .tooltip[data-align="bottom-right"] .tooltip-text {
      transform: translate(-0.5rem, 0); }
  select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important; }
  .dselect-button:target:focus {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset); }
  .dselect-container > button[aria-haspopup][aria-expanded] {
    min-block-size: var(--button-height); }
    .dselect-container > button[aria-haspopup][aria-expanded] > * {
      pointer-events: none; }
    .dselect-container > button[aria-haspopup][aria-expanded]::before {
      color: var(--gray600);
      transition: rotate 150ms; }
    .dselect-container > button[aria-haspopup][aria-expanded][aria-expanded="true"] {
      pointer-events: none; }
    .dselect-container > button[aria-haspopup][aria-expanded][aria-expanded="true"]::before {
      rotate: 180deg;
      color: var(--ui-active-color); }
    .dselect-container > button[aria-haspopup][aria-expanded][aria-expanded="false"] ~ :where([role="listbox"], [type="search"]) {
      display: none; }
    .dselect-container > button[aria-haspopup][aria-expanded].is-offcanvas-select::before {
      rotate: -90deg; }
    .dselect-container > button[aria-haspopup][aria-expanded][data-is-busy]:disabled {
      cursor: wait; }
    .dselect-container > button[aria-haspopup][aria-expanded][data-is-busy]:disabled::before {
      display: inline-block;
      width: var(--icon-size-sm);
      height: var(--icon-size-sm);
      margin-top: calc(var(--icon-size-sm) * -0.5);
      margin-left: calc(var(--icon-size-sm) * -0.5);
      border: 0.125rem solid var(--gray100);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0; }
    .dselect-container > button[aria-haspopup][aria-expanded]:not(.dselect-button) {
      inline-size: 100%;
      margin: 0;
      padding: 0 var(--form-control-padding-x);
      background: none;
      border: 0;
      appearance: none; }
      .dselect-container > button[aria-haspopup][aria-expanded]:not(.dselect-button):focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
    .dselect-container > button[aria-haspopup][aria-expanded]:is(.dselect-button) {
      width: 100%;
      font-family: var(--font-regular);
      font-size: 1rem;
      background-color: var(--lightBlueGray);
      color: var(--text-color);
      border-width: 0.0625rem;
      border-style: solid;
      border-color: var(--ui-border-color);
      border-radius: 0.25rem;
      padding: 0.875rem 0.5rem;
      transition: var(--form-control-transition);
      min-block-size: var(--input-height);
      padding-block: 0; }
      .dselect-container > button[aria-haspopup][aria-expanded]:is(.dselect-button):not(:disabled):hover {
        border-color: var(--ui-active-color); }
      .dselect-container > button[aria-haspopup][aria-expanded]:is(.dselect-button):disabled {
        background-color: var(--gray100);
        border-color: var(--gray500);
        cursor: not-allowed;
        opacity: 1; }
      .dselect-container > button[aria-haspopup][aria-expanded]:is(.dselect-button):focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      @media (min-width:992px) {
        .dselect-container > button[aria-haspopup][aria-expanded]:is(.dselect-button) {
          
          font-size: 0.875rem; } }
  .dselect-container {
    --button-height: 3.125rem;
    position: relative; }
    .dselect-container.is-invalid :is(.dselect-button, .dselect-search, .dselect-listbox) {
      border-color: var(--error-color) !important; }
    .dselect-container :is(.dselect-button[aria-expanded="true"], .dselect-search) {
      border-color: var(--ui-active-color);
      outline: 2px solid var(--blue50);
      outline-offset: -3px; }
  .dselect-label {
    pointer-events: none; }
  .dselect-search:not(.is-offcanvas-select) {
    position: absolute;
    width: calc(100% - calc(var(--icon-size-md) + calc(var(--gap-xs) * 2))) !important;
    block-size: var(--button-height);
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    translate: 0 -100%;
    z-index: 99; }
  .dselect-search-wrapper.is-offcanvas-select input {
    border-radius: var(--ui-pill-radius); }
  .dselect-search-wrapper.is-offcanvas-select driven-icon {
    top: calc(var(--input-height) / 2 - calc(var(--icon-size-md) * 0.5)); }
  .dselect-listbox {
    --option-height: 2.6875rem;
    --max-options-visible: 6;
    inline-size: 100%;
    background: var(--white); }
    .dselect-listbox:not(.is-offcanvas-select) {
      position: absolute;
      max-block-size: calc( calc(var(--option-height) * var(--max-options-visible)) + calc(var(--option-height) * 0.5));
      border: 0.0625rem solid var(--ui-active-color);
      border-radius: 0.25rem;
      overflow-y: auto;
      z-index: 99;
      translate: 0 -0.0625rem; }
      .dselect-listbox:not(.is-offcanvas-select)::-webkit-scrollbar {
        width: 1rem; }
      .dselect-listbox:not(.is-offcanvas-select)::-webkit-scrollbar-track {
        background-color: var(--gray100); }
      .dselect-listbox:not(.is-offcanvas-select)::-webkit-scrollbar-thumb {
        background-color: var(--gray500);
        border: 0.1875rem solid var(--gray100);
        border-radius: var(--ui-pill-radius); }
      .dselect-listbox:not(.is-offcanvas-select)::-webkit-scrollbar-track {
        border-top-right-radius: var(--section-border-radius);
        border-bottom-right-radius: var(--section-border-radius); }
    .dselect-listbox.is-offcanvas-select {
      margin-inline: calc(var(--section-padding-x) * -1);
      inline-size: calc(100% + calc(var(--section-padding-x) * 2)); }
  .dselect-listbox:focus-visible {
    outline: 0; }
  .dselect-option:not(:last-of-type):not(.d-none, .is-hidden-group) {
    border-block-end: 1px solid var(--ui-border-color); }
  .dselect-option:not([aria-disabled="true"], .is-focused):hover {
    background: var(--blue50); }
  .dselect-option-group-label {
    color: var(--text-disabled-color); }
  .dselect-option.is-focused {
    color: var(--white) !important;
    background: var(--ui-active-color); }
    .dselect-option.is-focused::before {
      border-color: var(--white) !important; }
    .dselect-option.is-focused[data-toggled]::after {
      color: var(--white) !important; }
    .dselect-option.is-focused .dselect-option-group-label {
      color: var(--white) !important; }
  .dselect-option[data-toggled]:not(.is-focused) {
    background: var(--lightBlueGray); }
  .dselect-option > * {
    pointer-events: none; }
  .dselect-option.is-hidden-group {
    display: none !important; }
  .dselect-option[aria-selected="true"]::before {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-md);
    color: var(--ui-active-color);
    content: ""; }
  .dselect-option[aria-selected="true"][data-value=""]::before {
    visibility: hidden; }
  .dselect-option[aria-selected="true"].is-focused::before {
    color: var(--white); }
  :is(.select-fieldset, .select-button, .select-listbox):not(.is-oclb) {
    inline-size: 100%;
    max-inline-size: var(--max-width-mobile); }
    @media (min-width:767px) {
      :is(.select-fieldset, .select-button, .select-listbox):not(.is-oclb) {
        max-inline-size: var(--max-width-desktop); } }
  :is(.select-listbox, .select-search):not(.show):not(.is-oclb) {
    display: none; }
  :is(.select-option, .select-empty, .select-message) {
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem; }
  .select {
    --max-width-desktop: 23.875rem;
    --max-width-mobile: 21.3125rem; }
    @media (min-width:767px) {
      .select {
        
        font-size: 0.875rem; } }
    .select-fieldset {
      position: relative; }
      .select-fieldset:not(:last-of-type) {
        margin-block-end: var(--gap-md); }
    .select-legend {
      font-family: var(--font-medium);
      font-size: 0.75rem;
      text-transform: uppercase;
      display: block;
      margin: 0 0 0.125rem 0;
      color: var(--text-muted-color); }
    .select-button {
      width: 100%;
      font-family: var(--font-regular);
      font-size: 1rem;
      background-color: var(--lightBlueGray);
      color: var(--text-color);
      border-width: 0.0625rem;
      border-style: solid;
      border-color: var(--ui-border-color);
      border-radius: 0.25rem;
      padding: 0.875rem 0.5rem;
      transition: var(--form-control-transition);
      min-block-size: var(--input-height);
      position: relative;
      text-align: left;
      appearance: none;
      padding-inline-end: var(--icon-size-md); }
      .select-button[aria-expanded="true"]::after {
        color: var(--ui-active-color);
        transform: rotate(180deg); }
      .select-button::after {
        position: absolute;
        inset: var(--form-control-padding-y) var(--form-control-padding-x) auto auto;
        transition: transform 0.2s ease;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: var(--text-muted-color);
        content: ""; }
      .select-button:not(:disabled):hover {
        border-color: var(--ui-active-color); }
      .select-button:disabled {
        background-color: var(--gray100);
        border-color: var(--gray500);
        cursor: not-allowed;
        opacity: 1; }
      .select-button:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      .select-button-text {
        pointer-events: none;
        
        display: -webkit-box;
        white-space: normal;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
      .select-button[aria-expanded="true"] {
        border-color: var(--ui-active-color);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
      @media (min-width:767px) {
        .select-button {
          
          font-size: 0.875rem; } }
      .select-button.is-oclb::after {
        transform: rotate(-90deg); }
    .select-search[type="search"] {
      width: 100%;
      font-family: var(--font-regular);
      font-size: 1rem;
      background-color: var(--lightBlueGray);
      color: var(--text-color);
      border-width: 0.0625rem;
      border-style: solid;
      border-color: var(--ui-border-color);
      border-radius: 0.25rem;
      padding: 0.875rem 0.5rem;
      transition: var(--form-control-transition);
      min-block-size: var(--input-height); }
      .select-search[type="search"]:not(:disabled):hover {
        border-color: var(--ui-active-color); }
      .select-search[type="search"]:disabled {
        background-color: var(--gray100);
        border-color: var(--gray500);
        cursor: not-allowed;
        opacity: 1; }
      .select-search[type="search"]:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      .select-search[type="search"]:not(.is-oclb) {
        position: absolute;
        inset: 0 auto auto 0;
        width: calc(100% - var(--icon-size-md));
        border-color: var(--ui-active-color);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: border-color 0.2s ease; }
        .select-search[type="search"]:not(.is-oclb):focus-visible {
          outline: 0; }
      .select-search[type="search"].is-oclb {
        border-radius: var(--ui-pill-radius);
        padding-inline-end: var(--icon-size-lg); }
      @media (min-width:767px) {
        .select-search[type="search"] {
          
          font-size: 0.875rem; } }
    .select-search-wrap {
      position: relative; }
    .select-search-icon {
      position: absolute;
      inset: 50% var(--gap-xs) auto auto;
      padding: 0;
      transform: translateY(-50%); }
    .select-listbox:not(.is-oclb) {
      list-style: none;
      margin: 0;
      padding: 0;
      border: var(--ui-border-width) solid var(--ui-active-color);
      border-top: 0;
      border-bottom-right-radius: var(--section-border-radius);
      border-bottom-left-radius: var(--section-border-radius);
      overflow: hidden;
      inline-size: 100%; }
      @media (min-width:767px) {
        .select-listbox:not(.is-oclb) {
          position: absolute;
          max-height: 14.375rem;
          
          font-size: 0.875rem;
          box-shadow: var(--shadow-md);
          overflow-y: auto;
          z-index: 999; }
          .select-listbox:not(.is-oclb)::-webkit-scrollbar {
            width: 1rem; }
          .select-listbox:not(.is-oclb)::-webkit-scrollbar-track {
            background-color: var(--gray100); }
          .select-listbox:not(.is-oclb)::-webkit-scrollbar-thumb {
            background-color: var(--gray500);
            border: 0.1875rem solid var(--gray100);
            border-radius: var(--ui-pill-radius); }
          .select-listbox:not(.is-oclb)::-webkit-scrollbar-track {
            border-bottom-right-radius: var(--section-border-radius); } }
    .select-option {
      position: relative;
      background-color: var(--white);
      cursor: pointer; }
      .select-option:hover:not([aria-disabled="true"]) {
        background-color: var(--gray100); }
      .select-option:not([aria-disabled="true"]):focus-visible {
        color: var(--white);
        background-color: var(--ui-active-color);
        outline: 0; }
      .select-option[aria-disabled="true"]:focus-visible {
        outline: var(--outline-width) solid var(--outline-color);
        outline-offset: -0.125rem;
        z-index: 1; }
      .select-option:not(:last-of-type) {
        border-bottom: var(--ui-border-width) solid var(--ui-border-color); }
      .select-option[aria-disabled="true"] {
        color: var(--gray500);
        background-color: var(--gray100);
        cursor: not-allowed; }
        .select-option[aria-disabled="true"]::before, .select-option[aria-disabled="true"]::after {
          opacity: 0.7; }
      .select-option:is([aria-checked="true"], [aria-selected="true"]):not([aria-disabled]):focus-visible::before, .select-option:is([aria-checked="true"], [aria-selected="true"]):not([aria-disabled]):focus-visible::after {
        color: var(--white); }
      .select-option[aria-selected="true"]::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-md);
        color: var(--ui-active-color);
        content: ""; }
      .select-option[aria-selected="true"].is-oclb {
        background-color: var(--blue50); }
        .select-option[aria-selected="true"].is-oclb:focus-visible {
          outline: var(--outline-width) var(--outline-style) var(--outline-color);
          outline-offset: var(--outline-offset);
          position: relative;
          color: var(--text-color);
          z-index: 1; }
          .select-option[aria-selected="true"].is-oclb:focus-visible::after {
            color: var(--ui-active-color); }
      .select-option:is([aria-checked="false"], [aria-checked="mixed"]):not([aria-disabled]):focus-visible::before {
        border-color: var(--white); }
      .select-option.is-oclb > div {
        pointer-events: none; }
      .select-option.is-oclb[aria-selected="false"]::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: var(--text-color);
        content: ""; }
      .select-option.is-oclb[aria-selected="false"]:focus-visible::after {
        color: var(--white); }
      .select-option:where(.hidden-group, .filtered) {
        display: none !important; }
    .select-empty:not(.show) {
      display: none; }
    .select-empty:not(.is-oclb) {
      position: absolute;
      width: 100%;
      padding: var(--gap-sm);
      background-color: var(--white);
      border: var(--ui-border-width) solid var(--ui-active-color);
      border-bottom-right-radius: var(--section-border-radius);
      border-bottom-left-radius: var(--section-border-radius);
      margin-block-start: -0.0625rem;
      border-block-start: 0;
      transform: translateY(1px);
      z-index: 1; }
    .select-counter {
      display: flex;
      flex-basis: 100%;
      align-items: center;
      gap: var(--gap-xs); }
    .select-message {
      margin-block-start: var(--gap-xxs);
      display: flex;
      gap: var(--gap-xxs); }
      .select-message.error {
        display: none; }
      .select-message:is(.error, .success)::before {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm); }
      .select-message.error::before {
        content: ""; }
      .select-message.success::before {
        content: ""; }
    .select-messages {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: 0; }
      .select-messages .select-message:is(.success, .error) {
        order: 1; }
      .select-messages .select-message.info {
        order: 2; }
    .select-fieldset[aria-invalid="true"] :is(.select-message.error-color, .select-legend) {
      color: var(--error-color); }
    .select-fieldset[aria-invalid="true"] :is(.select-button, .select-listbox, .select-search, .select-empty) {
      border-color: var(--error-color); }
    .select-fieldset[aria-invalid="true"] .select-message.error-color {
      display: flex; }
    .select-fieldset[aria-invalid="false"] .select-message.error-color {
      display: none; }
  @media (min-width:992px) {
    .popdown {
      position: relative; }
      .desktop-grid-view .popdown {
        position: unset; } }
  .popdown-toggle {
    position: relative; }
    @media (max-width:992px) {
      .popdown-toggle[aria-expanded="true"]::after {
        position: fixed;
        content: "";
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        transition: background-color var(--ui-animation-duration) var(--ui-animation-easing), backdrop-filter var(--ui-animation-duration) var(--ui-animation-easing);
        z-index: 999;
        backdrop-filter: blur(2px); } }
    @media (min-width:992px) {
      .popdown-toggle[aria-expanded="true"]::after {
        position: absolute;
        display: block;
        width: 0.625rem;
        height: 0.625rem;
        background-color: var(--lightBlueGray);
        border-top: 0.0625rem solid var(--ui-border-color);
        border-left: 0.0625rem solid var(--ui-border-color);
        transform: translate(-50%, 0) rotate(45deg);
        z-index: 2;
        inset: auto auto -0.375rem 50%;
        content: ""; } }
  .popdown driven-icon {
    pointer-events: none; }
  .popdown-menu {
    min-width: 12.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0.0625rem solid var(--ui-border-color);
    box-shadow: var(--shadow-md);
    z-index: 999; }
    @media (max-width:992px) {
      .popdown-menu {
        position: fixed;
        background-color: var(--white);
        overflow: hidden;
        inset: auto 0 0;
        padding-block-start: var(--gap-sm);
        border-start-start-radius: var(--border-radius-md);
        border-start-end-radius: var(--border-radius-md);
        transition: translate var(--ui-animation-duration) var(--ui-animation-easing); }
        .popdown-menu:not(.show) {
          translate: 0 100%;
          display: none; }
        .popdown-menu::before, .popdown-menu::after {
          font-family: "GT America Md", sans-serif;
          font-size: 1rem;
          font-weight: 500;
          display: flex;
          align-items: center;
          padding-inline: var(--button-padding-x); }
        .popdown-menu::before {
          block-size: 4rem;
          content: attr(data-drawer-label); }
        .popdown-menu::after {
          justify-content: center;
          block-size: 5rem;
          text-align: center;
          text-decoration: underline;
          content: "Close"; } }
    @media (min-width:992px) {
      .popdown-menu {
        position: absolute;
        top: 2.125rem;
        left: 0;
        min-width: 15rem;
        max-height: 13.4375rem;
        background-color: var(--lightBlueGray);
        border-radius: var(--border-radius-md);
        overflow-y: auto;
        transform: translateX(calc(-100% + 2.65625rem));
        z-index: 1; }
        .popdown-menu:not(.show) {
          display: none; } }
  @media (min-width:992px) {
    .popdown-item:first-of-type .popdown-link {
      border-top-left-radius: var(--border-radius-md);
      border-top-right-radius: var(--border-radius-md); }
    .popdown-item:last-of-type .popdown-link {
      border-bottom-right-radius: var(--border-radius-md);
      border-bottom-left-radius: var(--border-radius-md); } }
  .popdown-item {
    display: flex; }
    @media (max-width:992px) {
      .popdown-item {
        position: relative;
        width: calc(100% - 2rem);
        margin-inline: auto;
        border-block-end: 0.0625rem solid var(--ui-border-color); }
        .popdown-item.hidden-mobile {
          display: none; }
        .popdown-item:first-of-type::before {
          position: absolute;
          display: block;
          width: 2.5rem;
          height: 0.3125rem;
          background-color: var(--gray500);
          border-radius: var(--ui-pill-radius);
          transform: translateX(-50%);
          content: "";
          inset: -4.5625rem auto auto 50%; } }
    @media (min-width:992px) {
      .popdown-item {
        width: 100%; }
        .popdown-item:not(:last-of-type) {
          border-bottom: 0.0625rem solid var(--ui-border-color); } }
  .popdown-link {
    background-color: transparent;
    color: var(--text-color);
    border-color: transparent;
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 1;
    text-align: left;
    margin: 0;
    border: 0; }
    .popdown-link:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #e3f2fd; }
    .popdown-link:is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    .popdown-link:is([disabled], [aria-disabled="true"], .disabled) {
      opacity: 0.75; }
    .popdown-link:is(button) {
      cursor: pointer;
      appearance: none; }
    .popdown-link:focus-visible {
      position: relative;
      outline: var(--outline-width) solid var(--outline-color);
      outline-offset: -3px;
      z-index: 1; }
    @media (max-width:992px) {
      .popdown-link {
        font-family: "GT America Md", sans-serif;
        font-size: 1rem;
        font-weight: 500;
        padding: calc(var(--button-padding-y) * 2) calc(var(--button-padding-x) * 0.5);
        background-color: var(--white);
        gap: var(--gap-sm); }
        .popdown-link driven-icon::before {
          font-size: var(--icon-size-md);
          color: var(--ui-active-color);
          inline-size: var(--icon-size-md);
          block-size: var(--icon-size-md); } }
    @media (min-width:992px) {
      .popdown-link {
        font-family: "GT America Rg", sans-serif;
        font-size: 0.875rem;
        font-weight: normal;
        line-height: 1.125rem;
        gap: var(--gap-xs);
        color: var(--text-muted-color);
        padding: var(--gap-sm);
        background-color: var(--lightBlueGray); }
        .popdown-link.disabled, .popdown-link.disabled driven-icon::before {
          color: var(--gray500); }
        .popdown-link:not(.disabled):hover {
          background-color: var(--gray100); }
        .popdown-link driven-icon::before {
          font-size: var(--icon-size-sm);
          color: var(--text-muted-color);
          inline-size: var(--icon-size-sm);
          block-size: var(--icon-size-sm); } }
  .popdown-icon-img {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm); }
  driven-popdown {
    position: relative;
    display: inline-block; }
    driven-popdown:not(.popdown) {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: var(--icon-size-md);
      inline-size: var(--icon-size-md);
      border-radius: var(--icon-size-md);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
      driven-popdown:not(.popdown) > * {
        display: none; }
    driven-popdown > [type="button"][aria-expanded="true"]::after {
      inset: auto auto 0 50%;
      translate: -50% 0; }
    driven-popdown [role="menu"] {
      inset: 100% auto auto 0; }
  .warn {
    margin-block: var(--gap-sm) var(--gap-lg);
    text-align: center; }
    .warn::before {
      display: block;
      margin-block-end: var(--gap-sm);
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-lg);
      color: var(--gray700);
      content: ""; }
    .warn > * {
      font-family: "GT America Md", sans-serif;
      font-size: 1rem;
      font-weight: 500;
      margin-block-start: var(--gap-sm);
      color: var(--text-color); }
    @media (max-width:767px) {
      .warn {
        margin-block: var(--gap-xs) var(--gap-md); } }
  .maxlines {
    display: flex;
    flex-basis: 100%;
    align-items: flex-start;
    gap: var(--gap-xxs); }
    .maxlines > p {
      --maxlines: 1;
      margin-block: 0;
      display: -webkit-box;
      white-space: normal;
      overflow: hidden;
      -webkit-line-clamp: var(--maxlines);
      -webkit-box-orient: vertical; }
    .maxlines button[data-toggle="maxlines"] {
      text-transform: lowercase;
      padding: 0; }
    .maxlines :is(button, driven-icon) {
      transform: translateY(0.125rem); }
  @media (max-width:991px) {
    .tabulator .maxlines {
      padding: var(--gap-xs) var(--gap-sm) var(--gap-sm); } }
  
  .slides-container {
    --transition-duration: 500ms;
    position: relative;
    overflow: hidden; }
    .slides-container.has-nav-arrows {
      --arrow-size: var(--icon-size-md); }
    .slides-container.has-picker-dots {
      --dot-size: var(--icon-size-sm); }
  .slides-stage.has-slide-overflow {
    margin-inline: var(--gap-md); }
  .slides-stage:where(.has-animation-fade, .has-animation-slide:not(.has-slide-overflow)) .slides-slide {
    opacity: 0;
    visibility: hidden; }
  .slides-stage.has-animation-slide {
    --offset: calc(var(--active-slide-index, 0) * -100%);
    --transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); }
  .slides-stage.has-animation-none .slides-slide {
    visibility: hidden; }
  .slides-stage.has-animation-none .slides-slide.is-active {
    visibility: visible; }
  .slides-stage:is(.has-animation-fade, .has-animation-none) .slides-slide {
    position: absolute; }
  .slides-stage:is(.has-animation-fade, .has-animation-slide) .slides-slide {
    transition-timing-function: var(--transition-timing-function, ease);
    transition-duration: var(--slide-transition-duration, 750ms);
    transition-property: visibility, opacity, translate, position;
    transition-behavior: allow-discrete; }
  .slides-stage:is(.has-animation-fade, .has-animation-slide) .slides-slide.is-active {
    opacity: 1;
    visibility: visible; }
  @starting-style {
    .slides-stage:is(.has-animation-fade, .has-animation-slide) .slides-slide.is-active {
      opacity: 0;
      visibility: hidden; } }
  .slides-stage {
    --slide-height: 6.25rem;
    position: relative;
    display: flex;
    block-size: var(--slide-height);
    transition: block-size var(--transition-duration); }
    @media (min-width:767px) {
      .slides-stage {
        margin-inline: calc(var(--arrow-size, 0) * 1.75); } }
  .slides-slide {
    flex: 1 0 100%;
    align-self: flex-start;
    translate: var(--offset, 0); }
  .slides-slide[aria-hidden="true"] {
    pointer-events: none; }
  .slides-arrow {
    font-size: var(--arrow-size);
    outline-offset: -2px;
    transition: opacity var(--transition-duration); }
    @media (min-width:767px) {
      .slides-arrow {
        --arrow-size: var(--icon-size-lg);
        position: absolute;
        top: 50%;
        translate: 0 -50%; } }
  .slides-arrow[disabled] {
    opacity: 0; }
  .slides-arrow[data-slide="prev"] {
    left: 0; }
  .slides-arrow[data-slide="next"] {
    right: 0; }
  .slides-arrow ~ .slides-picker:not(.hidden) {
    margin-block-start: var(--gap-sm); }
  .slides-dot {
    margin: 0;
    padding: 0;
    background: var(--darkSkyBlue);
    border: 0;
    border-radius: var(--dot-size, 0);
    inline-size: var(--dot-size, 0);
    block-size: var(--dot-size, 0);
    transition: opacity 150ms; }
  .slides-dot:not(.is-active):hover {
    opacity: 0.7; }
  .slides-dot.is-active {
    background: var(--ui-active-color);
    cursor: default; }
  dialog:is(.moodal, .offcanvas) {
    --offcanvas-width: 25rem;
    --modal-width: 33.75rem;
    --close-button-size: 1.75rem;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: var(--shadow-lg);
    box-sizing: border-box; }
    dialog:is(.moodal, .offcanvas) :is(h1, h2, h3, h4, h5, h6, p, li) {
      max-inline-size: 80ch; }
    dialog:is(.moodal, .offcanvas) > button[data-dialog="close"] {
      position: absolute;
      inset: var(--section-padding-x) var(--section-padding-x) auto auto;
      justify-content: center;
      z-index: 1;
      background-color: #000;
      color: var(--white);
      border-color: #000;
      font-size: var(--close-button-size);
      inline-size: var(--close-button-size);
      block-size: var(--close-button-size);
      border-radius: var(--close-button-size); }
      dialog:is(.moodal, .offcanvas) > button[data-dialog="close"]:not([disabled], [aria-disabled="true"], .disabled):hover {
        background-color: #212121;
        color: var(--white);
        border-color: #212121; }
      dialog:is(.moodal, .offcanvas) > button[data-dialog="close"]:is([disabled], [aria-disabled="true"], .disabled) {
        background-color: #e0e0e0;
        color: var(--text-disabled-color);
        border-color: var(--ui-border-color);
        cursor: not-allowed;
        pointer-events: none; }
      dialog:is(.moodal, .offcanvas) > button[data-dialog="close"]:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
    dialog:is(.moodal, .offcanvas) :is(dialog-header, dialog-main, dialog-footer) {
      display: block;
      padding: var(--gap-sm) var(--section-padding-x); }
    dialog:is(.moodal, .offcanvas) dialog-section:not([hidden]) {
      display: block; }
    dialog:is(.moodal, .offcanvas) dialog-header {
      padding-block: var(--gap-sm); }
      dialog:is(.moodal, .offcanvas) dialog-header :is(h1, h2, h3, h4, h5, h6) {
        margin: 0; }
    dialog:is(.moodal, .offcanvas) dialog-main {
      flex-basis: 100%; }
    dialog:is(.moodal, .offcanvas) dialog-main:only-child {
      padding-block: var(--gap-md); }
    dialog:is(.moodal, .offcanvas) dialog-footer {
      padding-block-end: var(--gap-md); }
      dialog:is(.moodal, .offcanvas) dialog-footer [class*="btn-"] {
        display: block;
        inline-size: 100%;
        max-inline-size: 21.375rem; }
    dialog:is(.moodal, .offcanvas):not(.has-backdrop)::backdrop {
      background: transparent; }
    dialog:is(.moodal, .offcanvas).has-backdrop::backdrop {
      background-color: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(2px); }
    dialog:is(.moodal, .offcanvas).has-animations.has-backdrop::backdrop {
      animation: backdropFadeIn 250ms; }
    dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] {
      display: flex;
      flex-direction: column;
      min-block-size: 50dvh; }
      dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] > form {
        display: flex;
        flex-direction: column;
        height: 100dvh; }
      dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-header:not(.is-oclb) {
        border-block-end: 0.0625rem solid var(--ui-border-color); }
      dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-header.is-oclb {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 0; }
        dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-header.is-oclb > button {
          flex-shrink: 0; }
        dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-header.is-oclb .select-heading {
          flex-basis: calc(95% - var(--icon-size-md)); }
        dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-header.is-oclb :where(.select-search, .select-empty, .select-search-wrap) {
          flex-basis: 100%; }
      dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-main {
        flex-grow: 1;
        overflow-y: auto; }
      dialog:is(.moodal, .offcanvas).has-sticky-scroll[open] dialog-footer {
        border-block-start: 0.0625rem solid var(--ui-border-color); }
    dialog:is(.moodal, .offcanvas).moodal {
      --width: var(--modal-width);
      --section-padding-x: var(--gap-lg);
      border-radius: var(--section-border-radius);
      opacity: 0;
      transform: translate(-50%, -50%);
      inline-size: calc(100% - 2rem);
      max-inline-size: var(--width); }
      dialog:is(.moodal, .offcanvas).moodal :is(dialog-header, dialog-main, dialog-footer) {
        margin-inline: auto; }
      dialog:is(.moodal, .offcanvas).moodal[open] {
        opacity: 1;
        transform: translate(-50%, 0);
        margin-block: auto;
        inset: 0 0 0 50%; }
        dialog:is(.moodal, .offcanvas).moodal[open].has-animations {
          animation: modalIn 250ms; }
      dialog:is(.moodal, .offcanvas).moodal::-webkit-scrollbar-track {
        border-top-right-radius: var(--section-border-radius);
        border-bottom-right-radius: var(--section-border-radius); }
    dialog:is(.moodal, .offcanvas).offcanvas {
      --width: var(--offcanvas-width);
      --section-padding-x: var(--gap-sm);
      width: 100%;
      max-width: 100dvw;
      height: 100dvh;
      max-height: unset;
      transform: translateX(100%);
      inset: 0 0 0 auto; }
      dialog:is(.moodal, .offcanvas).offcanvas dialog-header :is(h1, h2, h3, h4, h5, h6) {
        padding-inline-end: 2rem; }
      dialog:is(.moodal, .offcanvas).offcanvas[open] {
        transform: translateX(0); }
        dialog:is(.moodal, .offcanvas).offcanvas[open].has-animations {
          animation: offcanvasIn 250ms; }
      @media (min-width:540px) {
        dialog:is(.moodal, .offcanvas).offcanvas {
          max-inline-size: var(--width); } }
      dialog:is(.moodal, .offcanvas).offcanvas.has-tabs.has-horizontal-tabs {
        --tablist-height: 3.25rem;
        overflow: hidden; }
        dialog:is(.moodal, .offcanvas).offcanvas.has-tabs.has-horizontal-tabs > button {
          inset: var(--tablist-height) var(--section-padding-x) auto auto; }
      dialog:is(.moodal, .offcanvas).offcanvas.has-tabs.has-vertical-tabs {
        --tablist-height: auto;
        overflow: visible; }
      dialog:is(.moodal, .offcanvas).offcanvas.is-offcanvas-select {
        overflow-x: hidden; }
    dialog:is(.moodal, .offcanvas) dialog-footer.is-sticky {
      position: sticky;
      bottom: 0;
      background: var(--white);
      z-index: 99;
      border-block-start: 1px solid var(--ui-border-color); }
      @media (min-width:540px) {
        dialog:is(.moodal, .offcanvas) dialog-footer.is-sticky {
          right: 0; } }
    dialog:is(.moodal, .offcanvas) dialog-main::-webkit-scrollbar {
      width: 1rem; }
    dialog:is(.moodal, .offcanvas) dialog-main::-webkit-scrollbar-track {
      background-color: var(--gray100); }
    dialog:is(.moodal, .offcanvas) dialog-main::-webkit-scrollbar-thumb {
      background-color: var(--gray500);
      border: 0.1875rem solid var(--gray100);
      border-radius: var(--ui-pill-radius); }
    dialog:is(.moodal, .offcanvas) .filters-slide-wrap {
      margin-block-start: 0; }
  ::-webkit-details-marker {
    display: none; }
  details[aria-disabled="true"] summary {
    color: var(--text-disabled-color);
    cursor: not-allowed;
    pointer-events: none; }
    details[aria-disabled="true"] summary::after {
      opacity: 0.35; }
  details[aria-disabled="true"][aria-busy="true"] summary {
    cursor: wait; }
    details[aria-disabled="true"][aria-busy="true"] summary::after {
      display: inline-block;
      width: var(--icon-size-sm);
      height: var(--icon-size-sm);
      margin-top: calc(var(--icon-size-sm) * -0.5);
      margin-left: calc(var(--icon-size-sm) * -0.5);
      border: 0.125rem solid var(--gray100);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0; }
  .expander {
    border-bottom: 0.0625rem solid var(--ui-border-color);
    padding-block-end: 0.375rem;
    margin-block-end: 0.375rem; }
    .expander > summary {
      position: relative;
      display: block;
      border-radius: var(--border-radius-xs);
      padding-block: 0.375rem;
      padding-inline-end: var(--icon-size-md);
      cursor: pointer; }
      .expander > summary:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      .expander > summary :where(h1, h2, h3, h4, h5, h6) {
        margin: 0; }
      .expander > summary:hover::after {
        background-color: var(--blue50); }
      .expander > summary::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: currentColor;
        content: "";
        position: absolute;
        inset: 0.375rem 0 auto auto;
        border-radius: 50%;
        transition: background-color 0.3s ease, transform 0.3s ease, color 0.3s ease; }
    .expander:last-of-type {
      margin-block-end: 1rem; }
    .expander[open] > summary::after {
      color: var(--ui-active-color);
      transform: rotate(180deg); }
  [data-busy]:empty,
  [data-busy].js-is-busy {
    position: relative;
    margin: auto;
    cursor: progress; }
    [data-busy]:empty::before,
    [data-busy].js-is-busy::before {
      position: absolute;
      inset: 50% auto auto 50%;
      translate: -50% -50%; }
    [data-busy]:empty[data-busy="xs"]::before,
    [data-busy].js-is-busy[data-busy="xs"]::before {
      display: inline-block;
      width: var(--icon-size-xs);
      height: var(--icon-size-xs);
      margin-top: calc(var(--icon-size-xs) * -0.5);
      margin-left: calc(var(--icon-size-xs) * -0.5);
      border: calc(var(--icon-size-xs) * 0.1) solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
    [data-busy]:empty[data-busy="sm"]::before,
    [data-busy].js-is-busy[data-busy="sm"]::before {
      display: inline-block;
      width: var(--icon-size-sm);
      height: var(--icon-size-sm);
      margin-top: calc(var(--icon-size-sm) * -0.5);
      margin-left: calc(var(--icon-size-sm) * -0.5);
      border: calc(var(--icon-size-sm) * 0.1) solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
    [data-busy]:empty[data-busy="md"]::before,
    [data-busy].js-is-busy[data-busy="md"]::before {
      display: inline-block;
      width: var(--icon-size-md);
      height: var(--icon-size-md);
      margin-top: calc(var(--icon-size-md) * -0.5);
      margin-left: calc(var(--icon-size-md) * -0.5);
      border: calc(var(--icon-size-md) * 0.1) solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
    [data-busy]:empty[data-busy="lg"]::before,
    [data-busy].js-is-busy[data-busy="lg"]::before {
      display: inline-block;
      width: var(--icon-size-lg);
      height: var(--icon-size-lg);
      margin-top: calc(var(--icon-size-lg) * -0.5);
      margin-left: calc(var(--icon-size-lg) * -0.5);
      border: calc(var(--icon-size-lg) * 0.1) solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
    [data-busy]:empty[data-busy="xl"]::before,
    [data-busy].js-is-busy[data-busy="xl"]::before {
      display: inline-block;
      width: var(--icon-size-xl);
      height: var(--icon-size-xl);
      margin-top: calc(var(--icon-size-xl) * -0.5);
      margin-left: calc(var(--icon-size-xl) * -0.5);
      border: calc(var(--icon-size-xl) * 0.1) solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
    [data-busy]:empty[data-busy="xxl"]::before,
    [data-busy].js-is-busy[data-busy="xxl"]::before {
      display: inline-block;
      width: var(--icon-size-xxl);
      height: var(--icon-size-xxl);
      margin-top: calc(var(--icon-size-xxl) * -0.5);
      margin-left: calc(var(--icon-size-xxl) * -0.5);
      border: calc(var(--icon-size-xxl) * 0.1) solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
    [data-busy]:empty:is([data-busy=""])::before,
    [data-busy].js-is-busy:is([data-busy=""])::before {
      display: inline-block;
      width: var(--icon-size-md);
      height: var(--icon-size-md);
      margin-top: calc(var(--icon-size-md) * -0.5);
      margin-left: calc(var(--icon-size-md) * -0.5);
      border: 0.1875rem solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
  [data-busy]:not(.js-is-busy):empty[data-busy="xs"] {
    min-block-size: var(--icon-size-xs);
    min-inline-size: var(--icon-size-xs); }
  [data-busy]:not(.js-is-busy):empty[data-busy="sm"] {
    min-block-size: var(--icon-size-sm);
    min-inline-size: var(--icon-size-sm); }
  [data-busy]:not(.js-is-busy):empty[data-busy="md"] {
    min-block-size: var(--icon-size-md);
    min-inline-size: var(--icon-size-md); }
  [data-busy]:not(.js-is-busy):empty[data-busy="lg"] {
    min-block-size: var(--icon-size-lg);
    min-inline-size: var(--icon-size-lg); }
  [data-busy]:not(.js-is-busy):empty[data-busy="xl"] {
    min-block-size: var(--icon-size-xl);
    min-inline-size: var(--icon-size-xl); }
  [data-busy]:not(.js-is-busy):empty[data-busy="xxl"] {
    min-block-size: var(--icon-size-xxl);
    min-inline-size: var(--icon-size-xxl); }
  [data-busy]:not(.js-is-busy):empty:is([data-busy=""])::before {
    display: inline-block;
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    margin-top: calc(var(--icon-size-md) * -0.5);
    margin-left: calc(var(--icon-size-md) * -0.5);
    border: 0.1875rem solid rgba(0, 0, 0, 0.05);
    border-top-color: var(--gray600);
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
    content: "";
    margin: 0;
    box-sizing: border-box; }
  [data-busy="switch"] {
    min-block-size: var(--size, 1.5rem);
    min-inline-size: var(--size, 1.5rem); }
    [data-busy="switch"]::before {
      display: inline-block;
      width: var(--size, 1.5rem);
      height: var(--size, 1.5rem);
      margin-top: calc(var(--size, 1.5rem) * -0.5);
      margin-left: calc(var(--size, 1.5rem) * -0.5);
      border: 0.1875rem solid rgba(0, 0, 0, 0.05);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      margin: 0;
      box-sizing: border-box; }
  [data-loading] {
    --ring-element-size: 7.8125rem;
    --ring-border-width: 0.6875rem; }
    [data-loading]:empty, [data-loading].js-is-busy {
      position: relative; }
      [data-loading]:empty::before, [data-loading]:empty::after, [data-loading].js-is-busy::before, [data-loading].js-is-busy::after {
        position: absolute;
        translate: -50% -50%;
        inset: 50% auto auto 50%;
        box-sizing: border-box; }
      [data-loading]:empty::before, [data-loading].js-is-busy::before {
        display: inline-block;
        width: var(--ring-element-size);
        height: var(--ring-element-size);
        margin-top: calc(var(--ring-element-size) * -0.5);
        margin-left: calc(var(--ring-element-size) * -0.5);
        border: var(--ring-border-width) solid var(--gray300);
        border-top-color: var(--ui-active-color);
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
        content: "";
        margin: 0;
        border-top-color: var(--ui-active-color);
        border-right-color: var(--blue50);
        border-left-color: var(--gray500); }
      [data-loading]:empty::after, [data-loading].js-is-busy::after {
        font-family: "GT America Md", sans-serif;
        font-size: 0.75rem;
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        width: var(--ring-element-size);
        height: var(--ring-element-size);
        color: var(--text-muted-color);
        text-align: center;
        padding: var(--ring-border-width);
        cursor: progress; }
      [data-loading]:empty:not([data-loading=""])::after, [data-loading].js-is-busy:not([data-loading=""])::after {
        content: "Loading " attr(data-loading) "…"; }
      [data-loading]:empty:is([data-loading=""])::after, [data-loading].js-is-busy:is([data-loading=""])::after {
        content: "Loading…"; }
  [data-loading]:not(.js-is-busy):empty {
    margin: auto;
    min-block-size: var(--ring-element-size);
    min-inline-size: var(--ring-element-size); }
  [data-skeleton]:empty {
    background-color: rgba(0, 0, 0, 0.05);
    block-size: 1.125rem;
    inline-size: 100%;
    border-radius: var(--ui-pill-radius);
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
    [data-skeleton]:empty:not([class*="ts-"], [data-skeleton^="ts-"]) {
      min-block-size: 1.125rem; }
  [data-skeleton]:is(.ts-h1, [data-skeleton="ts-h1"]):empty {
    min-block-size: 2.5rem; }
  [data-skeleton]:is(.ts-h2, [data-skeleton="ts-h2"]):empty {
    min-block-size: 1.8125rem; }
  [data-skeleton]:is(.ts-h3-aa, [data-skeleton="ts-h3-aa"]):empty {
    min-block-size: 1.25rem; }
  [data-skeleton]:is(.ts-subtitle-1, [data-skeleton="ts-subtitle-1"]):empty {
    min-block-size: 1.25rem; }
  [data-skeleton]:is(.ts-body-1, [data-skeleton="ts-body-1"]):empty {
    min-block-size: 1.125rem; }
  [data-skeleton]:is(.ts-body-2-aa, [data-skeleton="ts-body-2-aa"]):empty {
    min-block-size: 1.125rem; }
  [data-skeleton]:is(.ts-caption, [data-skeleton="ts-caption"]):empty {
    min-block-size: 0.9375rem; }
  [data-skeleton]:is(.ts-n1, [data-skeleton="ts-n1"]):empty {
    min-block-size: 3.5625rem; }
  [data-skeleton]:is(.ts-n2, [data-skeleton="ts-n2"]):empty {
    min-block-size: 3.5rem; }
  [data-skeleton]:is(.ts-n3, [data-skeleton="ts-n3"]):empty {
    min-block-size: 2.75rem; }
  [data-skeleton]:is(.ts-n4, [data-skeleton="ts-n4"]):empty {
    min-block-size: 1.5625rem; }
  driven-accordion > driven-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 300ms; }
  .accordion-panel:where(.is-expanding, .is-expanded:not(.is-collapsing)) {
    grid-template-rows: 1fr; }
  .accordion-panel.is-expanded {
    border-block-end: 1px solid var(--ui-border-color); }
  .accordion-content {
    overflow: hidden; }
  .accordion-button {
    inline-size: 100%;
    margin: 0;
    background: var(--white);
    border: 0; }
    .accordion-button:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset);
      border-radius: var(--border-radius-xs); }
    .accordion-button > * {
      pointer-events: none; }
    .accordion-button[aria-disabled="true"] {
      color: var(--text-disabled-color);
      cursor: not-allowed; }
    .accordion-button[aria-disabled="false"]:hover::after {
      color: var(--ui-active-color); }
    .accordion-button::after {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: currentColor;
      content: "";
      transition: rotate 300ms, color 300ms;
      margin-inline: auto 0; }
    .accordion-button[aria-expanded="true"]::after {
      rotate: 180deg;
      color: var(--ui-active-color); }
  driven-toolbar {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    gap: var(--gap-sm); }
    driven-toolbar[aria-orientation="vertical"] {
      flex-direction: column;
      align-items: end; }
    @media (min-width:991px) {
      driven-toolbar {
        justify-content: flex-end; } }
    @media (max-width:991px) {
      driven-toolbar driven-search {
        position: static !important;
        right: 0 !important; }
      driven-toolbar driven-search > button[data-toggle="search"] {
        position: relative;
        inset: unset;
        transform: none; }
      driven-toolbar driven-search > button[data-toggle="search"][aria-expanded="true"] {
        z-index: 2; }
        driven-toolbar driven-search > button[data-toggle="search"][aria-expanded="true"] + input[type="search"] {
          padding-inline: var(--gap-xl) var(--gap-xs); }
      driven-toolbar driven-search > button[data-toggle="search"] + input[type="search"] {
        position: absolute;
        inset: 0 0 0 calc(var(--gap-xxs) * -1);
        margin: auto;
        inline-size: 100%;
        min-block-size: 3.0625rem;
        transform-origin: left;
        padding-inline: 2.75rem 0.5rem;
        z-index: 1; } }
    driven-toolbar driven-search > button[data-toggle="search"][data-is-busy] {
      position: absolute !important; }
  driven-toolbar:not(.is-loaded) > driven-tool > * {
    display: none !important; }
  driven-toolbar:not(.is-loaded) > driven-tool {
    background-color: rgba(0, 0, 0, 0.05);
    block-size: var(--icon-size-md);
    inline-size: var(--icon-size-md);
    border-radius: var(--icon-size-md);
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
  .toolbar driven-search {
    right: -0.375rem; }
  @media (max-width:767px) {
    .toolbar .icon-md {
      width: 2rem;
      height: 2rem;
      font-size: 1rem; } }
  .hud {
    display: flex;
    gap: var(--gap-xs) var(--gap-md);
    flex-basis: fit-content;
    flex-direction: column;
    flex-wrap: wrap; }
    @media (min-width:991px) {
      .hud {
        flex-direction: row; } }
    .hud-item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: var(--gap-xxs); }
      .hud-item.hud-daterange > button {
        text-align: left; }
      @media (max-width:991px) {
        .hud-item:not(.hud-counts, .hud-fleet), .hud-item.hud-counts > div:first-of-type {
          display: none; } }
      @media (min-width:991px) {
        .hud-item {
          padding-inline: var(--gap-xs);
          border-left: 0.0625rem solid var(--black);
          min-inline-size: 10rem; } }
    .hud-heading {
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500; }
    .hud-balance .hud-value {
      font-family: "GT America Rg", sans-serif;
      font-size: 1.25rem;
      font-weight: normal;
      line-height: 1.5625rem; }
      .hud-balance .hud-value:not([data-skeleton]):empty {
        background-color: rgba(0, 0, 0, 0.05);
        block-size: 1.5625rem;
        inline-size: 100%;
        border-radius: var(--ui-pill-radius);
        cursor: wait;
        animation: bgTo 1s linear infinite alternate; }
    .hud-daterange button.hud-value {
      border: 0;
      background-color: transparent;
      color: #000;
      text-decoration: underline;
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500; }
      .hud-daterange button.hud-value:not([disabled], [aria-disabled="true"], .disabled):hover {
        text-decoration: none; }
      .hud-daterange button.hud-value:is([disabled], [aria-disabled="true"], .disabled) {
        color: var(--text-disabled-color);
        cursor: not-allowed;
        pointer-events: none; }
      .hud-daterange button.hud-value:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      .hud-daterange button.hud-value:not([data-skeleton]):empty {
        background-color: rgba(0, 0, 0, 0.05);
        block-size: 1.125rem;
        inline-size: 100%;
        border-radius: var(--ui-pill-radius);
        cursor: wait;
        animation: bgTo 1s linear infinite alternate; }
  driven-range:not(.is-loaded) {
    display: grid;
    gap: var(--gap-xs); }
    driven-range:not(.is-loaded) legend {
      inline-size: 100%; }
    driven-range:not(.is-loaded) legend::after {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 2rem;
      inline-size: 100%;
      border-radius: var(--ui-pill-radius);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate;
      content: "";
      display: block;
      margin-block-start: var(--gap-xxs); }
    driven-range:not(.is-loaded) > fieldset :not(legend),
    driven-range:not(.is-loaded) > fieldset::before,
    driven-range:not(.is-loaded) > fieldset::after {
      display: none; }
  .range {
    position: relative; }
    .range.show-min-max::before, .range.show-min-max::after {
      position: absolute;
      font-family: "GT America Md", sans-serif;
      font-size: 0.75rem;
      font-weight: 500;
      letter-spacing: 0.0125rem;
      line-height: 0.9375rem; }
    .range.show-min-max::before {
      inset: auto auto 0 0;
      content: attr(data-min); }
    .range.show-min-max::after {
      inset: auto 0 0 auto;
      content: attr(data-max); }
    .range [type="range"]:not(:hover, :focus) ~ [data-current-value] {
      opacity: 0; }
    .range [type="range"]:disabled ~ [data-current-value] {
      --color: var(--text-disabled-color); }
    .range [data-current-value] {
      --color: var(--ui-active-color);
      --position: 0%;
      position: absolute;
      inset: auto auto auto var(--position);
      translate: calc(var(--position) * -1);
      color: var(--white);
      background: var(--color);
      outline: 0.0625rem solid var(--color);
      transition: opacity 300ms;
      z-index: 99; }
      .range [data-current-value]::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-width: 0 0.3125rem 0.3125rem;
        border-style: solid;
        border-color: transparent transparent var(--color);
        inset: -0.3125rem auto auto var(--position);
        translate: calc(var(--position) * -1); }
      .range [data-current-value]::after {
        content: attr(data-current-value); }
  .btn-switch {
    --width: 3.3125rem;
    --height: 1.875rem;
    position: relative; }
    .btn-switch.btn-sm {
      --width: 2.84875rem;
      --height: 1.3875rem; }
  :where(.btn-switch [role="switch"], .btn-switch-track) {
    position: absolute;
    z-index: 1; }
  .btn-switch [role="switch"] {
    appearance: none;
    cursor: pointer;
    z-index: 2; }
    .btn-switch [role="switch"]:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .btn-switch[role="switch"] {
    transition: border-color 250ms ease; }
    .btn-switch[role="switch"]:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  :is(.btn-switch, .btn-switch [role="switch"], .btn-switch-track) {
    display: inline-block;
    width: var(--width);
    height: var(--height);
    padding: 0;
    border: 0.0625rem solid transparent;
    border-radius: 100vmax;
    box-sizing: content-box; }
  :is(.btn-switch[role="switch"], .btn-switch [role="switch"] + .btn-switch-track)::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 0;
    width: var(--height);
    height: var(--height);
    border-radius: 50%;
    box-shadow: var(--shadow-sm);
    transition: translate 250ms ease-out;
    scale: 86%; }
  :is(.btn-switch[role="switch"][aria-checked="false"], .btn-switch [role="switch"] + .btn-switch-track) {
    background: transparent;
    border-color: var(--gray700); }
    :is(.btn-switch[role="switch"][aria-checked="false"], .btn-switch [role="switch"] + .btn-switch-track)::after {
      translate: 0 -50%;
      background: var(--gray700); }
  :is(.btn-switch[role="switch"][aria-checked="true"], .btn-switch [role="switch"]:checked + .btn-switch-track) {
    background: var(--success-color);
    border-color: var(--green900); }
    :is(.btn-switch[role="switch"][aria-checked="true"], .btn-switch [role="switch"]:checked + .btn-switch-track)::after {
      translate: calc(var(--width) - var(--height)) -50%;
      background: var(--white); }
  :is(.btn-switch[role="switch"]:not(:disabled):hover, .btn-switch     [role="switch"]:not(:disabled):hover + .btn-switch-track) {
    border-color: var(--ui-active-color); }
  :is(.btn-switch[role="switch"], .btn-switch [role="switch"]):disabled {
    cursor: not-allowed; }
    :is(.btn-switch[role="switch"], .btn-switch [role="switch"]):disabled[data-is-busy] {
      cursor: wait; }
  :is(.btn-switch[role="switch"][aria-checked="false"]:disabled, .btn-switch     [role="switch"]:disabled + .btn-switch-track) {
    background: var(--gray100);
    border-color: var(--gray300); }
    :is(.btn-switch[role="switch"][aria-checked="false"]:disabled, .btn-switch     [role="switch"]:disabled + .btn-switch-track)::after {
      background: var(--gray300); }
  :is(.btn-switch[role="switch"][aria-checked="true"]:disabled, .btn-switch     [role="switch"]:checked:disabled + .btn-switch-track) {
    background: var(--lightBlueGreen);
    border-color: var(--green800); }
    :is(.btn-switch[role="switch"][aria-checked="true"]:disabled, .btn-switch     [role="switch"]:checked:disabled + .btn-switch-track)::after {
      background: var(--white); }
  :is(.btn-switch[role="switch"][data-is-busy]:disabled, .btn-switch     [role="switch"][data-is-busy]:disabled + .btn-switch-track)::after {
    display: inline-block;
    width: var(--height);
    height: var(--height);
    margin-top: calc(var(--height) * -0.5);
    margin-left: calc(var(--height) * -0.5);
    border: 0.125rem solid var(--gray100);
    border-top-color: var(--gray600);
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
    content: "";
    margin: 0; }
  [class*="btn-"][data-notifications]:not([data-notifications="0"]) {
    position: relative; }
  [class*="btn-"][data-notifications]:not([data-notifications="0"])::after {
    position: absolute;
    font-size: 70%;
    
    color: var(--white);
    text-align: center;
    
    background: #b00020;
    border-radius: var(--ui-pill-radius);
    content: attr(data-notifications);
    inset: -0.371875rem -0.371875rem auto auto;
    min-inline-size: calc(1.0625rem - (0.1875rem * 2));
    block-size: 1.0625rem;
    padding-inline: 0.1875rem; }
  .input-split,
  .input-split > div {
    display: flex;
    gap: var(--gap-xxs); }
  .input-split {
    --digit-width: calc(1rem * 0.85);
    width: 100%;
    font-family: var(--font-regular);
    font-size: 1rem;
    background-color: var(--lightBlueGray);
    color: var(--text-color);
    border-width: 0.0625rem;
    border-style: solid;
    border-color: var(--ui-border-color);
    border-radius: 0.25rem;
    padding: 0.875rem 0.5rem;
    transition: var(--form-control-transition);
    min-block-size: var(--input-height);
    flex-wrap: wrap; }
    .input-split:not(:disabled):hover {
      border-color: var(--ui-active-color); }
    .input-split:disabled {
      background-color: var(--gray100);
      border-color: var(--gray500);
      cursor: not-allowed;
      opacity: 1; }
    .input-split:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .input-split:focus-within {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset);
      border-radius: var(--border-radius-xs); }
    .input-split:has(:disabled) {
      background-color: var(--gray100);
      border-color: var(--gray500);
      opacity: 1;
      cursor: not-allowed; }
    .input-split:has(:disabled):hover {
      border-color: var(--gray500); }
    .input-split > div[data-split-before]::before,
    .input-split > div[data-split-after]::after {
      color: var(--text-disabled-color);
      text-align: center; }
    .input-split > div[data-split-before]::before {
      content: attr(data-split-before); }
    .input-split > div[data-split-after]::after {
      content: attr(data-split-after); }
    .input-split input {
      width: var(--width);
      min-block-size: auto;
      text-align: center;
      padding: 0;
      background: none;
      border: 0;
      border-bottom: 0.0625rem solid var(--ui-border-color);
      border-radius: 0; }
      .input-split input:focus-visible {
        border-color: var(--ui-active-color);
        outline: 0; }
    .input-split > driven-icon {
      margin-inline: auto 0; }
  [data-enable-validation="true"] [data-validate] {
    color: var(--error-color);
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 300ms, opacity 300ms; }
  [data-enable-validation="true"] input:is(:invalid, :out-of-range):not(:focus, :placeholder-shown),
  [data-enable-validation="true"] fieldset:invalid:not(:focus-within), [data-enable-validation="true"]:is(fieldset:invalid:not(:focus-within)) .input-split {
    border-color: var(--error-color); }
  [data-enable-validation="true"] input:is(:invalid, :out-of-range):not(:focus, :placeholder-shown) ~ :not(ul, ol)[data-validate="field"] {
    max-height: 50svh;
    opacity: 1;
    visibility: visible; }
  [data-enable-validation="true"] input:is(:invalid, :out-of-range):not(:placeholder-shown) ~ :is(ul, ol)[data-validate="field"] {
    max-height: 50svh;
    opacity: 1;
    visibility: visible; }
  [data-enable-validation="true"]:is(fieldset):invalid:not(:focus-within) [data-validate="fieldset"],
  [data-enable-validation="true"] fieldset:invalid:not(:focus-within) [data-validate="fieldset"] {
    max-height: 50svh;
    opacity: 1;
    visibility: visible; }
  [data-enable-validation="true"] input[aria-invalid="true"] {
    border-color: var(--error-color); }
  [data-enable-validation="true"] input[aria-invalid="true"][data-invalid="mixed"] {
    border-color: var(--featured-color); }
  [data-enable-validation="true"] input[aria-invalid="true"] ~ [data-validate="field"] {
    max-height: 50svh;
    opacity: 1;
    visibility: visible; }
  label:hover + .input-with-addon {
    border-color: var(--ui-active-color); }
  .input-with-addon {
    --addon-width: var(--icon-size-sm);
    --addon-block: calc(calc(var(--form-control-padding-x) * 2) + var(--addon-width));
    position: relative; }
    .input-with-addon > :is(driven-icon, button, driven-tooltip) {
      position: absolute;
      top: calc(var(--input-height) / 2 - calc(var(--icon-size-sm) * 0.5));
      left: var(--form-control-padding-x); }
    .input-with-addon > :is(driven-icon, button, driven-tooltip):not([data-toggle="search"]) + input {
      padding-inline-start: var(--addon-block); }
    .input-with-addon > :is(driven-icon, button, driven-tooltip) + :is(driven-icon, button, driven-tooltip) {
      left: var(--addon-block); }
      .input-with-addon > :is(driven-icon, button, driven-tooltip) + :is(driven-icon, button, driven-tooltip) + input {
        padding-inline-start: calc(calc(var(--addon-block) * 2) - var(--form-control-padding-x)); }
    .input-with-addon > input + :is(driven-icon, button, driven-tooltip) {
      right: var(--form-control-padding-x);
      left: auto; }
    .input-with-addon > input + :is(driven-icon, button, driven-tooltip) + :is(driven-icon, button, driven-tooltip) {
      right: var(--addon-block);
      left: auto; }
    .input-with-addon > input {
      padding-inline-end: var(--addon-block); }
    .input-with-addon > input:not(:last-child):nth-child(3) {
      padding-inline-end: calc(calc(var(--addon-block) * 2) - var(--form-control-padding-x)); }
    .input-with-addon.error > input {
      border-color: var(--error-color); }
  .input-with-external-addon {
    --addon-width: var(--icon-size-sm);
    --addon-block: calc(var(--form-control-padding-x) + var(--addon-width));
    display: flex;
    align-items: baseline;
    gap: 0 var(--gap-xs); }
  .input-with-external-addon > :where(driven-icon, driven-tooltip, button) {
    position: relative;
    top: var(--gap-xxs); }
  .input-with-external-addon > .input-with-addon {
    inline-size: 100%;
    margin: 0; }
  :where(.input-with-addon, .input-with-external-addon) > :is(button, driven-tooltip):not([data-toggle="search"]) {
    padding: 0;
    border-radius: 50%;
    z-index: 2; }
  :where(.input-with-addon, .input-with-external-addon) > button:not([data-toggle="search"]) {
    background-color: transparent;
    color: var(--text-color);
    border-color: transparent;
    border: 0; }
    :where(.input-with-addon, .input-with-external-addon) > button:not([data-toggle="search"]):not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #e3f2fd; }
    :where(.input-with-addon, .input-with-external-addon) > button:not([data-toggle="search"]):is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    :where(.input-with-addon, .input-with-external-addon) > button:not([data-toggle="search"]):focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    :where(.input-with-addon, .input-with-external-addon) > button:not([data-toggle="search"]):focus-visible, :where(.input-with-addon, .input-with-external-addon) > button:not([data-toggle="search"]):hover {
      z-index: 3; }
  .input-with-switch {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: var(--gap-sm); }
    .input-with-switch > legend {
      display: contents; }
    .input-with-switch > :where([role="switch"], label.switch-wrapper) {
      flex: 0 0 auto;
      order: 2; }
    .input-with-switch > input:last-child {
      flex-basis: 9.375rem;
      flex-shrink: 0;
      order: 1; }
  [role="listbox"][aria-multiselectable] > [role="option"],
  :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"]) {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--input-gap);
    cursor: default;
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem; }
    [role="listbox"][aria-multiselectable] > [role="option"][aria-disabled="true"],
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"])[aria-disabled="true"] {
      color: var(--text-disabled-color); }
    [role="listbox"][aria-multiselectable] > [role="option"]::before, [role="listbox"][aria-multiselectable] > [role="option"]::after,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"])::before,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"])::after {
      flex-shrink: 0;
      inline-size: var(--check-size);
      block-size: var(--check-size); }
    [role="listbox"][aria-multiselectable] > [role="option"]::before,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"])::before {
      display: inline-block;
      box-sizing: border-box; }
    [role="listbox"][aria-multiselectable] > [role="option"]:not(.dselect-option[aria-selected="true"])::before,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"]):not(.dselect-option[aria-selected="true"])::before {
      content: ""; }
    [role="listbox"][aria-multiselectable] > [role="option"]::after,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"])::after {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center; }
    [role="listbox"][aria-multiselectable] > [role="option"]:not([role="option"])::after,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"]):not([role="option"])::after {
      inset: auto auto auto 0; }
    [role="listbox"][aria-multiselectable] > [role="option"]:focus-visible,
    :where([role="checkbox"], [role="menuitemcheckbox"], [role="radio"], [role="menuitemradio"]):focus-visible {
      outline: 0; }
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-checked="mixed"]::after {
    translate: var(--check-stroke); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-checked="mixed"]::after {
    translate: calc(var(--check-stroke) * -1); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:not([aria-disabled="true"]):focus-visible::before,
  :where([role="checkbox"], [role="menuitemcheckbox"]):not([aria-disabled="true"]):focus-visible::before {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]::before,
  :where([role="checkbox"], [role="menuitemcheckbox"])::before {
    border: 0.0625rem solid var(--text-muted-color);
    border-radius: 0.1875rem; }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="true"], [aria-selected="true"])::after,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="true"], [aria-selected="true"])::after {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--icon-size-md);
    color: currentColor;
    content: "";
    color: var(--white); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-checked="mixed"]::after,
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-checked="mixed"]::after {
    font-size: var(--icon-size-md);
    content: "";
    inline-size: calc(var(--check-size) - calc(var(--check-stroke) * 2));
    block-size: var(--check-stroke);
    background: var(--ui-active-color); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-checked="mixed"].is-focused::after,
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-checked="mixed"].is-focused::after {
    background: var(--white); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-checked="mixed"][aria-disabled="true"]::before,
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-checked="mixed"][aria-disabled="true"]::before {
    background: var(--gray100); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-checked="mixed"][aria-disabled="true"]::after,
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-checked="mixed"][aria-disabled="true"]::after {
    background: var(--gray300); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-checked="mixed"]::before,
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-checked="mixed"]::before {
    border-color: var(--ui-active-color); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="false"], [aria-selected="false"]):not([aria-disabled="true"]):hover::before,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="false"], [aria-selected="false"]):not([aria-disabled="true"]):hover::before {
    border-color: var(--text-color); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="true"], [aria-selected="true"])::before,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="true"], [aria-selected="true"])::before {
    background: var(--ui-active-color);
    border-color: var(--ui-active-color); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="true"], [aria-selected="true"]):not([aria-disabled="true"]):hover::before,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="true"], [aria-selected="true"]):not([aria-disabled="true"]):hover::before {
    background: var(--tealActive);
    border-color: var(--tealActive); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"][aria-disabled="true"]::before,
  :where([role="checkbox"], [role="menuitemcheckbox"])[aria-disabled="true"]::before {
    border-color: var(--gray300); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="false"], [aria-selected="false"])[aria-disabled="true"]::before,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="false"], [aria-selected="false"])[aria-disabled="true"]::before {
    background: var(--gray100); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="true"], [aria-selected="true"])[aria-disabled="true"]::before,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="true"], [aria-selected="true"])[aria-disabled="true"]::before {
    background: var(--gray300); }
  [role="listbox"][aria-multiselectable="true"] > [role="option"]:where([aria-checked="true"], [aria-selected="true"])[aria-disabled="true"]::after,
  :where([role="checkbox"], [role="menuitemcheckbox"]):where([aria-checked="true"], [aria-selected="true"])[aria-disabled="true"]::after {
    color: var(--gray100); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option):not([aria-disabled="true"]):focus-visible::after,
  :where([role="radio"], [role="menuitemradio"]):not([aria-disabled="true"]):focus-visible::after {
    content: "";
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option)::before, [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option)::after,
  :where([role="radio"], [role="menuitemradio"])::before,
  :where([role="radio"], [role="menuitemradio"])::after {
    border-radius: var(--check-size); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option)::before,
  :where([role="radio"], [role="menuitemradio"])::before {
    border: var(--check-stroke) solid var(--white);
    box-shadow: 0 0 0 0.0625rem var(--text-muted-color); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option):where([aria-checked="false"], [aria-selected="false"]):not([aria-disabled="true"]):hover::before,
  :where([role="radio"], [role="menuitemradio"]):where([aria-checked="false"], [aria-selected="false"]):not([aria-disabled="true"]):hover::before {
    box-shadow: 0 0 0 0.0625rem var(--text-color); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option):where([aria-checked="true"], [aria-selected="true"])::before,
  :where([role="radio"], [role="menuitemradio"]):where([aria-checked="true"], [aria-selected="true"])::before {
    background: var(--ui-active-color);
    box-shadow: 0 0 0 0.0625rem var(--ui-active-color); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option):where([aria-checked="true"], [aria-selected="true"]):not([aria-disabled="true"]):hover::before,
  :where([role="radio"], [role="menuitemradio"]):where([aria-checked="true"], [aria-selected="true"]):not([aria-disabled="true"]):hover::before {
    background: var(--tealActive);
    box-shadow: 0 0 0 0.0625rem var(--tealActive); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option)[aria-disabled="true"]::before,
  :where([role="radio"], [role="menuitemradio"])[aria-disabled="true"]::before {
    border-color: var(--gray100);
    box-shadow: 0 0 0 0.0625rem var(--gray300); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option):where([aria-checked="false"], [aria-selected="false"])[aria-disabled="true"]::before,
  :where([role="radio"], [role="menuitemradio"]):where([aria-checked="false"], [aria-selected="false"])[aria-disabled="true"]::before {
    background: var(--gray100); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option):where([aria-checked="true"], [aria-selected="true"])[aria-disabled="true"]::before,
  :where([role="radio"], [role="menuitemradio"]):where([aria-checked="true"], [aria-selected="true"])[aria-disabled="true"]::before {
    background: var(--gray300); }
  [role="listbox"][aria-multiselectable="false"] > [role="option"]:not(.select-option, .dselect-option).is-focused:not([role="option"])::after,
  :where([role="radio"], [role="menuitemradio"]).is-focused:not([role="option"])::after {
    inset: var(--gap-sm) auto auto var(--gap-sm);
    content: "";
    inline-size: var(--check-size);
    block-size: var(--check-size);
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset);
    outline-offset: -0.0625rem;
    scale: 1.35; }
  driven-search {
    display: inline-block; }
    driven-search > button[data-toggle="search"] {
      inset: 50% 0.375rem auto auto;
      transform: translateY(-50%);
      z-index: 1; }
      driven-search > button[data-toggle="search"][aria-expanded="false"] + input[type="search"] {
        opacity: 0;
        transform: scaleX(0); }
      driven-search > button[data-toggle="search"][aria-expanded="true"] + input[type="search"] {
        opacity: 1;
        transform: scaleX(100%); }
      driven-search > button[data-toggle="search"][aria-expanded="false"].is-dirty::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #ce3a0d;
        content: "";
        position: absolute;
        font-size: 1rem;
        background-color: var(--white);
        border-radius: 50%;
        inset: -0.4375rem -0.4375rem auto auto; }
    driven-search > input[type="search"] {
      padding-inline: var(--gap-xs) var(--gap-xl);
      border-radius: var(--ui-pill-radius);
      transition: transform 0.2s ease, opacity 0.2s ease;
      transform-origin: right; }
  .search-static {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 1rem;
    background-color: var(--lightBlueGray);
    color: var(--text-color);
    border-width: 0.0625rem;
    border-style: solid;
    border-color: var(--ui-border-color);
    border-radius: 0.25rem;
    padding: 0.875rem 0.5rem;
    transition: var(--form-control-transition);
    min-block-size: var(--input-height);
    padding: 0 0.5rem; }
    .search-static:not(:disabled):hover {
      border-color: var(--ui-active-color); }
    .search-static:disabled {
      background-color: var(--gray100);
      border-color: var(--gray500);
      cursor: not-allowed;
      opacity: 1; }
    .search-static:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .search-static input {
      margin: 0;
      padding: 0;
      background: 0;
      border: 0;
      appearance: none; }
      .search-static input:focus {
        outline: 0; }
    .search-static:focus-within {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
  .search-slide-wrap .search-slide {
    position: relative;
    top: 0; }
    .search-slide-wrap .search-slide::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-md);
      color: currentColor;
      content: ""; }
  .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 {
    height: 2.1875rem; }
    .search-slide-wrap.active .search-slide {
      position: absolute;
      right: 0.1875rem;
      z-index: 1; }
      .search-slide-wrap.active .search-slide::before {
        content: ""; }
      @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(--lightBlueGray);
      border: 1px solid var(--ui-border-color);
      border-radius: var(--border-radius-lg);
      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; }
    .table-button-wrap driven-search {
      right: -0.3125rem; }
      .table-button-wrap driven-search input[type="search" i]::-webkit-search-cancel-button {
        display: none; }
    @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; }
  .dropdown-button[aria-expanded="false"] + .dropdown-menu {
    display: none; }
  .dropdown-button[aria-expanded="true"]::after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 var(--triangle-width) var(--triangle-height);
    border-style: solid;
    border-color: transparent transparent var(--dropdown-background);
    content: ""; }
  .dropdown-button[aria-expanded="true"]:active::after {
    inset: auto auto -0.1875rem 50%; }
  .dropdown-button:active::after {
    scale: 1.04; }
  .dropdown-menu {
    position: absolute;
    min-width: var(--dropdown-width);
    background: var(--dropdown-background);
    overflow: hidden;
    z-index: 9999; }
    .dropdown-menu[data-align="left"] {
      right: 0;
      left: auto; }
    .dropdown-menu:focus-visible {
      outline: 0; }
  .dropdown-menu > li {
    display: flex;
    padding: var(--gap-sm); }
    .dropdown-menu > li:not(:last-child) {
      margin-bottom: calc(var(--gap-sm) * -1); }
    .dropdown-menu > li[role="menuitem"] {
      justify-content: left;
      transition: background 300ms;
      cursor: pointer; }
    .dropdown-menu > li[role="menuitem"].is-focused {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset);
      outline-offset: -0.125rem; }
    .dropdown-menu > li[role="menuitem"][aria-disabled="false"]:hover {
      background: var(--backgroundBlueGray); }
    .dropdown-menu > li[role="menuitem"][aria-disabled="true"] {
      color: var(--text-disabled-color);
      cursor: not-allowed; }
  driven-status-select {
    --spacer: var(--gap-xxs);
    --width: 7.0625rem;
    --height: 1.5rem;
    position: relative;
    display: inline-block; }
    driven-status-select:not(.status-select) {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: var(--height);
      inline-size: var(--width);
      border-radius: var(--ui-pill-radius);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
      driven-status-select:not(.status-select) > * {
        display: none; }
    driven-status-select .status-select-button {
      color: var(--white);
      background: var(--status, var(--info-color));
      border-radius: var(--ui-pill-radius);
      inline-size: var(--width);
      block-size: var(--height); }
      driven-status-select .status-select-button > span {
        border-inline-end: 0.0625rem solid var(--white);
        inline-size: 100%;
        pointer-events: none; }
    driven-status-select > button {
      position: relative;
      border: 0; }
      driven-status-select > button:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      driven-status-select > button[data-is-busy][disabled] {
        cursor: wait; }
        driven-status-select > button[data-is-busy][disabled]::before {
          display: inline-block;
          width: var(--icon-size-sm);
          height: var(--icon-size-sm);
          margin-top: calc(var(--icon-size-sm) * -0.5);
          margin-left: calc(var(--icon-size-sm) * -0.5);
          border: 0.125rem solid var(--gray100);
          border-top-color: var(--gray600);
          border-radius: 50%;
          box-sizing: border-box;
          animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
          content: "";
          flex: 1 0 auto;
          margin: 0; }
      driven-status-select > button::before {
        transition: rotate 300ms; }
      driven-status-select > button[aria-expanded="true"]::before {
        rotate: -180deg; }
      driven-status-select > button[aria-expanded="true"]::after {
        inset: auto calc(calc(var(--spacer) * -0.5) + var(--triangle-height)) 0 auto; }
      driven-status-select > button[aria-expanded="true"] + [role="menu"] {
        display: grid; }
      driven-status-select > button:not([data-is-busy]):disabled {
        opacity: 0.75;
        cursor: not-allowed; }
        driven-status-select > button:not([data-is-busy]):disabled::before {
          content: ""; }
    driven-status-select [role="menu"] {
      inset: 100% auto auto 55%; }
  .option-card {
    display: grid;
    gap: var(--gap-sm); }
  .option-card-item {
    position: relative;
    flex: 1;
    min-width: fit-content;
    max-width: var(--max-width);
    min-height: var(--min-height);
    padding: var(--gap-sm);
    border: 0.125rem solid var(--ui-border-color);
    border-radius: var(--border-radius-md);
    transition: border-color 300ms; }
    .option-card-item > :where(.check, [role="radio"], [role="checkbox"]):not(:last-child) {
      margin-block-end: var(--input-gap); }
    .option-card-item:has(> .option-details > .check > [aria-checked="true"], > .option-details > .check > :checked) {
      border-color: var(--ui-active-color); }
      .option-card-item:has(> .option-details > .check > [aria-checked="true"], > .option-details > .check > :checked) .counts-item > span:first-of-type {
        background: var(--success-color); }
    .option-card-item:has(> .option-details > .check > [aria-disabled="true"], > .option-details > .check > :disabled) {
      color: var(--text-disabled-color); }
      .option-card-item:has(> .option-details > .check > [aria-disabled="true"], > .option-details > .check > :disabled) :where([role="radio"], [role="checkbox"], [type="radio"]) {
        cursor: not-allowed; }
        .option-card-item:has(> .option-details > .check > [aria-disabled="true"], > .option-details > .check > :disabled) :where([role="radio"], [role="checkbox"], [type="radio"]) + label {
          cursor: not-allowed; }
      .option-card-item:has(> .option-details > .check > [aria-disabled="true"], > .option-details > .check > :disabled) .counts-item > span:first-of-type {
        background: var(--text-disabled-color); }
  .option-img {
    --size: 6.25rem;
    inline-size: var(--size);
    block-size: var(--size);
    overflow: hidden; }
  .option-img > img {
    inline-size: 100%; }
  .option-img:empty {
    border-radius: var(--border-radius-xs); }
  .option-card-label {
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500; }
  .option-card-button {
    position: absolute;
    inset: var(--gap-sm) calc(var(--gap-sm) * 0.5) auto auto;
    translate: 0 calc(var(--gap-sm) * 0.5 * -1); }
  .option-corner {
    position: absolute;
    inset: var(--gap-xs) var(--gap-xs) auto auto; }
  .tabfilters {
    --tab-width: 7rem;
    position: relative; }
    .tabfilters input {
      appearance: none; }
    .tabfilters input + label {
      border-color: var(--gray500);
      cursor: pointer; }
    .tabfilters input:checked + label {
      border-color: var(--ui-active-color);
      pointer-events: none; }
    .tabfilters input:disabled + label {
      color: var(--text-disabled-color);
      border-color: var(--gray100);
      cursor: not-allowed; }
    .tabfilters input:focus-visible + label {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset);
      border-radius: var(--border-radius-xs); }
    .tabfilters label {
      display: block;
      text-align: center;
      border-width: 0 0 0.3125rem 0;
      border-style: solid;
      border-color: var(--gray300);
      transition: border-color 300ms;
      padding-block-end: 0.0625rem;
      min-inline-size: var(--tab-width);
      inline-size: 100%; }
    .tabfilters-options {
      --gap: var(--gap-xxs); }
    .tabfilters-option {
      --tab-width: calc(
      100% / var(--length)
    );
      min-inline-size: var(--tab-width);
      inline-size: 100%;
      border-inline: var(--gap) solid transparent; }
    .tabfilters-content {
      --total-tab-gap: calc(var(--gap) * 2);
      --content-width: calc(
      100% * var(--length) - var(--total-tab-gap)
    );
      --offset: calc(calc(var(--tab-width) * var(--index)) * -1);
      --translate: calc(var(--offset) - calc(var(--total-tab-gap) * var(--index)));
      inline-size: calc(var(--content-width) + var(--total-tab-gap));
      translate: var(--translate); }
  .field-repeater-button-add {
    background: 0;
    border: 0; }
    .field-repeater-button-add:not(:hover, :disabled) span {
      text-decoration: underline;
      cursor: pointer; }
    .field-repeater-button-add > * {
      pointer-events: none; }
    .field-repeater-button-add::before {
      color: var(--ui-active-color); }
    .field-repeater-button-add:disabled {
      cursor: not-allowed; }
    .field-repeater-button-add:disabled::before {
      opacity: 0.5; }
  .field-repeater .input-with-external-addon {
    flex-wrap: wrap; }
  .field-repeater .character-counter-wrapper, .field-repeater-input-wrapper {
    inline-size: calc(100% - var(--icon-size-md) - var(--gap-sm)); }
  .field-repeater-li.has-validation .input-with-external-addon {
    position: relative; }
  .field-repeater-li.has-validation .input-with-external-addon > button {
    position: absolute;
    inset: calc(var(--input-height) * 0.25) calc(var(--gap-sm) * 0.5) auto auto; }
  .field-repeater-li.has-validation.has-label .input-with-external-addon > button {
    top: calc(calc(var(--input-height) * 0.5) + 0.25rem); }
  .field-repeater .input-with-external-addon.flex-row-reverse > button {
    inset: calc(var(--input-height) * 0.25) auto auto 0; }
  .breadcrumb {
    --gap: var(--gap-sm); }
    .breadcrumb li:not(:last-child) {
      position: relative;
      margin-inline-end: var(--gap);
      padding-inline-end: var(--gap); }
      .breadcrumb li:not(:last-child)::before {
        content: "";
        position: absolute;
        inset: auto 0 auto auto;
        display: inline-block;
        border-inline-start: 1px solid var(--ui-border-color);
        block-size: 100%;
        rotate: 15deg; }
  dialog.is-oclb {
    z-index: 99999; }
    dialog.is-oclb > button {
      position: absolute;
      inset: var(--gap-xs) var(--gap-xs) auto auto; }
    dialog.is-oclb [role="listbox"] {
      margin-inline: calc(var(--gap-sm) * -1);
      overflow-x: hidden; }
      dialog.is-oclb [role="listbox"][aria-multiselectable="false"] > li::before {
        content: none; }
    dialog.is-oclb [role="option"] {
      padding: var(--gap-sm); }
      dialog.is-oclb [role="option"]::after {
        position: absolute;
        inset: auto var(--gap-xs) auto auto; } }@layer components{@keyframes bgTo {
    to {
      background-color: rgba(0, 0, 0, 0.1); } }
  
  .info-box {
    padding: var(--gap-sm);
    background: var(--status-background-color, var(--gray100));
    border: 1px solid var(--status-color, #212e35);
    border-radius: var(--border-radius-lg); }
    .info-box driven-icon {
      color: var(--status-color, #212e35); }
    .info-box.is-success {
      --status-color: #2e7d32;
      --status-background-color: var(--green50); }
    .info-box.is-trouble {
      --status-color: #ce3a0d;
      --status-background-color: var(--yellowAmber100); }
    .info-box.is-error {
      --status-color: #b00020;
      --status-background-color: var(--red50); }
    .info-box.is-info {
      --status-color: #212e35;
      --status-background-color: var(--gray100); }
    .info-box.is-featured {
      --status-color: #1565c0;
      --status-background-color: var(--blue50); }
    .info-box.is-system {
      --status-color: #016179;
      --status-background-color: var(--blue50); }
    .info-box a:not([class]) {
      background-color: transparent;
      color: #016179;
      border-color: transparent;
      text-decoration: underline; }
      .info-box a:not([class]):not([disabled], [aria-disabled="true"], .disabled):hover {
        text-decoration: none; }
      .info-box a:not([class]):is([disabled], [aria-disabled="true"], .disabled) {
        color: var(--text-disabled-color);
        cursor: not-allowed;
        pointer-events: none; }
    .info-box :where(p,ul,ol,a):not([class]) {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem; }
    .info-box > p:only-child {
      margin: 0; }
    .info-box > p:not(:only-child):first-child {
      margin-block-start: 0; }
    .info-box > p:not(:only-child):last-child {
      margin-block-end: 0; }
  .inline-alerts {
    --transition-duration: 250ms;
    position: relative;
    display: grid;
    padding: 0;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration), padding-block var(--transition-duration); }
    .inline-alerts.is-deployed {
      grid-template-rows: 1fr; }
    .inline-alerts:not(.is-deployed) .inline-alerts--content {
      padding: 0;
      opacity: 0; }
    .inline-alerts.is-success {
      --status-color: #2e7d32;
      --status-background-color: var(--green50); }
      .inline-alerts.is-success .inline-alerts--icon::before {
        align-self: start;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #2e7d32;
        content: ""; }
    .inline-alerts.is-trouble {
      --status-color: #ce3a0d;
      --status-background-color: var(--yellowAmber100); }
      .inline-alerts.is-trouble .inline-alerts--icon::before {
        align-self: start;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #ce3a0d;
        content: ""; }
    .inline-alerts.is-error {
      --status-color: #b00020;
      --status-background-color: var(--red50); }
      .inline-alerts.is-error .inline-alerts--icon::before {
        align-self: start;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #b00020;
        content: ""; }
    .inline-alerts.is-info {
      --status-color: #212e35;
      --status-background-color: var(--gray100); }
      .inline-alerts.is-info .inline-alerts--icon::before {
        align-self: start;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #212e35;
        content: ""; }
    .inline-alerts.is-featured {
      --status-color: #1565c0;
      --status-background-color: var(--blue50); }
      .inline-alerts.is-featured .inline-alerts--icon::before {
        align-self: start;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #1565c0;
        content: ""; }
    .inline-alerts.is-system {
      --status-color: #016179;
      --status-background-color: var(--blue50); }
      .inline-alerts.is-system .inline-alerts--icon::before {
        align-self: start;
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: #016179;
        content: ""; }
    .inline-alerts--content {
      display: grid;
      grid-template-columns: auto auto;
      justify-content: start;
      gap: var(--gap-xxs);
      overflow: hidden;
      transition: padding var(--transition-duration), opacity var(--transition-duration); }
    .inline-alerts--message {
      color: var(--status-color); }
      .inline-alerts--message a:not([class]) {
        background-color: transparent;
        color: #016179;
        border-color: transparent;
        text-decoration: underline; }
        .inline-alerts--message a:not([class]):not([disabled], [aria-disabled="true"], .disabled):hover {
          text-decoration: none; }
        .inline-alerts--message a:not([class]):is([disabled], [aria-disabled="true"], .disabled) {
          color: var(--text-disabled-color);
          cursor: not-allowed;
          pointer-events: none; }
      .inline-alerts--message :where(p,ul,ol,a):not([class]) {
        font-family: "GT America Md", sans-serif;
        font-size: 0.875rem;
        font-weight: 500; }
      .inline-alerts--message > p:only-child {
        margin: 0; }
      .inline-alerts--message > p:not(:only-child):first-child {
        margin-block-start: 0; }
      .inline-alerts--message > p:not(:only-child):last-child {
        margin-block-end: 0; }
    .inline-alerts.has-arrow {
      --arrow-size: 0.5rem;
      padding: 0 var(--gap-sm);
      background: var(--status-background-color);
      border-radius: var(--border-radius-lg); }
    .inline-alerts.has-arrow.is-deployed {
      padding: var(--gap-sm); }
    .inline-alerts.has-arrow.is-deployed::after {
      border-width: var(--arrow-size); }
    .inline-alerts.has-arrow.is-deployed.arrow-top {
      margin-block-start: calc(var(--arrow-size) * 0.5); }
    .inline-alerts.has-arrow.is-deployed.arrow-bottom {
      margin-block-end: calc(var(--arrow-size) * 0.5); }
    .inline-alerts.has-arrow.is-deployed.arrow-left {
      margin-inline-start: calc(var(--arrow-size) * 0.5); }
    .inline-alerts.has-arrow.is-deployed.arrow-right {
      margin-inline-end: calc(var(--arrow-size) * 0.5); }
    .inline-alerts.has-arrow::after {
      position: absolute;
      content: "";
      inline-size: 0;
      block-size: 0;
      border-width: 0;
      border-style: solid;
      border-color: var(--border-color);
      transition: border-width var(--transition-duration);
      z-index: 1; }
    .inline-alerts.has-arrow.arrow-top::after {
      inset: 0 auto auto 50%;
      translate: -50% -100%;
      --border-color: transparent transparent  var(--status-background-color) transparent; }
    .inline-alerts.has-arrow.arrow-bottom::after {
      inset: auto auto 0 50%;
      translate: -50% 100%;
      --border-color:  var(--status-background-color) transparent transparent transparent; }
    .inline-alerts.has-arrow.arrow-left::after {
      inset: 50% auto auto 0;
      translate: -100% -50%;
      --border-color: transparent  var(--status-background-color) transparent transparent; }
    .inline-alerts.has-arrow.arrow-right::after {
      inset: 50% 0 auto auto;
      translate: 100% -50%;
      --border-color: transparent transparent transparent  var(--status-background-color); } }@layer utilities{.border-radius-0 {
    border-radius: 0rem; }
  .border-radius-xs {
    border-radius: 0.125rem; }
  .border-radius-sm {
    border-radius: 0.375rem; }
  .border-radius-md {
    border-radius: 0.625rem; }
  .border-radius-lg {
    border-radius: 1.25rem; }
  .border-radius-pill {
    border-radius: var(--ui-pill-radius); }
  .border {
    border: 0.0625rem solid var(--ui-border-color); }
  .border-b {
    border-block: 0.0625rem solid var(--ui-border-color); }
  .border-bs {
    border-block-start: 0.0625rem solid var(--ui-border-color); }
  .border-be {
    border-block-end: 0.0625rem solid var(--ui-border-color); }
  .border-i {
    border-inline: 0.0625rem solid var(--ui-border-color); }
  .border-is {
    border-inline-start: 0.0625rem solid var(--ui-border-color); }
  .border-ie {
    border-inline-end: 0.0625rem solid var(--ui-border-color); }
  .border-0 {
    border: 0; }
  .d-block {
    display: block; }
  .d-inline-block {
    display: inline-block; }
  .d-flex {
    display: flex; }
  .d-inline-flex {
    display: inline-flex; }
  .d-grid {
    display: grid; }
  .d-inline-grid {
    display: inline-grid; }
  .d-none {
    display: none; }
  .flex-row {
    flex-direction: row; }
  .flex-row-reverse {
    flex-direction: row-reverse; }
  .flex-column {
    flex-direction: column; }
  .flex-column-reverse {
    flex-direction: column-reverse; }
  .flex-wrap {
    flex-wrap: wrap; }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse; }
  .flex-nowrap {
    flex-wrap: nowrap; }
  .align-items-start {
    align-items: start; }
  .align-items-end {
    align-items: end; }
  .align-items-center {
    align-items: center; }
  .align-items-baseline {
    align-items: baseline; }
  .align-items-stretch {
    align-items: stretch; }
  .align-self-start {
    align-self: start; }
  .align-self-end {
    align-self: end; }
  .align-self-center {
    align-self: center; }
  .align-self-baseline {
    align-self: baseline; }
  .align-self-stretch {
    align-self: stretch; }
  .justify-content-start {
    justify-content: start; }
  .justify-content-end {
    justify-content: end; }
  .justify-content-center {
    justify-content: center; }
  .justify-content-between {
    justify-content: space-between; }
  .justify-content-around {
    justify-content: space-around; }
  .justify-content-evenly {
    justify-content: space-evenly; }
  .justify-self-start {
    justify-self: start; }
  .justify-self-end {
    justify-self: end; }
  .justify-self-center {
    justify-self: center; }
  .justify-self-between {
    justify-self: space-between; }
  .justify-self-around {
    justify-self: space-around; }
  .justify-self-evenly {
    justify-self: space-evenly; }
  .gap-0 {
    gap: 0rem; }
  .gap-xxs {
    gap: 0.25rem; }
  .gap-xs {
    gap: 0.5rem; }
  .gap-sm {
    gap: 1rem; }
  .gap-md {
    gap: 1.5rem; }
  .gap-lg {
    gap: 2rem; }
  .gap-xl {
    gap: 3rem; }
  .gap-xxl {
    gap: 4rem; }
  .h-10 {
    height: 10%; }
  .h-20 {
    height: 20%; }
  .h-25 {
    height: 25%; }
  .h-33 {
    height: 33%; }
  .h-40 {
    height: 40%; }
  .h-50 {
    height: 50%; }
  .h-60 {
    height: 60%; }
  .h-66 {
    height: 66%; }
  .h-75 {
    height: 75%; }
  .h-80 {
    height: 80%; }
  .h-100 {
    height: 100%; }
  .h-0 {
    height: 0; }
  .h-auto {
    height: auto; }
  .h-screen {
    height: 100vh; }
  .h-min-content {
    height: min-content; }
  .h-max-content {
    height: max-content; }
  .h-fit-content {
    height: fit-content; }
  .hover-aria-label[aria-label]:not([aria-expanded="true"], :active) {
    position: relative; }
    .hover-aria-label[aria-label]:not([aria-expanded="true"], :active)::after {
      position: absolute;
      color: var(--white);
      text-align: center;
      word-break: break-word;
      padding: var(--gap-xxs);
      background: var(--info-color);
      border-radius: var(--border-radius-xs);
      content: attr(aria-label);
      inline-size: var(--width, 6.25rem);
      opacity: 0;
      transition: opacity 150ms;
      pointer-events: none;
      font-family: "GT America Md", sans-serif;
      font-size: 0.75rem;
      font-weight: 500;
      letter-spacing: 0.0125rem;
      line-height: 0.9375rem;
      inset: var(--inset, 0 auto auto 50%);
      translate: var(--translate, -50% -100%); }
    .hover-aria-label[aria-label]:not([aria-expanded="true"], :active):hover::after {
      opacity: 1; }
    .hover-aria-label[aria-label]:not([aria-expanded="true"], :active)[data-align="top"]::after {
      --inset: 0 auto auto 50%;
      --translate: -50% -100%; }
    .hover-aria-label[aria-label]:not([aria-expanded="true"], :active)[data-align="right"]::after {
      --inset: 50% auto auto 0;
      --translate: 25% -50%; }
    .hover-aria-label[aria-label]:not([aria-expanded="true"], :active)[data-align="bottom"]::after {
      --inset: auto auto 0 50%;
      --translate: -50% 100%; }
    .hover-aria-label[aria-label]:not([aria-expanded="true"], :active)[data-align="left"]::after {
      --inset: 50% 0 auto auto;
      --translate: -25% -50%; }
  [aria-busy="true"][aria-atomic="true"].js-is-busy > * {
    position: relative;
    visibility: hidden;
    z-index: -1; }
  .icon-xs::before {
    inline-size: 0.625rem;
    block-size: 0.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.625rem; }
  .icon-xs[class*="btn-"]:empty::before {
    font-size: calc(0.625rem * 0.75); }
  .icon-sm::before {
    inline-size: 1.25rem;
    block-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem; }
  .icon-sm[class*="btn-"]:empty::before {
    font-size: calc(1.25rem * 0.75); }
  .icon-md::before {
    inline-size: 2rem;
    block-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem; }
  .icon-md[class*="btn-"]:empty::before {
    font-size: calc(2rem * 0.75); }
  .icon-lg::before {
    inline-size: 3.5rem;
    block-size: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem; }
  .icon-lg[class*="btn-"]:empty::before {
    font-size: calc(3.5rem * 0.75); }
  .icon-xl::before {
    inline-size: 7.5rem;
    block-size: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 7.5rem; }
  .icon-xl[class*="btn-"]:empty::before {
    font-size: calc(7.5rem * 0.75); }
  .icon-xxl::before {
    inline-size: 12rem;
    block-size: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12rem; }
  .icon-xxl[class*="btn-"]:empty::before {
    font-size: calc(12rem * 0.75); }
  .list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0; }
    .list-unstyled > li {
      list-style: none; }
  .list-ul > ::marker, .list-ol > ::marker {
    color: var(--ui-active-color); }
  .list-ul {
    list-style: disc; }
  .list-ol {
    list-style: decimal; }
  .m-0 {
    margin: 0rem; }
  .m-xxs {
    margin: 0.25rem; }
  .m-xs {
    margin: 0.5rem; }
  .m-sm {
    margin: 1rem; }
  .m-md {
    margin: 1.5rem; }
  .m-lg {
    margin: 2rem; }
  .m-xl {
    margin: 3rem; }
  .m-xxl {
    margin: 4rem; }
  .mi-0 {
    margin-inline: 0rem; }
  .mi-xxs {
    margin-inline: 0.25rem; }
  .mi-xs {
    margin-inline: 0.5rem; }
  .mi-sm {
    margin-inline: 1rem; }
  .mi-md {
    margin-inline: 1.5rem; }
  .mi-lg {
    margin-inline: 2rem; }
  .mi-xl {
    margin-inline: 3rem; }
  .mi-xxl {
    margin-inline: 4rem; }
  .mb-0 {
    margin-block: 0rem; }
  .mb-xxs {
    margin-block: 0.25rem; }
  .mb-xs {
    margin-block: 0.5rem; }
  .mb-sm {
    margin-block: 1rem; }
  .mb-md {
    margin-block: 1.5rem; }
  .mb-lg {
    margin-block: 2rem; }
  .mb-xl {
    margin-block: 3rem; }
  .mb-xxl {
    margin-block: 4rem; }
  .mbs-0 {
    margin-block-start: 0rem; }
  .mbs-xxs {
    margin-block-start: 0.25rem; }
  .mbs-xs {
    margin-block-start: 0.5rem; }
  .mbs-sm {
    margin-block-start: 1rem; }
  .mbs-md {
    margin-block-start: 1.5rem; }
  .mbs-lg {
    margin-block-start: 2rem; }
  .mbs-xl {
    margin-block-start: 3rem; }
  .mbs-xxl {
    margin-block-start: 4rem; }
  .mbe-0 {
    margin-block-end: 0rem; }
  .mbe-xxs {
    margin-block-end: 0.25rem; }
  .mbe-xs {
    margin-block-end: 0.5rem; }
  .mbe-sm {
    margin-block-end: 1rem; }
  .mbe-md {
    margin-block-end: 1.5rem; }
  .mbe-lg {
    margin-block-end: 2rem; }
  .mbe-xl {
    margin-block-end: 3rem; }
  .mbe-xxl {
    margin-block-end: 4rem; }
  .mis-0 {
    margin-inline-start: 0rem; }
  .mis-xxs {
    margin-inline-start: 0.25rem; }
  .mis-xs {
    margin-inline-start: 0.5rem; }
  .mis-sm {
    margin-inline-start: 1rem; }
  .mis-md {
    margin-inline-start: 1.5rem; }
  .mis-lg {
    margin-inline-start: 2rem; }
  .mis-xl {
    margin-inline-start: 3rem; }
  .mis-xxl {
    margin-inline-start: 4rem; }
  .mie-0 {
    margin-inline-end: 0rem; }
  .mie-xxs {
    margin-inline-end: 0.25rem; }
  .mie-xs {
    margin-inline-end: 0.5rem; }
  .mie-sm {
    margin-inline-end: 1rem; }
  .mie-md {
    margin-inline-end: 1.5rem; }
  .mie-lg {
    margin-inline-end: 2rem; }
  .mie-xl {
    margin-inline-end: 3rem; }
  .mie-xxl {
    margin-inline-end: 4rem; }
  .m-auto {
    margin: auto; }
  .mb-auto {
    margin-block: auto; }
  .mbs-auto {
    margin-block-start: auto; }
  .mbe-auto {
    margin-block-end: auto; }
  .mi-auto {
    margin-inline: auto; }
  .mis-auto {
    margin-inline-start: auto; }
  .mie-auto {
    margin-inline-end: auto; }
  
  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; }
  .is-outlined {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset); }
  [data-if-empty]:empty::after {
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem;
    display: block;
    padding-block: var(--gap-xs);
    font-style: italic;
    color: var(--text-disabled-color);
    content: attr(data-if-empty); }
  .abbr {
    border-block-end: 2px dotted var(--darkSkyBlue);
    text-decoration: none; }
  .arrow-bubble {
    display: inline-flex;
    align-items: center;
    gap: var(--gap-xs);
    color: var(--system-color); }
    .arrow-bubble::before {
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: currentColor;
      content: "";
      color: var(--darkSkyBlue);
      background: var(--blue50);
      border-radius: var(--icon-size-sm); }
  a[aria-disabled="true"] {
    color: var(--text-disabled-color);
    cursor: not-allowed; }
  :where(button:disabled, a[aria-disabled="true"]).is-locked,
  [data-menuitem].is-locked :where(button:disabled, a[aria-disabled="true"]) {
    display: inline-flex;
    gap: var(--gap-xxs);
    text-decoration: none; }
    :where(button:disabled, a[aria-disabled="true"]).is-locked::after,
    [data-menuitem].is-locked :where(button:disabled, a[aria-disabled="true"])::after {
      order: -1;
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: var(--icon-size-sm);
      color: var(--gray400);
      content: ""; }
  .is-flush:not(.tabulator) {
    --flush-offset: var(--gap-sm);
    margin-inline: calc(var(--flush-offset) * -1);
    inline-size: calc(100% + calc(var(--flush-offset) * 2)); }
  .overflow-y-hidden {
    overflow-y: hidden !important; }
  @keyframes highlightElement {
    0%, 100% {
      background-color: initial; }
    5%, 95% {
      background-color: var(--yellowAmber100); } }
  .highlight-element {
    animation: highlightElement var(--highlight-duration, 2s) ease-in-out; }
  .hidden-field {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    min-block-size: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none; }
  .p-0 {
    padding: 0rem; }
  .p-xxs {
    padding: 0.25rem; }
  .p-xs {
    padding: 0.5rem; }
  .p-sm {
    padding: 1rem; }
  .p-md {
    padding: 1.5rem; }
  .p-lg {
    padding: 2rem; }
  .p-xl {
    padding: 3rem; }
  .p-xxl {
    padding: 4rem; }
  .pi-0 {
    padding-inline: 0rem; }
  .pi-xxs {
    padding-inline: 0.25rem; }
  .pi-xs {
    padding-inline: 0.5rem; }
  .pi-sm {
    padding-inline: 1rem; }
  .pi-md {
    padding-inline: 1.5rem; }
  .pi-lg {
    padding-inline: 2rem; }
  .pi-xl {
    padding-inline: 3rem; }
  .pi-xxl {
    padding-inline: 4rem; }
  .pb-0 {
    padding-block: 0rem; }
  .pb-xxs {
    padding-block: 0.25rem; }
  .pb-xs {
    padding-block: 0.5rem; }
  .pb-sm {
    padding-block: 1rem; }
  .pb-md {
    padding-block: 1.5rem; }
  .pb-lg {
    padding-block: 2rem; }
  .pb-xl {
    padding-block: 3rem; }
  .pb-xxl {
    padding-block: 4rem; }
  .pbs-0 {
    padding-block-start: 0rem; }
  .pbs-xxs {
    padding-block-start: 0.25rem; }
  .pbs-xs {
    padding-block-start: 0.5rem; }
  .pbs-sm {
    padding-block-start: 1rem; }
  .pbs-md {
    padding-block-start: 1.5rem; }
  .pbs-lg {
    padding-block-start: 2rem; }
  .pbs-xl {
    padding-block-start: 3rem; }
  .pbs-xxl {
    padding-block-start: 4rem; }
  .pbe-0 {
    padding-block-end: 0rem; }
  .pbe-xxs {
    padding-block-end: 0.25rem; }
  .pbe-xs {
    padding-block-end: 0.5rem; }
  .pbe-sm {
    padding-block-end: 1rem; }
  .pbe-md {
    padding-block-end: 1.5rem; }
  .pbe-lg {
    padding-block-end: 2rem; }
  .pbe-xl {
    padding-block-end: 3rem; }
  .pbe-xxl {
    padding-block-end: 4rem; }
  .pis-0 {
    padding-inline-start: 0rem; }
  .pis-xxs {
    padding-inline-start: 0.25rem; }
  .pis-xs {
    padding-inline-start: 0.5rem; }
  .pis-sm {
    padding-inline-start: 1rem; }
  .pis-md {
    padding-inline-start: 1.5rem; }
  .pis-lg {
    padding-inline-start: 2rem; }
  .pis-xl {
    padding-inline-start: 3rem; }
  .pis-xxl {
    padding-inline-start: 4rem; }
  .pie-0 {
    padding-inline-end: 0rem; }
  .pie-xxs {
    padding-inline-end: 0.25rem; }
  .pie-xs {
    padding-inline-end: 0.5rem; }
  .pie-sm {
    padding-inline-end: 1rem; }
  .pie-md {
    padding-inline-end: 1.5rem; }
  .pie-lg {
    padding-inline-end: 2rem; }
  .pie-xl {
    padding-inline-end: 3rem; }
  .pie-xxl {
    padding-inline-end: 4rem; }
  .shadow-sm {
    box-shadow: var(--shadow-sm); }
  .shadow-md {
    box-shadow: var(--shadow-md); }
  .shadow-lg {
    box-shadow: var(--shadow-lg); }
  .shadow-none {
    box-shadow: none; }
  .shadow-sm-inverted {
    box-shadow: var(--shadow-sm-inverted); }
  .shadow-md-inverted {
    box-shadow: var(--shadow-md-inverted); }
  .shadow-lg-inverted {
    box-shadow: var(--shadow-lg-inverted); }
  .skip:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important; }
  .skip:focus-visible {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset); }
  .success-color {
    color: #2e7d32; }
  .success-bg {
    color: var(--white);
    background-color: #2e7d32; }
  .trouble-color {
    color: #ce3a0d; }
  .trouble-bg {
    color: var(--white);
    background-color: #ce3a0d; }
  .error-color {
    color: #b00020; }
  .error-bg {
    color: var(--white);
    background-color: #b00020; }
  .info-color {
    color: #212e35; }
  .info-bg {
    color: var(--white);
    background-color: #212e35; }
  .featured-color {
    color: #1565c0; }
  .featured-bg {
    color: var(--white);
    background-color: #1565c0; }
  .system-color {
    color: #016179; }
  .system-bg {
    color: var(--white);
    background-color: #016179; }
  .theme-color {
    color: var(--theme-color); }
  .theme-bg {
    color: var(--white);
    background-color: var(--theme-color); }
  .muted-color {
    color: var(--text-muted-color); }
  .disabled-color {
    color: var(--text-disabled-color); }
  .text-left {
    text-align: left; }
  .text-center {
    text-align: center; }
  .text-right {
    text-align: right; }
  .text-capitalize {
    text-transform: capitalize; }
  .text-lowercase {
    text-transform: lowercase; }
  .text-uppercase {
    text-transform: uppercase; }
  .text-no-transform {
    text-transform: none; }
  .text-color {
    color: var(--text-color); }
    .text-color::before, .text-color::after {
      color: var(--text-color); }
  .text-muted-color {
    color: var(--text-muted-color); }
    .text-muted-color::before, .text-muted-color::after {
      color: var(--text-muted-color); }
  .text-disabled-color {
    color: var(--text-disabled-color); }
    .text-disabled-color::before, .text-disabled-color::after {
      color: var(--text-disabled-color); }
  .text-light {
    color: var(--white); }
    .text-light::before, .text-light::after {
      color: var(--white); }
  .text-dark {
    color: var(--black); }
    .text-dark::before, .text-dark::after {
      color: var(--black); }
  .word-break-all {
    word-break: break-all; }
  .word-break-word {
    word-break: break-word; }
  .is-highlighted {
    background-color: mark; }
  .is-italic {
    font-style: italic; }
  .one-line-max {
    
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
  input:not(:checked) ~ [data-checked="show"] {
    display: none; }
  input:checked ~ [data-checked="hide"] {
    display: none; }
  [data-checked] {
    flex-basis: 100%; }
  .ts-h1 {
    font-family: "GT America Md", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    line-height: 2.5rem; }
  .ts-h2 {
    font-family: "GT America Md", sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.8125rem; }
  .ts-h3-aa {
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.025rem;
    line-height: 1.25rem; }
  .ts-h4 {
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500; }
  .ts-h5 {
    font-family: "GT America Md", sans-serif;
    font-size: 0.875rem;
    font-weight: 500; }
  .ts-h6 {
    font-family: "GT America Md", sans-serif;
    font-size: 0.75rem;
    font-weight: 500; }
  .ts-subtitle-1 {
    font-family: "GT America Rg", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.25rem; }
  .ts-subtitle-2 {
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500; }
  .ts-body-1 {
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem; }
  .ts-body-2 {
    font-family: "GT America Md", sans-serif;
    font-size: 0.875rem;
    font-weight: 500; }
  .ts-body-2-aa {
    font-family: "GT America Md", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.0125rem;
    line-height: 1.125rem; }
  .ts-caption {
    font-family: "GT America Md", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.0125rem;
    line-height: 0.9375rem; }
  .ts-caption-aa {
    font-family: "GT America Md", sans-serif;
    font-size: 0.75rem;
    font-weight: 500; }
  .ts-n1 {
    font-family: "GT America Rg", sans-serif;
    font-size: 3.375rem;
    font-weight: normal;
    line-height: 3.5625rem; }
  .ts-n2 {
    font-family: "GT America Rg", sans-serif;
    font-size: 2.875rem;
    font-weight: normal;
    line-height: 3.5rem; }
  .ts-n3 {
    font-family: "GT America Rg", sans-serif;
    font-size: 2.25rem;
    font-weight: normal;
    line-height: 2.75rem; }
  .ts-n4 {
    font-family: "GT America Rg", sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.5625rem; }
  .ts-mono {
    font-family: var(--font-monospace); }
  @media (max-width:767px) {
    .hide-is-mobile-view {
      display: none; } }
  @media (min-width:767px) {
    .show-is-mobile-view {
      display: none; } }
  .visibility-hidden {
    visibility: hidden; }
  .visibility-visible {
    visibility: visible; }
  .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important; }
  body:not(.webview) .show-for-app {
    display: none; }
  body.webview .hide-for-app {
    display: none; }
  .has-focus-visible:focus-visible {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset); }
  .w-10 {
    width: 10%; }
  .fb-10 {
    flex-basis: 10%; }
  .w-20 {
    width: 20%; }
  .fb-20 {
    flex-basis: 20%; }
  .w-25 {
    width: 25%; }
  .fb-25 {
    flex-basis: 25%; }
  .w-33 {
    width: 33%; }
  .fb-33 {
    flex-basis: 33%; }
  .w-40 {
    width: 40%; }
  .fb-40 {
    flex-basis: 40%; }
  .w-50 {
    width: 50%; }
  .fb-50 {
    flex-basis: 50%; }
  .w-60 {
    width: 60%; }
  .fb-60 {
    flex-basis: 60%; }
  .w-66 {
    width: 66%; }
  .fb-66 {
    flex-basis: 66%; }
  .w-75 {
    width: 75%; }
  .fb-75 {
    flex-basis: 75%; }
  .w-80 {
    width: 80%; }
  .fb-80 {
    flex-basis: 80%; }
  .w-100 {
    width: 100%; }
  .fb-100 {
    flex-basis: 100%; }
  .w-0 {
    width: 0; }
  .w-auto {
    width: auto; }
  .w-screen {
    width: 100vw; }
  .w-min-content {
    width: min-content; }
  .w-max-content {
    width: max-content; }
  .w-fit-content {
    width: fit-content; } }.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)}.litepicker .container__footer{background:0 0;box-shadow:none}.litepicker .preview-date-range{display:none}.litepicker .container__months{-webkit-box-shadow:none;box-shadow:none}.litepicker.hideCalender{display:none!important}body{}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:.875rem;padding-bottom:1rem;border-bottom:1px solid var(--ui-border-color);box-shadow:none}.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(--ui-border-color)}.litepicker .container__days>div,.litepicker .container__days>a{padding:8px 0}.litepicker .container__months{}.litepicker .container__months .month-item-header button{width:1.5rem;height:1.5rem;padding:.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-medium);font-size:1rem;font-weight:400}.litepicker .container__months .month-item-header :is(.button-previous-month,.button-next-month)::before{font-family:icon-ifleet!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--icon-size-sm);color:var(--ui-active-color);cursor:pointer}.litepicker .container__months .month-item-header .button-previous-month::before{content:""}.litepicker .container__months .month-item-header .button-next-month::before{content:""}.litepicker .container__months .month-item-weekdays-row{color:var(--text-muted-color);margin:.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(--ui-active-color)!important}.litepicker .container__months .container__days .day-item.is-in-range{background-color:var(--blue50)}.litepicker .container__months .container__days .day-item:hover{box-shadow:inset 0 0 0 .0625rem var(--ui-active-color)}.litepicker.single-mode-datepicker{border:1px solid var(--ui-active-color);border-radius:.25rem}.litepicker.single-mode-datepicker .container__months{background-color:inherit}.litepicker.single-mode-datepicker .container__days{padding-bottom:1rem;border-bottom:1px solid var(--ui-border-color)}.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(--ui-active-color);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:.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:0 0;border:0}@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}}@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}embeddedservice-chat-header{}embeddedservice-chat-header :where(lightning-icon,svg){fill:var(--white,#fff);inline-size:100%}embeddedservice-chat-header button.minimizeButton,embeddedservice-chat-header button.closeButton{padding-inline:6px}@layer page{.content-header {
    margin-block: var(--gap-md); }
    @media (min-width:991px) {
      .content-header {
        margin-block-start: var(--gap-xxl); } }
  .content-overview {
    flex-direction: column;
    margin-block-start: var(--gap-xs);
    gap: var(--gap-xs);
    padding-block-end: var(--gap-xs);
    margin-block-end: var(--gap-xs); }
    @media (min-width:991px) {
      .content-overview {
        flex-direction: row;
        margin-block-end: var(--gap-sm);
        justify-content: space-between;
        gap: var(--gap-md);
        padding-block-end: var(--gap-lg); } }
  .content-overview-wrapper {
    margin-block-end: var(--gap-xs); }
    @media (min-width:991px) {
      .content-overview-wrapper {
        display: flex;
        flex-direction: column-reverse;
        border-block-end: 1px solid var(--ui-border-color);
        margin-block-end: 2rem; } }
  .content-sidebar .hud-item {
    padding-inline: var(--gap-xs);
    border-left: 1px solid var(--black);
    min-inline-size: 10rem; }
  .content-sidebar.is-sticky {
    position: relative; }
    @media (min-width:1600px) {
      .content-sidebar.is-sticky > *:first-child {
        position: sticky;
        top: 0; } }
  .content-with-sidebar {
    display: grid;
    gap: var(--gap-md); }
    @media (min-width:1600px) {
      .content-with-sidebar {
        grid-template-areas: "main sidebar";
        grid-template-columns: 1fr 0.25fr; }
        .content-with-sidebar > .content-sidebar {
          grid-area: sidebar; }
        .content-with-sidebar > .content-sidebar .content-overview {
          padding-block-start: var(--gap-md); }
        .content-with-sidebar > .content-main {
          grid-area: main; }
        .content-with-sidebar > .content-main .content-overview {
          display: none; } } }@layer page{@media (max-width:767px) {
    #pageTitle {
      font-size: 1.5rem !important;
      line-height: normal !important; }
    .page-header-heading {
      margin-block-end: var(--gap-xs) !important; }
    .page-header-utility > *:first-child:not(:only-child) {
      margin-block-end: var(--gap-xs) !important; } }
  @media (max-width:1200px) {
    .page-header {
      margin-block: var(--gap-md); }
    .page-header-heading {
      margin-block-end: var(--gap-md); }
    .page-header-utility > *:first-child:not(:only-child) {
      margin-block-end: var(--gap-sm); } }
  @media (min-width:1200px) {
    .page-header-utility {
      display: flex;
      justify-self: flex-end;
      gap: var(--gap-md);
      align-items: center; }
    .page-header {
      margin-block: var(--gap-lg) var(--gap-md);
      display: grid;
      gap: var(--gap-md);
      grid-template-columns: 1fr max-content;
      justify-content: space-between;
      align-items: center; } } }@layer variables{:root {
    --font-monospace: "Source Code Pro", "Courier New", Courier, monospace;
    --credit-card-aspect-ratio: 1.586;
    --credit-card-width: 21.25rem;
    --shadow-sm-inverted: 0 -0.8px 1.1px hsl(var(--shadow-color) / 0.03),
      0 -1.2px 1.6px -0.6px hsl(var(--shadow-color) / 0.04), 0 -2.4px 3.1px -1.2px hsl(var(--shadow-color) / 0.06);
    --shadow-md-inverted: 0 -0.8px 1.1px hsl(var(--shadow-color) / 0.02),
      0 -2.2px 2.9px -0.3px hsl(var(--shadow-color) / 0.03), 0 -3.8px 5px -0.6px hsl(var(--shadow-color) / 0.04),
      0 -6.8px 8.9px -0.9px hsl(var(--shadow-color) / 0.05),
      -0.1px -12.1px 15.9px -1.2px hsl(var(--shadow-color) / 0.05);
    --shadow-lg-inverted: 0 -0.8px 1.1px hsl(var(--shadow-color) / 0.02),
      0 -3.1px 4.1px -0.1px hsl(var(--shadow-color) / 0.02), 0 -5.1px 6.7px -0.3px hsl(var(--shadow-color) / 0.03),
      0 -7.2px 9.5px -0.4px hsl(var(--shadow-color) / 0.03), 0 -9.8px 12.9px -0.6px hsl(var(--shadow-color) / 0.04),
      -0.1px -13.1px 17.2px -0.7px hsl(var(--shadow-color) / 0.04),
      -0.1px -17.5px 23px -0.8px hsl(var(--shadow-color) / 0.04),
      -0.1px -23.3px 30.6px -1px hsl(var(--shadow-color) / 0.05),
      -0.1px -30.9px 40.6px -1.1px hsl(var(--shadow-color) / 0.05),
      -0.2px -40.5px 53.2px -1.2px hsl(var(--shadow-color) / 0.05); } }body.webview #headerSidebar ul li #create-reports-sub-menu{display:none}body.webview .download-link{display:none!important}body.webview footer{display:none}@layer page{@media (max-width:767px) {
    .page-header {
      margin-block-start: var(--gap-0);
      margin-block-end: var(--gap-xs); }
    .driven-connect-app {
       }
      .driven-connect-app .page-header {
        margin-top: 0 !important; }
      .driven-connect-app .page-header-utility .btn-primary {
        margin-block-end: 0; }
      .driven-connect-app .contentOverview {
        margin-bottom: 1rem;
        padding-bottom: 1rem; } } }@layer base{* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; }
  @media (max-width:991px) {
    #page-container {
      padding: 0 1rem 0 1rem; } }
  banner p,
  banner button {
    text-transform: initial; }
  banner .banner-action-button span {
    text-decoration: underline; }
  banner.with-action .banner-close-button span {
    text-decoration: underline; }
  .input-wrapper .vsb-main.disabled,
  .input-wrapper [disabled] + .vsb-main {
    pointer-events: none; }
  .input-wrapper .sublabel {
    font-size: 0.875rem;
    color: var(--text-muted-color);
    margin: 0.25rem 0 0; }
  .input-wrapper.error .vsb-main button {
    border-color: var(--red); }
  .input-wrapper.error .sublabel {
    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; } }
  .popdown-menu::before {
    white-space: pre-line; }
  @keyframes ghost-loading {
    0% {
      background-color: #a3b8c2; }
    100% {
      background-color: #f0f3f5; } }
  .group {
    display: flex;
    gap: 1rem; }
    .group.vertical {
      flex-direction: column;
      align-items: center;
      gap: 1.5rem; }
  .radio .checkmark.disabled {
    background-color: var(--gray100) !important;
    border-color: var(--gray500) !important; }
  body {
    overflow-x: hidden; }
  
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    display: none; }
  button.cancel-add-dept-btn {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 2.75rem;
    background-color: transparent;
    color: var(--text-color);
    border-color: transparent; }
    button.cancel-add-dept-btn:is(button) {
      cursor: pointer;
      appearance: none; }
    button.cancel-add-dept-btn:is(a) {
      text-align: center; }
    button.cancel-add-dept-btn:active:not(.dropdown-button) {
      scale: 0.96; }
    button.cancel-add-dept-btn:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #e3f2fd; }
    button.cancel-add-dept-btn:is([disabled], [aria-disabled="true"], .disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed;
      pointer-events: none; }
    button.cancel-add-dept-btn::before {
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
      
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: inherit;
      font-size: calc(2.75rem * 0.6);
      content: ""; }
    button.cancel-add-dept-btn:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    button.cancel-add-dept-btn::before {
      font-size: 1.5rem;
      color: var(--ui-active-color); }
  button.expand-button {
    position: relative;
    inline-size: 100%;
    text-align: left;
    margin: 0 0 1rem 0;
    padding: 0 1.5rem 0 0;
    appearance: none;
    background-color: transparent;
    border: 0; }
    button.expand-button span {
      font-family: "GT America Md", sans-serif;
      font-size: 1rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.025rem;
      line-height: 1.25rem; }
    button.expand-button span:last-of-type:not(:only-child) {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem;
      letter-spacing: 0;
      text-transform: none; }
    button.expand-button:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    button.expand-button::after {
      
      font-family: "icon-ifleet" !important;
      font-weight: normal;
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      speak: never;
      
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: var(--text-color);
      font-size: 1.25rem;
      content: "";
      position: absolute;
      inset: 0 0 auto auto;
      transition: transform 0.2s ease; }
    .expandable.opened button.expand-button::after {
      transform: rotate(180deg); }
    .block-header button.expand-button[aria-expanded="true"]::after {
      transform: rotate(180deg); }
  .btn-input {
    width: 100%;
    font-family: var(--font-regular);
    font-size: 1rem;
    background-color: var(--lightBlueGray);
    color: var(--text-color);
    border-width: 0.0625rem;
    border-style: solid;
    border-color: var(--ui-border-color);
    border-radius: 0.25rem;
    padding: 0.875rem 0.5rem;
    transition: var(--form-control-transition);
    min-block-size: var(--input-height);
    font-family: "GT America Rg", sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    line-height: unset;
    text-align: left; }
    .btn-input:not(:disabled):hover {
      border-color: var(--ui-active-color); }
    .btn-input:disabled {
      background-color: var(--gray100);
      border-color: var(--gray500);
      cursor: not-allowed;
      opacity: 1; }
    .btn-input:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .btn-input > span {
      
      display: -webkit-box;
      white-space: normal;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }
  [class*="icon-"],
  :is(button, a)[class*="btn-"][data-is-busy]:where([disabled], [aria-disabled="true"]) {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem; }
    [class*="icon-"]:empty,
    :is(button, a)[class*="btn-"][data-is-busy]:where([disabled], [aria-disabled="true"]):empty {
      padding: 0; }
  :is(button, a)[class*="btn-"][data-is-busy]:where([disabled], [aria-disabled="true"]):not(:empty)::before {
    display: inline-block;
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    margin-top: calc(var(--icon-size-sm) * -0.5);
    margin-left: calc(var(--icon-size-sm) * -0.5);
    border: 0.125rem solid var(--gray100);
    border-top-color: var(--gray600);
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
  :is(button, a)[class*="btn-"][data-is-busy]:where([disabled], [aria-disabled="true"]):not(.btn-switch):empty {
    position: relative; }
    :is(button, a)[class*="btn-"][data-is-busy]:where([disabled], [aria-disabled="true"]):not(.btn-switch):empty::after {
      display: inline-block;
      width: var(--icon-size-md);
      height: var(--icon-size-md);
      margin-top: calc(var(--icon-size-md) * -0.5);
      margin-left: calc(var(--icon-size-md) * -0.5);
      border: 0.125rem solid var(--gray100);
      border-top-color: var(--gray600);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      position: absolute;
      inset: 0;
      margin: 0; }
  .btn-quaternary {
    display: inline-block;
    font-family: "GT America Md", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, scale 0.15s;
    border: 0.125rem solid transparent;
    border-radius: var(--ui-pill-radius);
    padding-block: clamp(8px, 1svh, 12px);
    padding-inline: clamp(8px, 3vw, 40px);
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border-color: #000; }
    .btn-quaternary:is(button) {
      cursor: pointer;
      appearance: none; }
    .btn-quaternary:is(a) {
      text-align: center; }
    .btn-quaternary:active:not(.dropdown-button) {
      scale: 0.96; }
    .btn-quaternary:not([disabled], [aria-disabled="true"], .disabled):hover {
      background-color: #212121;
      color: var(--white);
      border-color: #212121; }
    .btn-quaternary:is([disabled], [aria-disabled="true"], .disabled) {
      background-color: transparent;
      color: var(--text-disabled-color);
      border-color: var(--ui-border-color);
      cursor: not-allowed;
      pointer-events: none; }
    .btn-quaternary:focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: var(--outline-offset); }
    .btn-quaternary:not(:hover) {
      color: var(--ui-active-color); }
  .slide-panel {
    container-type: normal;
    right: -101vw; }
    .slide-panel .heading-wrapper :is(h2, h3, h4, h5, h6) {
      font-family: "GT America Md", sans-serif;
      font-size: 1.5rem;
      font-weight: 900;
      line-height: 1.8125rem;
      margin-block: 1.33em 0; }
      @media (max-width:540px) {
        .slide-panel .heading-wrapper :is(h2, h3, h4, h5, h6) {
          margin-block-start: 2.25rem; } }
    .slide-panel.open .alert-trigger {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .slide-panel .slide-panel-tab-menu > ul > li:not(.active) > driven-icon {
      opacity: 50%;
      pointer-events: none; }
  .slide-panel,
  .slide-content-wrapper {
    width: 100%; }
  .slide-panel.open {
    inset: 0 !important;
    max-width: unset !important; }
    @media (min-width:540px) {
      .slide-panel.open {
        inset: 0 0 auto auto !important;
        max-width: 24.375rem !important; } }
  .slide-panel.open .slide-content-wrapper {
    position: relative !important;
    max-width: unset !important;
    overflow-x: hidden !important; }
  .header-sidebar {
    --transition-duration: 250ms;
    display: flex;
    flex-direction: column;
    grid-column: 1 / 2;
    inline-size: var(--side-bar-width);
    min-block-size: 1dvh;
    background: var(--white);
    box-shadow: var(--shadow-md); }
  .header-sidebar-wrapper {
    position: sticky;
    inset: 0 auto auto 0;
    overflow-y: auto;
    max-block-size: 100vh;
    max-block-size: 100dvh; }
    .header-sidebar-wrapper::-webkit-scrollbar {
      width: 1rem; }
    .header-sidebar-wrapper::-webkit-scrollbar-track {
      background-color: var(--gray100); }
    .header-sidebar-wrapper::-webkit-scrollbar-thumb {
      background-color: var(--gray500);
      border: 0.1875rem solid var(--gray100);
      border-radius: var(--ui-pill-radius); }
  .header-nav {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: var(--text-color); }
  .header-nav[aria-atomic="true"][aria-live="polite"][aria-busy="true"] {
    cursor: wait; }
    .header-nav[aria-atomic="true"][aria-live="polite"][aria-busy="true"]::before,
    .header-nav[aria-atomic="true"][aria-live="polite"][aria-busy="true"] > [role="menu"]::before,
    .header-nav[aria-atomic="true"][aria-live="polite"][aria-busy="true"] > [role="menu"]::after {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 3rem;
      inline-size: auto;
      border-radius: var(--border-radius-sm);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate;
      content: "";
      display: block;
      margin: 0 var(--gap-sm) var(--gap-sm) var(--gap-sm); }
    .header-nav[aria-atomic="true"][aria-live="polite"][aria-busy="true"] > [role="menu"] * {
      position: absolute;
      opacity: 0; }
  .header-nav-menu {
    flex-grow: 1; }
  .header-logo {
    text-align: center;
    padding: var(--gap-sm) var(--gap-sm) 0 var(--gap-sm); }
  .logo-big,
  .header-logo-link {
    display: inline-block;
    inline-size: var(--width, auto);
    max-inline-size: 100%;
    max-block-size: var(--max-height, auto); }
  .header-nav > [role="menu"] > li[role="menuitem"] {
    background: var(--backgroundBlueGray); }
  .header-nav > [role="menu"] > li[role="menuitem"] > :where(a, button) {
    font-family: "GT America Md", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
    margin: 0;
    padding: var(--gap-xs) var(--gap-sm);
    background: var(--white);
    transition: background var(--transition-duration); }
    .header-nav > [role="menu"] > li[role="menuitem"] > :where(a, button):not([aria-expanded="true"], [aria-disabled="true"], .disabled, .read-only, :disabled):hover {
      background: var(--gray100); }
    .header-nav > [role="menu"] > li[role="menuitem"] > :where(a, button):is([aria-disabled="true"], .disabled, .read-only, :disabled) {
      color: var(--text-disabled-color);
      cursor: not-allowed; }
    .header-nav > [role="menu"] > li[role="menuitem"] > :where(a, button):focus-visible {
      outline: var(--outline-width) var(--outline-style) var(--outline-color);
      outline-offset: -2px; }
  .header-nav > [role="menu"] > li[aria-current="page"] > :where(a, button),
  .header-nav > [role="menu"] > li.current > button[aria-expanded],
  .header-nav > [role="menu"] > li.selected > li[role="menuitem"] > :where(a, button) {
    background: var(--blue50); }
  .header-nav > [role="menu"] > li[aria-current="page"] > :where(a, button) > driven-icon {
    color: var(--ui-active-color); }
  .header-nav [role="menu"] {
    list-style: none; }
    .header-nav [role="menu"] > li > :where(a, button) {
      position: relative;
      inline-size: 100%;
      text-align: left;
      border: 0; }
      .header-nav [role="menu"] > li > :where(a, button)::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        inset: 50% var(--gap-xs) auto auto;
        translate: 0 -50%;
        font-size: var(--icon-size-sm);
        transition: rotate var(--transition-duration); }
    .header-nav [role="menu"] > li > :where(a, button)[data-is-busy]::after {
      display: inline-block;
      width: var(--icon-size-sm);
      height: var(--icon-size-sm);
      margin-top: calc(var(--icon-size-sm) * -0.5);
      margin-left: calc(var(--icon-size-sm) * -0.5);
      border: 0.125rem solid var(--gray300);
      border-top-color: var(--gray500);
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
      content: "";
      position: absolute;
      inset: 50% var(--gap-xs) auto auto;
      cursor: wait; }
    .header-nav [role="menu"] > li > button[aria-expanded="false"] + .sub-menu-container {
      grid-template-rows: 0fr; }
    .header-nav [role="menu"] > li > button[aria-expanded="true"] + .sub-menu-container {
      grid-template-rows: 1fr;
      padding-block: var(--gap-xs); }
    .header-nav [role="menu"] .sub-menu-container > ul[role="menu"] {
      overflow: hidden; }
    .header-nav [role="menu"] > li > button[aria-expanded]::after {
      content: "";
      color: var(--ui-active-color); }
    .header-nav [role="menu"] > li > button[aria-expanded="true"]::after {
      rotate: 180deg; }
    .header-nav [role="menu"] .sub-menu-container {
      display: grid;
      transition: grid-template-rows var(--transition-duration), padding-block var(--transition-duration); }
    .header-nav [role="menu"] .sub-menu-container li[role="menuitem"] :where(a, button) {
      position: relative;
      display: block;
      padding: var(--gap-xs) var(--gap-sm); }
      .header-nav [role="menu"] .sub-menu-container li[role="menuitem"] :where(a, button):not([aria-disabled="true"], [data-is-busy], .disabled, .read-only, :disabled):hover {
        text-decoration: underline; }
      .header-nav [role="menu"] .sub-menu-container li[role="menuitem"] :where(a, button):is([aria-disabled="true"], .disabled, .read-only, :disabled) {
        font-style: italic;
        color: var(--text-disabled-color);
        cursor: not-allowed; }
      .header-nav [role="menu"] .sub-menu-container li[role="menuitem"] :where(a, button):focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: -2px;
        border-radius: var(--border-radius-xs); }
      .header-nav [role="menu"] .sub-menu-container li[role="menuitem"] :where(a, button)[data-is-busy] {
        font-style: italic;
        color: var(--text-disabled-color); }
      .header-nav [role="menu"] .sub-menu-container li[role="menuitem"] :where(a, button)[data-is-busy]::after {
        display: inline-block;
        width: var(--icon-size-sm);
        height: var(--icon-size-sm);
        margin-top: calc(var(--icon-size-sm) * -0.5);
        margin-left: calc(var(--icon-size-sm) * -0.5);
        border: 0.125rem solid var(--white);
        border-top-color: var(--gray500);
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite;
        content: "";
        position: absolute;
        inset: 50% var(--gap-xs) auto auto;
        cursor: wait; }
    .header-nav [role="menu"] .sub-menu-container li[role="menuitem"][aria-current="page"] :where(a, button) {
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500; }
      .header-nav [role="menu"] .sub-menu-container li[role="menuitem"][aria-current="page"] :where(a, button)::before {
        --width: 0.25rem;
        content: "";
        position: absolute;
        inset: 50% auto auto 0;
        translate: 0 -50%;
        background: var(--ui-active-color);
        inline-size: var(--width);
        block-size: calc(var(--width) * 5);
        border-top-right-radius: var(--border-radius-xs);
        border-bottom-right-radius: var(--border-radius-xs); }
    .header-nav [role="menu"] .sub-menu-container li[role="menuitem"]:not([aria-current="page"]) :where(a, button) {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem; }
  .header-nav [role="menu"] > li:not([data-menuitem="AddOnProducts"], [data-menuitem="Rewards"]) [role="menuitem"] {
    text-transform: capitalize; }
  .mega-menu-trigger > driven-icon::before {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    font-size: 1.5rem; }
  .mobile-menu {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: var(--gap-lg) var(--gap-md) var(--gap-sm);
    background: var(--white); }
    .mobile-menu-message-center,
    .mobile-menu .mobile-menu-trigger {
      min-width: 2.5rem; }
    .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: var(--shadow-sm); }
  #mobile-sidebar-overlay {
    display: none; }
  @media (max-width:991px) {
    .header-sidebar {
      position: absolute;
      inset: 0;
      display: none;
      translate: -100%;
      transition-duration: var(--transition-duration);
      transition-property: display, translate;
      
      transition-behavior: allow-discrete;
      z-index: 10; }
    .header-sidebar.expanded {
      display: flex;
      translate: 0;
       }
    @starting-style {
      .header-sidebar.expanded {
        translate: -100%; } }
    .header-logo {
      display: none; }
    .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%; }
    #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; } }
  @media (max-width:767px) {
    .heading h1 {
      font-size: 1.75rem; } }
  
  .slide-panel .content-wrapper ul li.calendar-wrap {
    margin: 0 0 2rem; }
  .slide-panel .content-wrapper ul li.calendar-from-to-wrap {
    margin-bottom: 0; }
  .litepicker {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ui-border-color);
    box-shadow: none; }
  .litepicker .container-main {
    justify-content: center; }
  .litepicker .month-item-header {
    border-bottom: 1px solid var(--ui-border-color); }
  .litepicker .container__months .month-item-weekdays-row {
    justify-self: auto !important;
    text-transform: uppercase; }
  :where(fixedbanners, fixedbanner) {
    display: block; }
  fixedbanners {
    position: fixed;
    inset: auto auto 0 0;
    inline-size: 100%;
    z-index: 9; }
    @media (max-width:767px) {
      fixedbanners.scroll-down fixedbanner {
        translate: 0 100%; } }
  fixedbanner {
    text-align: center;
    padding: var(--gap-sm);
    transition: translate 250ms; }
    fixedbanner p {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem;
      margin: 0; }
  :where(.readonly-banner, .accountlocked-banner, .nocard-banner,.readlocked-banner, .financial-locked-banner,.accountsetup-banner) {
    color: var(--white); }
  .readonly-banner {
    background: var(--system-color); }
  .accountlocked-banner {
    background: var(--trouble-color); }
  .readlocked-banner {
    background: var(--error-color); }
  .financial-banner {
    background: var(--orange); }
  .financial-locked-banner {
    background: var(--error-color); }
  .nocard-banner {
    background: var(--error-color); }
  .accountsetup-banner {
    background: var(--info-color); }
  .accountsetup-banner p {
    font-size: 1rem !important;
    font-weight: bold !important; }
  .tab-navigation {
    display: flex;
    flex-direction: row; }
    .tab-navigation .tab-button {
      flex: 1;
      font-family: var(--font-extrabold);
      font-size: 1rem;
      color: var(--text-muted-color);
      text-transform: uppercase;
      padding: 20px 0;
      background: var(--gray300);
      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(--ui-active-color); } }
      @media (max-width:767px) {
        .tab-navigation .tab-button {
          font-family: var(--font-semibold);
          color: var(--text-muted-color);
          text-transform: capitalize;
          padding: 0.75rem 0 0.5625rem;
          background: transparent;
          border-bottom: 0.125rem solid var(--ui-border-color); } }
  .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(--text-muted-color);
      text-align: center;
      padding: 0 0.75rem 0.25rem;
      background: transparent;
      border: 0;
      border-bottom: 4px solid var(--ui-border-color);
      cursor: pointer; }
      .tab-wrap .tab-header-wrap button.active {
        color: var(--black);
        border-bottom: 0.25rem solid var(--ui-active-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; }
  @font-face {
    font-family: "Source Code Pro";
    src: url("/fonts/SourceCodePro-Black.woff2") format("woff2"), url("/fonts/SourceCodePro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "Source Code Pro";
    src: url("/fonts/SourceCodePro-Light.woff2") format("woff2"), url("/fonts/SourceCodePro-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "Source Code Pro";
    src: url("/fonts/SourceCodePro-Regular.woff2") format("woff2"), url("/fonts/SourceCodePro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: "Source Code Pro";
    src: url("/fonts/SourceCodePro-Semibold.woff2") format("woff2"), url("/fonts/SourceCodePro-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap; }
  body {
    display: none; }
    body.auth-succeed {
      display: block; }
  :is(.tabulator-cell, .no-fleet, .has-value):empty {
    position: relative;
    min-height: 1.25rem;
    padding: 0;
    background: transparent; }
    :is(.tabulator-cell, .no-fleet, .has-value):empty::before {
      position: absolute;
      display: block;
      width: 1.25rem;
      height: 0.125rem;
      background: var(--black);
      transform: translate(-50%, -50%);
      inset: 50% auto auto 50%;
      content: ""; }
  .ad:empty {
    display: none; } }@layer components{[class*="btn-"][data-notifications]:not([data-notifications="0"]) {
    position: relative; }
  [class*="btn-"][data-notifications]:not([data-notifications="0"])::after {
    position: absolute;
    font-size: 70%;
    
    color: var(--white);
    text-align: center;
    
    background: #b00020;
    border-radius: var(--ui-pill-radius);
    content: attr(data-notifications);
    inset: -0.371875rem -0.371875rem auto auto;
    min-inline-size: calc(1.0625rem - (0.1875rem * 2));
    block-size: 1.0625rem;
    padding-inline: 0.1875rem; }
  .credit-card {
    --timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    border-radius: 0.5rem;
    box-sizing: border-box;
    aspect-ratio: var(--aspect-ratio, 1.586);
    max-inline-size: 21.25rem; }
    @supports (-webkit-hyphens: none) {
      .credit-card {
        block-size: 13.5rem; } }
    .credit-card-badge {
      position: absolute;
      z-index: 1;
      inset: 0 0 auto auto;
      translate: 0 -50%; }
    .credit-card-icon {
      position: absolute;
      inset: var(--gap-sm) var(--gap-sm) auto auto; }
    .credit-card-img {
      position: absolute; }
    .credit-card-details {
      position: relative;
      align-content: end;
      border-radius: inherit;
      box-sizing: border-box;
      z-index: 1;
      margin-inline-end: 35%; }
    .credit-card div:empty:not([aria-hidden="true"]) {
      display: none; }
    .credit-card:has(.credit-card-img:not([src])) {
      background-color: rgba(0, 0, 0, 0.05);
      block-size: 100%;
      inline-size: 100%;
      border-radius: var(--border-radius-sm);
      cursor: wait;
      animation: bgTo 1s linear infinite alternate; }
    .credit-card-tilted {
      width: 100%;
      border-inline-start: 0.125rem solid transparent;
      border-block-end: 0.0625rem solid transparent;
      border-radius: 0.8125rem;
      transition-timing-function: var(--timing-function);
      transition-duration: 400ms;
      transition-property: transform, rotate, scale, border;
      -webkit-box-reflect: below 4px linear-gradient(transparent 0%, transparent 80%, rgba(0, 0, 0, 0.15) 100%); }
    .credit-card-tilted:not(:hover) {
      border-color: var(--edge-color); }
      @media (prefers-reduced-motion: no-preference) {
        .credit-card-tilted:not(:hover) {
          transform: perspective(300px) rotateY(10deg);
          rotate: -5deg;
          scale: 85% 100%; } }
  .utility-menu {
    display: flex;
    align-items: center;
    gap: var(--gap-md) var(--gap-lg); }
    @media (max-width:767px) {
      .utility-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--gap-sm) var(--gap-md); } }
    .utility-menu > :where(a, button) {
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500;
      position: relative;
      margin-block-start: 0.375rem;
      display: grid;
      color: var(--text-color);
      text-align: center;
      margin: 0;
      padding: 0;
      background: none;
      border: 0;
      justify-items: center; }
      .utility-menu > :where(a, button):is(:disabled, [aria-disabled="true"]) {
        color: var(--text-disabled-color);
        cursor: not-allowed; }
      .utility-menu > :where(a, button):is(:disabled, [aria-disabled="true"])::before {
        color: var(--gray500); }
      .utility-menu > :where(a, button):is(:disabled, [aria-disabled="true"])::after {
        border-color: var(--gray400); }
      .utility-menu > :where(a, button):is(:disabled, [aria-disabled="true"])[data-is-busy] {
        cursor: wait; }
      .utility-menu > :where(a, button):is(:disabled, [aria-disabled="true"])[data-is-busy]::after {
        border-top-color: var(--ui-active-color);
        animation: rotate calc(var(--ui-animation-duration) * 2) cubic-bezier(1, 0.5, 0.5, 0.5) infinite; }
      .utility-menu > :where(a, button)::after {
        --bw: 2px;
        content: "";
        position: absolute;
        width: calc(var(--icon-size-md) - var(--bw));
        height: calc(var(--icon-size-md) - var(--bw));
        inset: -7px 50% auto auto;
        translate: 50%;
        border: var(--bw) solid var(--ui-active-color);
        border-radius: var(--icon-size-md); }
      .utility-menu > :where(a, button) > span[data-notifications]:not([data-notifications="0"])::after {
        position: absolute;
        font-size: 70%;
        
        color: var(--white);
        line-height: 1.75;
        text-align: center;
        
        background: #b00020;
        border-radius: var(--ui-pill-radius);
        z-index: 1;
        content: attr(data-notifications);
        inset: -0.371875rem 0.53125rem auto auto;
        min-inline-size: calc(1.0625rem - (0.1875rem * 2));
        block-size: 1.0625rem;
        padding-inline: 0.1875rem; }
      .utility-menu > :where(a, button) > span.grab-attention[data-notifications]:not([data-notifications="0"])::after {
        animation: attention 5000ms alternate;
        animation-iteration-count: 4; }
  @keyframes attention {
    0%,
    95.5% {
      translate: 0; }
    97.5% {
      translate: 0 -55%; }
    100% {
      translate: 0; } }
      .utility-menu > :where(a, button) > span {
        border-block-end: 1px solid transparent; }
      .utility-menu > :where(a, button)::before {
        color: var(--ui-active-color); }
      .utility-menu > :where(a, button):focus-visible {
        outline: 0; }
      .utility-menu > :where(a, button):focus-visible > span {
        background: var(--white);
        border-radius: var(--border-radius-xs);
        outline: 2px solid var(--ui-active-color); }
      .utility-menu > :where(a, button):not(:hover) > span {
        border-color: var(--ui-active-color); }
  .links-dropdown {
    --transition-duration: 250ms;
    --button-height: 3.5rem;
    --menu-background-color: var(--white);
    --menu-box-shadow: var(--shadow-md);
    --menuitem-height: 2.125rem;
    position: relative; }
    .links-dropdown-button {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: var(--white);
      border: 2px solid var(--ui-border-color);
      border-radius: var(--ui-pill-radius);
      min-inline-size: 11.875rem;
      padding-inline: var(--gap-xs);
      block-size: var(--button-height); }
    .links-dropdown > button {
      text-align: left; }
      .links-dropdown > button:focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: var(--outline-offset); }
      .links-dropdown > button.has-arrow:not(:disabled)::after {
        font-family: "icon-ifleet" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--icon-size-sm);
        color: var(--ui-active-color);
        content: "";
        transition: rotate var(--transition-duration);
        margin-inline-start: var(--gap-xs); }
      .links-dropdown > button.has-arrow:not(:disabled)[aria-expanded="true"]::after {
        rotate: 180deg; }
      .links-dropdown > button:disabled {
        cursor: default; }
    .links-dropdown > [role="menu"] {
      display: none;
      list-style: none;
      margin: 0;
      opacity: 0;
      transition-duration: var(--transition-duration);
      transition-property: display, opacity, translate;
      z-index: 2;
      transition-behavior: allow-discrete;
      inline-size: 100%; }
      .links-dropdown > [role="menu"]::-webkit-scrollbar {
        width: 1rem; }
      .links-dropdown > [role="menu"]::-webkit-scrollbar-track {
        background-color: var(--gray100); }
      .links-dropdown > [role="menu"]::-webkit-scrollbar-thumb {
        background-color: var(--gray500);
        border: 0.1875rem solid var(--gray100);
        border-radius: var(--ui-pill-radius); }
    @media (min-width:767px) {
      .links-dropdown > [role="menu"] {
        position: absolute;
        padding-block: calc(calc(var(--button-height) + var(--gap-sm)) * 0.5) var(--gap-sm);
        max-block-size: calc(var(--menuitem-height) * 7);
        top: calc(var(--button-height) * 0.5);
        background: var(--menu-background-color);
        box-shadow: var(--menu-box-shadow);
        overflow-y: auto;
        z-index: 2;
        translate: 0 calc(var(--button-height) * -1); }
      .links-dropdown [role="menuitem"] {
        min-block-size: var(--menuitem-height); }
      .links-dropdown > button {
        z-index: 3; }
      .links-dropdown > button[aria-expanded="true"] + [role="menu"] {
        display: block;
        opacity: 1;
        translate: 0; }
      @starting-style {
        .links-dropdown > button[aria-expanded="true"] + [role="menu"] {
          opacity: 0;
          translate: 0 calc(var(--button-height) * -1); } } }
    @media (max-width:767px) {
      .links-dropdown {
        inline-size: 100%; }
        .links-dropdown > [role="menu"] {
          position: fixed;
          inset: auto 0 0;
          max-block-size: 100dvh;
          background: var(--white);
          box-shadow: var(--shadow-lg-inverted);
          overflow-y: auto;
          z-index: 9999;
          padding-block-start: var(--gap-lg);
          translate: 0 100%; }
        .links-dropdown > [role="menu"]::after {
          position: absolute;
          background: var(--gray500);
          border-radius: var(--ui-pill-radius);
          content: "";
          block-size: 0.25rem;
          inline-size: 2rem;
          inset: 0.5rem auto auto 50%;
          translate: -50% 0; }
        .links-dropdown [role="menuitem"] {
          margin-inline: var(--gap-md);
          padding-block: var(--gap-sm);
          display: flex;
          align-items: center;
          gap: var(--gap-sm); }
          .links-dropdown [role="menuitem"]:not(:last-of-type, :first-of-type) {
            border-bottom: 1px solid var(--ui-border-color); }
        .links-dropdown > button {
          inline-size: 100%;
          z-index: 2; }
        .links-dropdown > button[aria-expanded="true"] + [role="menu"] {
          display: block;
          opacity: 1;
          translate: 0; }
      @starting-style {
        .links-dropdown > button[aria-expanded="true"] + [role="menu"] {
          opacity: 0;
          translate: 0 100%; } } }
  .gum-dropdown {
    --menu-background-color: var(--backgroundBlueGray); }
    .gum-dropdown [role="menuitem"] :where(a, button) {
      display: block;
      color: var(--text-color);
      font-family: "GT America Md", sans-serif;
      font-size: 1rem;
      font-weight: 500; }
      .gum-dropdown [role="menuitem"] :where(a, button):focus-visible {
        outline: var(--outline-width) var(--outline-style) var(--outline-color);
        outline-offset: -2px;
        border-radius: var(--border-radius-xs); }
      .gum-dropdown [role="menuitem"] :where(a, button):not([aria-disabled="true"]):hover {
        text-decoration: underline; }
      .gum-dropdown [role="menuitem"] :where(a, button)[aria-disabled="true"] {
        color: var(--text-disabled-color);
        cursor: not-allowed; }
    @media (min-width:767px) {
      .gum-dropdown [role="menuitem"] :where(a, button) {
        position: relative;
        padding: var(--gap-xs) var(--gap-sm); }
        .gum-dropdown [role="menuitem"] :where(a, button)::before {
          --width: 0.25rem;
          content: "";
          position: absolute;
          inset: 50% auto auto 0;
          translate: 0 -50%;
          background: var(--ui-active-color);
          inline-size: var(--width);
          block-size: calc(var(--width) * 5);
          border-top-right-radius: var(--border-radius-xs);
          border-bottom-right-radius: var(--border-radius-xs); } }
  @layer components {
    .theme-badge {
      --background: var(--blue50);
      --color: var(--text-color);
      font-family: "GT America Md", sans-serif;
      font-size: 0.75rem;
      font-weight: 500;
      letter-spacing: 0.0125rem;
      line-height: 0.9375rem;
      display: inline-block;
      color: var(--color);
      text-transform: uppercase;
      padding: var(--gap-xxs) var(--gap-xs);
      background: var(--background);
      border-radius: var(--ui-pill-radius); }
      .theme-badge:empty {
        display: none; } }
  .fleet-select [data-group="Inactive"] .theme-badge {
    --background: var(--gray100);
    --color: var(--text-disabled-color); }
  
  
  .neo-dialog {
    --padding: var(--gap-sm);
    padding: 0;
    border: 0;
    box-shadow: var(--shadow-lg);
    inline-size: 100%;
    max-inline-size: var(--max-width);
    max-block-size: 100%;
    overflow-x: hidden; }
    .neo-dialog:not(.has-backdrop)::backdrop {
      opacity: 0; }
    .neo-dialog:is(.has-animation-fade, .has-animation-slide) {
      transition-duration: var(--animation-speed);
      transition-behavior: allow-discrete; }
      .neo-dialog:is(.has-animation-fade, .has-animation-slide)::backdrop {
        transition: backdrop-filter var(--animation-speed), background var(--animation-speed); }
    .neo-dialog.has-animation-fade {
      opacity: 0;
      transition-property: display, overlay, opacity; }
      .neo-dialog.has-animation-fade[open] {
        opacity: 1; }
  @starting-style {
    .neo-dialog.has-animation-fade[open] {
      opacity: 0; } }
    .neo-dialog.has-animation-slide.is-modal {
      translate: 0 50%;
      opacity: 0;
      transition-property: translate, display, overlay, opacity; }
      .neo-dialog.has-animation-slide.is-modal[open] {
        translate: 0;
        opacity: 1; }
  @starting-style {
    .neo-dialog.has-animation-slide.is-modal[open] {
      translate: 0 -50%;
      opacity: 0; } }
    .neo-dialog.has-animation-slide:is(.is-offcanvas-left, .is-offcanvas-right) {
      transition-property: translate, display, overlay;
      translate: var(--translate); }
      .neo-dialog.has-animation-slide:is(.is-offcanvas-left, .is-offcanvas-right)[open] {
        translate: 0; }
  @starting-style {
    .neo-dialog.has-animation-slide:is(.is-offcanvas-left, .is-offcanvas-right)[open] {
      translate: var(--translate); } }
    .neo-dialog.has-animation-slide.is-drawer {
      translate: 0 100%;
      opacity: 0;
      transition-property: translate, display, overlay, opacity; }
      .neo-dialog.has-animation-slide.is-drawer[open] {
        translate: 0;
        opacity: 1; }
  @starting-style {
    .neo-dialog.has-animation-slide.is-drawer[open] {
      translate: 0 100%;
      opacity: 0; } }
    .neo-dialog-content {
      padding: var(--padding);
      min-block-size: 100%; }
    .neo-dialog.is-modal {
      --max-width: 31.25rem;
      border-radius: 0.5rem; }
    .neo-dialog:is(.is-offcanvas-left, .is-offcanvas-right) {
      --max-width: 24.375rem;
      height: 100dvh;
      margin: 0; }
    .neo-dialog.is-offcanvas-left {
      --translate: -100%; }
    .neo-dialog.is-offcanvas-right {
      --translate: 100%;
      inset: 0 0 auto auto; }
    .neo-dialog.is-drawer {
      --translate: 0 -100%;
      inset: auto auto 0 0;
      max-block-size: 50dvh;
      border-top-left-radius: var(--border-radius-md);
      border-top-right-radius: var(--border-radius-md); }
    .neo-dialog.is-drawer::after {
      position: absolute;
      inset: var(--gap-xs) auto auto 50%;
      translate: -50% 0;
      content: "";
      background: var(--gray500);
      block-size: 0.25rem;
      inline-size: 2rem;
      border-radius: var(--ui-pill-radius); }
    .neo-dialog[open]::backdrop {
      backdrop-filter: blur(2px);
      background: rgba(0, 0, 0, 0.35); }
  @starting-style {
    .neo-dialog[open]::backdrop {
      backdrop-filter: blur(0);
      background: rgba(0, 0, 0, 0); } }
    .neo-dialog-close {
      position: absolute;
      inset: var(--padding) var(--padding) auto auto; }
    .neo-dialog-close-wrapper.is-sticky {
      position: sticky;
      inset: 0 0 auto auto;
      z-index: 2; }
    .neo-dialog-content:has(.neo-dialog-header.is-sticky) {
      padding-block-start: 0; }
    .neo-dialog-content:has(.neo-dialog-footer.is-sticky) {
      padding-block-end: 0; }
    .neo-dialog :where(.neo-dialog-header, .neo-dialog-footer).is-sticky {
      position: sticky;
      padding: var(--padding);
      margin-inline: calc(var(--padding) * -1);
      background: var(--white);
      z-index: 1; }
    .neo-dialog-header.is-sticky {
      top: 0;
      border-block-end: 1px solid var(--ui-border-color); }
    .neo-dialog-footer.is-sticky {
      bottom: 0;
      border-block-start: 1px solid var(--ui-border-color); }
    .neo-dialog.is-tabbed.has-animation-slide:is(.is-offcanvas-left, .is-offcanvas-right) .neo-dialog-tablist {
      transition-property: translate, display, overlay;
      translate: var(--translate); }
    .neo-dialog.is-tabbed.has-animation-slide:is(.is-offcanvas-left, .is-offcanvas-right)[open] .neo-dialog-tablist {
      translate: 0; }
  @starting-style {
    .neo-dialog.is-tabbed.has-animation-slide:is(.is-offcanvas-left, .is-offcanvas-right)[open] .neo-dialog-tablist {
      translate: var(--translate); } }
    .neo-dialog .neo-dialog-tablist {
      --min-tab-width: 4.0625rem;
      --min-tab-height: 4.375rem;
      --tab-width: auto;
      --tab-height: auto;
      --tab-icon-size: var(--icon-size-sm);
      display: flex;
      background: var(--lightBlueGray);
      overflow-x: auto;
      transition-duration: calc(var(--animation-speed) * 1.5); }
    .neo-dialog .neo-dialog-tablist button {
      font-family: "GT America Md", sans-serif;
      font-size: 0.875rem;
      font-weight: 500;
      position: relative;
      display: grid;
      align-content: center;
      inline-size: minmax(var(--min-tab-width), var(--tab-width));
      block-size: minmax(var(--min-tab-height), var(--tab-height));
      margin: 0;
      padding: var(--gap-xs);
      background: none;
      border: 0; }
    .neo-dialog .neo-dialog-tablist button::before {
      font-size: var(--tab-icon-size); }
    .neo-dialog .neo-dialog-tablist button:not(:last-child)::after {
      content: "";
      position: absolute;
      background: var(--gray500); }
    .neo-dialog .neo-dialog-tablist button:not(:last-child)::after {
      inset: 50% 0 auto auto;
      translate: 0 -50%;
      width: 1px;
      height: 75%; }
    .neo-dialog .neo-dialog-tablist button[aria-selected="false"] {
      color: var(--text-muted-color); }
    .neo-dialog .neo-dialog-tablist button[aria-selected="true"] {
      background: var(--white);
      cursor: default; }
      .neo-dialog .neo-dialog-tablist button[aria-selected="true"]::before {
        color: var(--ui-active-color); }
    .neo-dialog .neo-dialog-tablist button:disabled {
      color: var(--text-disabled-color);
      opacity: 0.75;
      cursor: not-allowed; }
    @media (min-width:767px) {
      .neo-dialog.is-tabbed:is(.is-offcanvas-left, .is-offcanvas-right) {
        overflow: visible; }
      .neo-dialog.is-tabbed:is(.is-offcanvas-left, .is-offcanvas-right) .neo-dialog-content {
        position: relative;
        block-size: 100dvh;
        overflow-y: auto; }
      .neo-dialog .neo-dialog-tablist {
        --tablist-border-radius: var(--border-radius-md); }
      .neo-dialog.is-tabbed:is(.is-offcanvas-left, .is-offcanvas-right) .neo-dialog-tablist button {
        inline-size: 100%; }
      .neo-dialog.is-tabbed:is(.is-offcanvas-left, .is-offcanvas-right) .neo-dialog-tablist {
        --tablist-inset-top: var(--gap-sm);
        position: absolute;
        overflow-y: auto;
        max-block-size: calc(100dvh - calc(var(--tablist-inset-top) * 2));
        inline-size: var(--tab-width); }
      .neo-dialog.is-tabbed:is(.is-offcanvas-left, .is-offcanvas-right) .neo-dialog-tablist[aria-orientation="vertical"] button {
        min-block-size: var(--tab-height); }
      .neo-dialog .neo-dialog-tablist[aria-orientation="horizontal"] {
        --tab-width: 5.75rem;
        --tab-height: 3.125rem; }
      .neo-dialog .neo-dialog-tablist[aria-orientation="vertical"] {
        --tab-width: 5.75rem;
        --tab-height: 7.125rem;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .neo-dialog .neo-dialog-tablist[aria-orientation="vertical"] button:not(:last-child)::after {
        inset: auto auto 0 50%;
        translate: -50% 0;
        width: 75%;
        height: 1px; }
      .neo-dialog.is-tabbed.is-offcanvas-right .neo-dialog-tablist {
        inset: var(--tablist-inset-top) auto auto calc(var(--tab-width) * -1); }
      .neo-dialog.is-tabbed.is-offcanvas-left .neo-dialog-tablist {
        inset: var(--tablist-inset-top) calc(var(--tab-width) * -1) auto auto; }
      .neo-dialog.is-tabbed.is-offcanvas-right .neo-dialog-tablist {
        border-top-left-radius: var(--tablist-border-radius);
        border-bottom-left-radius: var(--tablist-border-radius); }
      .neo-dialog.is-tabbed.is-offcanvas-left .neo-dialog-tablist {
        border-top-right-radius: var(--tablist-border-radius);
        border-bottom-right-radius: var(--tablist-border-radius); }
      .neo-dialog.is-tabbed .neo-dialog-tablist[aria-orientation="horizontal"] {
        border-top-left-radius: var(--tablist-border-radius);
        border-top-right-radius: var(--tablist-border-radius);
        inset: calc(var(--tab-width) * -1) auto auto; } }
  .alert-banners {
    --max-width: 74.9375rem;
    display: block;
    color: var(--white);
    overflow: hidden;
    z-index: 9999; }
    body.has-sidebar .alert-banners.is-top {
      inset: 0 0 auto;
      margin-inline: var(--gap-sm); }
      @media (min-width:991px) {
        body.has-sidebar .alert-banners.is-top {
          inset: 0 0 auto calc(var(--side-bar-width) + var(--side-bar-gap));
          margin-inline: 0 var(--container-inline-end-padding); } }
    body:not(.has-sidebar) .alert-banners.is-top {
      inset: 0 var(--gap-sm) auto var(--gap-sm);
      margin-inline: auto;
      inline-size: calc(100% - calc(var(--gap-sm) * 2));
      max-inline-size: var(--max-width); }
    body:not(.has-sidebar) .alert-banners.is-bottom {
      inline-size: 100%; }
    .show-mobile-menu ~ .alert-banners.is-bottom {
      display: none; }
    .alert-banners :where(a, button) {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem;
      color: var(--white);
      text-decoration: underline;
      padding: 0;
      background: none;
      border: 0;
      appearance: none; }
    .alert-banners.is-top {
      position: fixed;
      border-bottom-right-radius: var(--border-radius-sm);
      border-bottom-left-radius: var(--border-radius-sm);
      box-shadow: var(--shadow-md); }
    .alert-banners.is-bottom {
      position: sticky;
      inset: auto 0 0;
      box-shadow: var(--shadow-md-inverted); }
    .alert-banners.is-bottom .alert-banners--content {
      max-inline-size: var(--max-width); }
    .alert-banners--item:not(:last-of-type) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .alert-banners--content {
      padding: var(--gap-sm) var(--gap-md);
      margin-inline: auto; }
      @media (min-width:767px) {
        .alert-banners--content {
          display: grid;
          grid-template-columns: 1fr max-content;
          align-items: center; } }
    .alert-banners--controls {
      display: flex;
      gap: var(--gap-sm);
      align-items: flex-start; }
      @media (max-width:767px) {
        .alert-banners--controls {
          margin-block-start: var(--gap-sm);
          padding-block-start: var(--gap-sm);
          border-block-start: 1px solid var(--white);
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
          text-decoration: underline; } }
    .alert-banners--message > *:first-child {
      margin-block-start: 0; }
    .alert-banners--message > *:last-child {
      margin-block-end: 0; }
    .alert-banners--message {
      font-family: "GT America Rg", sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.125rem; }
  .banner-container :where(button, a):not(.banner-close-button) {
    text-decoration: underline; } }@layer utilities{.credit-card {
    --edge-color: var(--black); }
    .credit-card-details {
      color: var(--color, currentColor) !important;
      text-shadow: var(--stroke, 0);
      background: var(--background, none); }
  body[data-lob="nap:bp:mc"] .credit-card {
    --edge-color: var(--dimGray);
    --background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0) 50%);
    --color: var(--black);
    --stroke-color: var(--white);
    --stroke: 1px 1px var(--stroke-color, var(--black)), 1px 0 var(--stroke-color, var(--black)), 1px -1px var(--stroke-color, var(--black)), 0 -1px var(--stroke-color, var(--black)), -1px -1px var(--stroke-color, var(--black)), -1px 0 var(--stroke-color, var(--black)), -1px 1px var(--stroke-color, var(--black)), 0 1px var(--stroke-color, var(--black)); }
  body:is([data-lob="nap:speedway:mc"], [data-lob="nap:voyager:prop"]) .credit-card {
    --edge-color: var(--dimGray);
    --background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0) 50%);
    --color: var(--white);
    --stroke: 1px 1px var(--stroke-color, var(--black)), 1px 0 var(--stroke-color, var(--black)), 1px -1px var(--stroke-color, var(--black)), 0 -1px var(--stroke-color, var(--black)), -1px -1px var(--stroke-color, var(--black)), -1px 0 var(--stroke-color, var(--black)), -1px 1px var(--stroke-color, var(--black)), 0 1px var(--stroke-color, var(--black)); }
  body[data-lob="nap:bp:prop"] .credit-card {
    --edge-color: var(--green900);
    --color: var(--white);
    --stroke-color: var(--green900);
    --stroke: 1px 1px var(--stroke-color, var(--black)), 1px 0 var(--stroke-color, var(--black)), 1px -1px var(--stroke-color, var(--black)), 0 -1px var(--stroke-color, var(--black)), -1px -1px var(--stroke-color, var(--black)), -1px 0 var(--stroke-color, var(--black)), -1px 1px var(--stroke-color, var(--black)), 0 1px var(--stroke-color, var(--black)); }
  body:is([data-lob="nap:caseys:prop"], [data-lob="nap:kwiktrip:prop"], [data-lob="nap:arco:prop"]) .credit-card {
    --edge-color: var(--red);
    --color: var(--white);
    --stroke-color: var(--red);
    --stroke: 1px 1px var(--stroke-color, var(--black)), 1px 0 var(--stroke-color, var(--black)), 1px -1px var(--stroke-color, var(--black)), 0 -1px var(--stroke-color, var(--black)), -1px -1px var(--stroke-color, var(--black)), -1px 0 var(--stroke-color, var(--black)), -1px 1px var(--stroke-color, var(--black)), 0 1px var(--stroke-color, var(--black)); }
  body[data-lob="nal:cp1:select:prop"] .credit-card {
    --stroke-color: var(--white);
    --stroke: 1px 1px var(--stroke-color, var(--black)), 1px 0 var(--stroke-color, var(--black)), 1px -1px var(--stroke-color, var(--black)), 0 -1px var(--stroke-color, var(--black)), -1px -1px var(--stroke-color, var(--black)), -1px 0 var(--stroke-color, var(--black)), -1px 1px var(--stroke-color, var(--black)), 0 1px var(--stroke-color, var(--black)); }
  body:is([data-lob="cfn:parkland"], [data-lob="cfn"]) .credit-card {
    --color: var(--white);
    --stroke-color: var(--blue);
    --stroke: 1px 1px var(--stroke-color, var(--black)), 1px 0 var(--stroke-color, var(--black)), 1px -1px var(--stroke-color, var(--black)), 0 -1px var(--stroke-color, var(--black)), -1px -1px var(--stroke-color, var(--black)), -1px 0 var(--stroke-color, var(--black)), -1px 1px var(--stroke-color, var(--black)), 0 1px var(--stroke-color, var(--black)); }
  body:is([data-lob="nat:sf:mc"], [data-lob*="comdata:mc"]) .credit-card {
    --edge-color: var(--darkBlue);
    --color: var(--white); }
    body:is([data-lob="nat:sf:mc"], [data-lob*="comdata:mc"]) .credit-card-details {
      margin-block-end: 12%; }
  body[data-lob="nat:sf:cc"] .credit-card {
    --edge-color: var(--tealActive); }
  body:is([data-lob="nat:sf:prop"], [data-lob*=":fm:"], [data-lob*=":spinx:"]) .credit-card {
    --edge-color: var(--darkBlue);
    --color: var(--white); }
  body:is([data-lob="nal:pemex"], [data-lob="nap:husky:mc"]) .credit-card {
    --color: var(--white);
    --edge-color: var(--gray400); }
  body[data-lob*=":guttman:"] .credit-card-details [aria-hidden="true"] {
    margin-block-end: 0; }
  @media (max-width:767px) {
    body:is([data-lob*=":spinx:"], [data-lob*=":guttman:"]) .credit-card-details > div {
      font-size: 0.75rem !important;
      line-height: 0.9375rem !important; }
    body:is([data-lob*=":spinx:"], [data-lob*=":guttman:"]) .credit-card-details [aria-hidden="true"] {
      margin-block-end: 0; } }
  body[data-lob*=":guttman:"] .credit-card {
    --aspect-ratio: 1.689; }
  body:is([data-lob*=":caseys:"], [data-lob*=":spinx:"], [data-lob="nap:voyager:prop"], [data-lob*=":bp:"][data-product-name="businessplus"])
.header-logo-link {
    --width: 100%; }
  body:is([data-lob^="nal:fm:"]:not([data-brand="cefco"]), [data-lob="nal:guttman:prop"], [data-lob^="nat:"], [data-lob="nal:cp1:select:prop"])
.header-logo-link {
    --width: 80%; }
  body[data-lob="nap:bp:branded:marketer"] .header-logo-link {
    --max-height: 3.75rem;
    --width: 60%; } }.tabulator{background:0 0;border:0;overflow:inherit}.tabulator .tabulator-col-resize-handle{display:none}.tabulator .tabulator-header{color:var(--text-muted-color);margin-bottom:var(--gap-xs);padding:0;background-color:transparent;border-bottom:0}.tabulator .tabulator-header.disabled *{color:var(--gray500)!important;pointer-events:none}.tabulator .tabulator-header .tabulator-headers{padding:0 var(--gap-sm)}.tabulator .tabulator-header .tabulator-col{height:auto!important;background:0 0;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:0 0}.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-family:gt america md,sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.025rem;line-height:1.25rem;font-size:.875rem;color:var(--text-color);white-space:break-spaces;padding:0 var(--gap-xs)0 0;overflow:visible}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{position:relative}.tabulator .tabulator-row{margin:var(--gap-xs)0;padding:var(--gap-sm)!important;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all .3s ease;-webkit-tap-highlight-color:transparent!important}@media(max-width:767px){.tabulator .tabulator-row{margin:0}}.tabulator .tabulator-row.tabulator-row-even{background-color:var(--gray100)}@media(max-width:767px){.tabulator .tabulator-row.tabulator-row-even{background-color:var(--white)}}.tabulator .tabulator-row.tabulator-selectable:hover{background:var(--white)}.tabulator .tabulator-row.tabulator-selectable:hover:nth-child(even){background-color:var(--gray100)}.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:is([tabulator-field=kabob],[tabulator-field=popdown],[tabulator-field=options]){text-align:center}.tabulator .tabulator-row .tabulator-cell p:not(.tooltip-text,.declined-reason-text){width:100%;color:var(--black);margin:0;display:-webkit-box;white-space:normal;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}@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%}.tabulator .tabulator-row .tabulator-cell .tb-cell-wrap>div:not(.all-display-items,.status-cell-wrap,.name-wrap){display:-webkit-box;white-space:normal;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.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:var(--gap-xxs)}.tabulator .tabulator-footer{text-align:center;margin-top:var(--gap-sm);background:0 0;border-top:0}@media(max-width:767px){.tabulator .tabulator-footer{padding:var(--gap-xxs)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}.tabulator .tabulator-footer .tabulator-paginator>button{background-color:transparent;color:var(--text-color);border-color:transparent;position:relative;width:2rem;height:2rem;font-family:var(--font-medium);font-size:.875rem;color:transparent;padding:0;border-width:.125rem;border-radius:50%;transition:var(--button-transition);appearance:none}.tabulator .tabulator-footer .tabulator-paginator>button:not([disabled],[aria-disabled=true],.disabled):hover{background-color:#e3f2fd}.tabulator .tabulator-footer .tabulator-paginator>button:is([disabled],[aria-disabled=true],.disabled){color:var(--text-disabled-color);cursor:not-allowed;pointer-events:none}.tabulator .tabulator-footer .tabulator-paginator>button:focus-visible{outline:var(--outline-width)var(--outline-style)var(--outline-color);outline-offset:var(--outline-offset)}.tabulator .tabulator-footer .tabulator-paginator>button:not(:disabled):hover{color:transparent}.tabulator .tabulator-footer .tabulator-paginator>button::before{font-family:icon-ifleet!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;font-size:var(--icon-size-sm);inset:50% auto auto 50%;color:var(--text-color);transform:translate(-50%,-50%)}.tabulator .tabulator-footer .tabulator-paginator>button:disabled{color:transparent;opacity:1}.tabulator .tabulator-footer .tabulator-paginator>button:disabled::before{color:var(--text-disabled-color)}.tabulator .tabulator-footer .tabulator-paginator>button:disabled:hover{color:transparent;background-color:transparent;cursor:not-allowed}.tabulator .tabulator-footer .tabulator-paginator [data-page=first]::before{content:""}.tabulator .tabulator-footer .tabulator-paginator [data-page=prev]::before{content:""}.tabulator .tabulator-footer .tabulator-paginator [data-page=next]::before{content:""}.tabulator .tabulator-footer .tabulator-paginator [data-page=last]::before{content:""}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages{display:block!important;margin:0}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button{background-color:#000;color:var(--white);border-color:#000;min-width:2rem;font-family:var(--font-medium);font-size:.875rem;padding:.3125rem;border-width:.125rem;border-radius:var(--ui-pill-radius);transition:var(--button-transition);appearance:none}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:not([disabled],[aria-disabled=true],.disabled):hover{background-color:#212121;color:var(--white);border-color:#212121}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:is([disabled],[aria-disabled=true],.disabled){background-color:#e0e0e0;color:var(--text-disabled-color);border-color:var(--ui-border-color);cursor:not-allowed;pointer-events:none}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:focus-visible{outline:var(--outline-width)var(--outline-style)var(--outline-color);outline-offset:var(--outline-offset)}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:not(.active){background-color:transparent;color:#000;border-color:#000}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:not(.active):not([disabled],[aria-disabled=true],.disabled):hover{background-color:#212121;color:var(--white);border-color:#212121}.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages button:not(.active):is([disabled],[aria-disabled=true],.disabled){background-color:transparent;color:var(--text-disabled-color);border-color:var(--ui-border-color);cursor:not-allowed;pointer-events:none}.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:var(--gap-xs);border-bottom:.0625rem solid var(--ui-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:var(--gap-xs)}.tabulator .no-tabulator-data{display:flex;align-items:center;min-height:4rem;font-family:var(--font-regular);padding-left:var(--gap-sm);background:var(--white);border-radius:var(--border-radius-md)}@media(max-width:991px){.tabulator .no-tabulator-data{box-shadow:var(--shadow-sm);background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--gap-md);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(--ui-active-color);transform:rotate(90deg)}.tabulator .tabulator-col[aria-sort=none] .tabulator-col-sorter .sort-default{position:relative;left:.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)}#confirmUpdateSmsPopup .remove-msg-text#update-sms-confirm-content .icon-warning,#confirmUpdateSmsPopup .remove-msg-text#update-all-confirm-content .icon-warning{display:block;width:2rem;height:2rem;margin:0 auto .625rem}.content-wrapper>h5{font-family:var(--font-semibold);font-size:.875rem;margin:0 0 2rem}#manageNotificationForm{display:none}#manageNotificationForm.form-active{display:block}#manageNotificationForm ul.forms li{margin:0 0 1.5rem}#manageNotificationForm ul.forms li:last-child{margin:3rem 0 0}#manageNotificationForm ul.forms li .checkbox{margin:0}#manageNotificationForm ul.forms li button{display:block;margin:0 auto 1.5rem}#manageNotificationForm ul.forms li p:not(.error-message){display:block;margin:.5rem 0}#manageNotificationForm ul.forms li a.btn-regular{font-size:.875rem}#manageNotificationForm .input-wrapper.error .error-message~.error-message{display:none}#manageNotificationForm .input-wrapper.error .error-message.error-message[data-has-error=false]{display:none}#manageNotificationForm .input-wrapper.error .error-message.error-message[data-has-error=false]+.error-message{display:block}#manageNotificationForm .input-wrapper::after{top:2.5625rem}#confirmUpdateSmsPopup{display:none}#confirmUpdateSmsPopup #update-sms-confirm-content,#confirmUpdateSmsPopup #update-all-confirm-content{display:none}#confirmUpdateSmsPopup.form-active{display:block}#confirmUpdateSmsPopup[data-name=update-sms-confirm] #update-sms-confirm-content{display:block}#confirmUpdateSmsPopup[data-name=update-all] #update-all-confirm-content{display:block}#confirmUpdateSmsPopup .warning-icon{padding-top:1.25rem}#confirmUpdateSmsPopup .remove-msg-text>span{display:block}#confirmUpdateSmsPopup .remove-msg-text#update-sms-confirm-content,#confirmUpdateSmsPopup .remove-msg-text#update-all-confirm-content{margin:1.25rem 0 1.875rem}#confirmUpdateSmsPopup .remove-msg-text#update-sms-confirm-content>span,#confirmUpdateSmsPopup .remove-msg-text#update-all-confirm-content>span{font-weight:600}#confirmUpdateSmsPopup .remove-msg-text#update-sms-confirm-content>span.sms-head-text,#confirmUpdateSmsPopup .remove-msg-text#update-all-confirm-content>span.sms-head-text{margin-bottom:25px}#confirmUpdateSmsPopup>.forms>li{text-align:center}#confirmUpdateSmsPopup #cancelConfirmPopup{margin-top:1.375rem}.text-wrapper{max-inline-size:80ch}#content-wrap .tab-content-wrap .expand-button *{pointer-events:none}@media(max-width:767px){#content-wrap .tab-content-wrap .expand-button{font-family:var(--font-semibold);font-size:1rem}}.tabulator{font-size:.875rem;text-align:left;margin:0 0 1rem}.tabulator .tabulator-header .tabulator-headers{display:grid;grid-template-columns:minmax(6.25rem,6.25rem)minmax(0,31.25rem)repeat(2,1fr);grid-gap:1rem}@media(max-width:767px){.tabulator .tabulator-header .tabulator-headers{display:none}}.tabulator .tabulator-header .tabulator-col .tabulator-col-title{font-family:var(--font-semibold)!important;font-size:.875rem!important;text-align:left;text-overflow:inherit}.tabulator .tabulator-header .tabulator-col .tabulator-col-sorter{display:none}.tabulator .tabulator-header .tabulator-col:last-child{opacity:0}.tabulator .tabulator-header .tabulator-col:last-child .tabulator-col-title{padding:0}.tabulator .tabulator-row{display:grid;grid-template-columns:minmax(6.25rem,6.25rem)minmax(0,31.25rem)repeat(2,1fr);grid-gap:1rem}@media(max-width:767px){.tabulator .tabulator-row{grid-template-columns:3fr 1fr;margin:0 0 1rem;padding:0 0 0 1.5rem;overflow:hidden}}.tabulator .tabulator-cell{position:relative;display:flex;flex-direction:column;justify-content:center;width:auto!important;height:auto;font-family:var(--font-regular)}.tabulator .tabulator-cell:last-of-type{align-items:flex-end}.tabulator .tabulator-cell .checkbox{margin-bottom:0}.tabulator .tabulator-cell label.disabled{color:var(--gray500)}@media(max-width:767px){.tabulator .tabulator-cell:first-child{grid-row:1/2;grid-column:1/2}.tabulator .tabulator-cell:nth-child(2){grid-row:3/4;grid-column:1/3}.tabulator .tabulator-cell:nth-child(3){grid-row:2/3;grid-column:1/3}.tabulator .tabulator-cell:nth-child(3) p{color:var(--gray500)}.tabulator .tabulator-cell:last-child{grid-row:1/2;grid-column:2/3;text-align:right}}.tabulator .tabulator-col-resize-handle{display:none}.expandable+.expandable{padding-top:1.5rem;border-top:1px solid var(--ui-border-color)}@media(max-width:767px){.expandable .opened{padding-bottom:0}}button.expand-button{display:inline-flex;align-items:center;font-size:.875rem;margin:0 0 2rem;background:0 0;border:0}button.expand-button icon{margin-right:.5rem;transition:all .3s ease}button.expand-button icon::before{font-size:1.25rem;color:var(--text-muted-color)}button.expand-button::after{font-family:none!important;content:""!important}.opened button.expand-button icon{transform:rotate(180deg)}.input-wrapper label.radio{display:inline-flex}.black-text{color:var(--black)}.grey-text{color:var(--text-muted-color)}@media(max-width:767px){#notifications-table-5 .tabulator-row,#notifications-table-6 .tabulator-row{margin-bottom:1rem}#notifications-table-5 .tabulator-row:last-child,#notifications-table-6 .tabulator-row:last-child{margin-bottom:0}#notifications-table-5 .tb-cell-wrap,#notifications-table-6 .tb-cell-wrap{white-space:break-spaces}#notifications-table-5 .notification-tooltip-wrapper,#notifications-table-6 .notification-tooltip-wrapper{display:flex;justify-content:space-between;margin-top:-1rem;margin-left:3.75rem}#notifications-table-5 .notification-action-mobile,#notifications-table-6 .notification-action-mobile{display:flex;align-items:center}#notifications-table-5 .btn-edit,#notifications-table-6 .btn-edit{color:var(--text-muted-color);text-decoration:underline}}#manageNotificationForm label.notify-setting-radio{margin-bottom:.5rem}#manageNotificationForm label.notify-setting-radio,#manageNotificationForm label.checkbox{font-family:var(--font-semibold);font-size:.875rem;color:var(--text-muted-color);text-transform:inherit}#manageNotificationForm .input-wrapper.error input:focus~.error-message,#manageNotificationForm .input-wrapper.error input:focus~.error-message[data-has-error=false]+.error-message{display:none}#manageNotificationForm .input-wrapper.error:focus-within::after{display:none}.tab-content-wrap[data-content-type="1"] #advanced-table{display:none}.settings button.btn-edit{display:inline-block;font-family:gt america md,sans-serif;font-size:1rem;font-weight:500;transition:background-color .3s,color .3s,border-color .3s,scale .15s;border:.125rem solid transparent;border-radius:var(--ui-pill-radius);padding-block:clamp(8px,1svh,12px);padding-inline:clamp(8px,3vw,40px);text-decoration:none;position:relative;width:2.0625rem;height:2.0625rem;padding:0;border-radius:2.0625rem;background-color:transparent;color:var(--text-color);border-color:transparent;width:2.0625rem!important;color:var(--ui-active-color)}.settings button.btn-edit:is(button){cursor:pointer;appearance:none}.settings button.btn-edit:is(a){text-align:center}.settings button.btn-edit:active:not(.dropdown-button){scale:.96}.settings button.btn-edit:not([disabled],[aria-disabled=true],.disabled):hover{background-color:#e3f2fd}.settings button.btn-edit:is([disabled],[aria-disabled=true],.disabled){color:var(--text-disabled-color);cursor:not-allowed;pointer-events:none}.settings button.btn-edit>:is(driven-icon,icon){pointer-events:none}.settings button.btn-edit>:is(driven-icon,icon)::before{position:absolute;inset:50% auto auto 50%;font-size:calc(2.0625rem * .6);color:inherit;transform:translate(-50%,-50%)}.settings button.btn-edit:focus-visible{outline:var(--outline-width)var(--outline-style)var(--outline-color);outline-offset:var(--outline-offset)}.icon-attention-circle.icon-md{color:var(--flagged-color);margin-bottom:1rem;margin-left:50%;translate:-50%}.notification-tooltip-wrapper{display:flex;align-items:center;gap:.5rem}@media(max-width:767px){.tabulator .tabulator-cell:first-child{grid-row:1;grid-column:1/2}.tabulator .tabulator-cell:nth-child(2){grid-row:1/3;grid-column:1/8}.tabulator .tabulator-cell:nth-child(3){grid-row:3/4;grid-column:1/4;word-break:break-all}.tabulator .tabulator-cell:nth-child(4){grid-row:3/4!important;grid-column:4/4!important}.tabulator .tabulator-cell:nth-child(3) p{color:var(--gray500)}.tabulator .tabulator-cell:last-child{grid-row:1/2;grid-column:2/3;text-align:right}}.expandable.opened .expand-content{overflow:visible!important}.expandable.opened .expand-content :is(.tabulator,.tabulator-tableHolder,.tabulator-row){overflow:visible!important}.notify-sidepanel-heading-wrapper{flex-direction:column!important;align-items:flex-start!important;padding-bottom:2rem;border-bottom:1px solid var(--ui-border-color)}.notify-sidepanel-heading-wrapper #notifyTooltipText{margin-top:1rem}.notify-sidepanel-heading-wrapper #notifyTooltipText{display:flex;align-items:center;gap:.5rem}#notifyDescriptionHeading{margin-top:2rem}.notification-sub-header-mobile-wrapper{align-items:center}.notification-sub-header-mobile-wrapper #notification-heading-tooltip{margin-left:1rem}.notification-hidden-mobile-wrapper{display:flex;flex-direction:column;gap:.5rem}@charset "UTF-8";@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.account-selector-toggle:disabled > driven-icon:last-of-type,
  .account-selector-option [data-bind]:empty,
  .account-selector-option:not(.is-default) .is-default-badge,
  .account-selector-listbox[role='listbox']:not(.has-no-results) ~ [data-listbox="has-no-results"],
  .account-selector-toggle [data-bind]:not(:empty) ~ :not([data-bind]) {
    display: none; }
  .account-selector-toggle {
    display: flex;
    align-items: center;
    padding: var(--gap-xxs) var(--gap-xs);
    background: var(--white);
    border: 1px solid var(--ui-border-color);
    border-radius: var(--ui-pill-radius);
    inline-size: 100%; }
  .account-selector-toggle:disabled {
    cursor: default; }
  .account-selector-toggle > div {
    flex: 1; }
  .account-selector-listbox[role='listbox']:focus-visible {
    outline: none; }
  .account-selector-option {
    position: relative;
    min-block-size: 4.6875rem; }
  .account-selector-option:not(:first-child, div) {
    border-block-start: 1px solid var(--ui-border-color); }
  .account-selector-option .check {
    --check-size: 1rem;
    position: absolute;
    inset: auto 0 var(--gap-sm) auto; }
  .account-selector-option:is([aria-selected="false"], .is-default) .check {
    visibility: hidden; }
  .account-selector-option label {
    flex-basis: auto; }
  .account-selector-option[aria-selected="false"] {
    cursor: pointer; }
    .account-selector-option[aria-selected="false"] * {
      pointer-events: none; }
  .account-selector-option.is-focused {
    outline: var(--outline-width) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset);
    border-radius: var(--border-radius-xs); }
  .account-selector-option[aria-selected="false"]:hover :where([data-bind="text"], [data-bind="value"]) {
    text-decoration: underline; }
  .account-selector-option .is-selected-icon::after {
    --size: 1.5rem;
    display: block;
    font-size: var(--size);
    box-sizing: border-box;
    inline-size: var(--size);
    block-size: var(--size); }
  .account-selector-option--account[aria-selected="false"] .is-selected-icon::after {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""; }
  .account-selector-option--fleet[aria-selected="false"] .is-selected-icon::after {
    content: "";
    border: 2px solid var(--black);
    border-radius: var(--size); }
  .account-selector-option[aria-selected="true"] .is-selected-icon::after {
    font-family: "icon-ifleet" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: var(--ui-active-color); }
  .account-selector-option .theme-badge.is-inactive {
    --background: var(--gray100);
    --color: var(--text-disabled-color); }
  .account-selector-pagination > button {
    color: var(--ui-active-color);
    margin: 0;
    padding: 0;
    background: var(--white);
    border: 2px solid var(--ui-active-color);
    block-size: var(--icon-size-md);
    inline-size: var(--icon-size-md);
    border-radius: var(--icon-size-md);
    transition: background 250ms, color 250ms; }
  .account-selector-pagination > button:not(:disabled, [aria-current="page"]):hover,
  .account-selector-pagination > button[aria-current="page"] {
    color: var(--white);
    background: var(--ui-active-color); }
  .account-selector-pagination > button[aria-current="page"] {
    cursor: default; }
  .account-selector-fieldset {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column; }
  .account-selector-fieldset-main {
    flex-grow: 1;
    overflow-y: auto; }
    .account-selector-fieldset-main::-webkit-scrollbar {
      width: 1rem; }
    .account-selector-fieldset-main::-webkit-scrollbar-track {
      background-color: var(--gray100); }
    .account-selector-fieldset-main::-webkit-scrollbar-thumb {
      background-color: var(--gray500);
      border: 0.1875rem solid var(--gray100);
      border-radius: var(--ui-pill-radius); }
  .account-selector-fieldset-header,
  .account-selector-footer {
    padding: var(--gap-sm) var(--section-padding-x); }
  .account-selector-fieldset-main {
    padding-inline: var(--section-padding-x); }
  .account-selector-footer button {
    max-inline-size: unset; }
  .account-selector-dialog dialog-main {
    position: relative;
    flex-basis: auto;
    padding: 0;
    overflow-y: hidden; }
  .account-selector-dialog {
    animation: offcanvasInReverse 250ms;
    inset: 0; }
  @keyframes offcanvasInReverse {
    from {
      transform: translateX(-100%); }
    to {
      transform: translateX(0); } }
  @media (min-width:991px) {
    .account-selector-fieldset-header {
      padding-block-start: var(--gap-lg); }
    .account-selector-dialog {
      box-shadow: none;
      animation: fadeIn 250ms;
      border-inline-start: 1px solid var(--ui-border-color); }
    @keyframes fadeIn {
      from {
        opacity: 0; }
      to {
        opacity: 1; } }
    .account-selector-dialog,
    .account-selector-dialog::backdrop {
      inset: 0 0 0 var(--side-bar-width); } } }@layer utilities{.account-selector-option:is(.is-hidden-page, .is-hidden-filter) {
    display: none; } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.idle-warning-dialog {
    --modal-width: 29.6875rem;
    container: idle / inline-size; }
    .idle-warning-dialog dialog-header {
      display: none; }
    .idle-warning-dialog-timer {
      font-size: 2.5rem; }
  @container idle (width < 300px) {
    .idle-warning-dialog-timer {
      font-size: 1.5rem; } }
    @media (max-width:540px) {
      .idle-warning-dialog {
        --modal-width: 100%;
        inline-size: 100%;
        height: 100%;
        border-radius: 0;
        transform: none;
        animation: none;
        inset: 0; }
        .idle-warning-dialog dialog-header {
          display: block; } }
  .sso-expired-dialog {
    max-width: 22rem; }
    .sso-expired-dialog driven-icon {
      color: var(--gray700); }
    .sso-expired-dialog .btn-accent {
      display: block; } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.star-rating {
    --icon-size: var(--icon-size-md); }
    .star-rating li, .star-rating input, .star-rating svg {
      block-size: var(--icon-size);
      inline-size: var(--icon-size); }
    .star-rating input {
      appearance: none;
      position: absolute;
      cursor: pointer; }
    .star-rating li {
      position: relative; }
    .star-rating svg:not(.is-checked) path {
      fill: var(--gray400);
      transition: color 250ms; }
    .star-rating input:hover ~ svg:not(.is-checked) path {
      fill: var(--gray600); }
    .star-rating svg.is-checked path {
      fill: var(--yellowOrange); }
    .star-rating svg:not(.is-checked),
    .star-rating li:has(input:checked) ~ li svg.is-checked,
    .star-rating ul:not(:has(input:checked)) svg.is-checked {
      display: none; }
    .star-rating li:has(input:checked) ~ li svg:not(.is-checked),
    .star-rating ul:not(:has(input:checked)) svg:not(.is-checked) {
      display: block; } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.emoji-rating {
    --icon-size: var(--check-size); }
    .emoji-rating img, .emoji-rating input, .emoji-rating svg {
      block-size: var(--icon-size);
      inline-size: var(--icon-size); }
    .emoji-rating input {
      appearance: none;
      position: absolute;
      cursor: pointer; }
    .emoji-rating li {
      position: relative; }
    .emoji-rating input:not(:checked) ~ img,
    .emoji-rating input:checked + svg {
      display: none; } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.thumbs-rating {
    --icon-size: 1.5rem;
    --input-size: calc(var(--icon-size) * 2); }
    .thumbs-rating svg {
      block-size: var(--icon-size);
      inline-size: var(--icon-size); }
    .thumbs-rating li, .thumbs-rating input {
      block-size: var(--input-size);
      inline-size: var(--input-size); }
    .thumbs-rating input {
      appearance: none;
      position: absolute;
      cursor: pointer; }
    .thumbs-rating li {
      position: relative; }
    .thumbs-rating li:has(:checked) svg:not(.is-checked),
    .thumbs-rating li:not(:has(:checked)) svg.is-checked {
      display: none; }
    .thumbs-rating li:nth-of-type(1):has(:checked) svg path {
      fill: var(--success-color); }
    .thumbs-rating li:nth-of-type(2):has(:checked) svg path {
      fill: var(--mantis); }
    .thumbs-rating li:nth-of-type(3):has(:checked) svg path {
      fill: var(--error-color); }
    .thumbs-rating li:nth-of-type(3) {
      rotate: 180deg; } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.feedback-range {
    --number-bg-size: 1.25rem; }
    .feedback-range li > div {
      inline-size: var(--number-bg-size);
      block-size: var(--number-bg-size);
      border-radius: var(--number-bg-size); }
    .feedback-range li.is-selected > div {
      color: var(--white);
      background: var(--system-color); } }@layer components{.user-feedback-form fieldset,
  .user-feedback-form fieldset > *:not(:last-child) {
    margin-block-end: 0.5em; } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.pin-dot-span {
    flex-grow: 0;
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: var(--teal);
    line-height: 1;
    letter-spacing: normal;
    text-align: center; }
  .pin-container {
    margin-top: 0;
    padding: var(--gap-md);
    padding-top: 0;
    background-color: var(--white); }
  .term-bottom-section {
    padding-top: 0.625rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
  .fixed-term {
    height: 450px;
    background-color: var(--gray100);
    overflow: scroll; }
  .link-wrapper {
    justify-content: space-between; }
  #generatePin {
    width: 183px;
    height: 20px;
    height: 48px;
    padding-inline: 0; }
  .pin-sec {
    text-align: center; }
  #term-con-dialog {
    font-size: 14px; }
  #download-link {
    margin-block-start: 0.625rem; }
  #download-link .icon-download {
    color: var(--tealActive); }
  #download-link span {
    color: var(--tealActive); } }@keyframes bgTo{to{background-color:rgba(0,0,0,.1)}}@layer components{.form[aria-busy="true"] *::before, .form[aria-busy="true"] *::after {
    content: none; }
  .form[aria-busy="true"] .input-split input {
    display: none; }
  .form[aria-busy="true"] :where(input:not([type="checkbox"], [type="radio"], .number-with-unit--input), select, textarea, .dselect-button, .input-split) {
    color: transparent;
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.05);
    block-size: auto;
    inline-size: 100%;
    border-radius: var(--form-control-border-radius);
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
    .form[aria-busy="true"] :where(input:not([type="checkbox"], [type="radio"], .number-with-unit--input), select, textarea, .dselect-button, .input-split)::placeholder {
      color: transparent; }
  .form[aria-busy="true"] :where([type="checkbox"], [type="radio"]) {
    appearance: none; }
    .form[aria-busy="true"] :where([type="checkbox"], [type="radio"]) ~ label {
      opacity: 0.5; }
  .form[aria-busy="true"] input[type="checkbox"] {
    background-color: rgba(0, 0, 0, 0.05);
    block-size: var(--check-size);
    inline-size: var(--check-size);
    border-radius: var(--form-control-border-radius);
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
  .form[aria-busy="true"] input[type="radio"] {
    background-color: rgba(0, 0, 0, 0.05);
    block-size: var(--check-size);
    inline-size: var(--check-size);
    border-radius: 100%;
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
  .form[aria-busy="true"] .switch-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: transparent;
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
    .form[aria-busy="true"] .switch-track::after {
      border-color: transparent; }
  .form[aria-busy="true"] .search-static {
    background-color: rgba(0, 0, 0, 0.05);
    block-size: auto;
    inline-size: 100%;
    border-radius: var(--ui-pill-radius);
    cursor: wait;
    animation: bgTo 1s linear infinite alternate; }
  .form--footer.is-sticky {
    position: sticky;
    inset: auto auto 0 0;
    background: var(--white);
    z-index: 1;
    padding-block: var(--gap-sm);
    border-block-start: 1px solid var(--ui-border-color); }
  .form--footer.is-flush {
    --flush-offset: var(--gap-md);
    padding-inline: var(---flush-offset); }
    @media (max-width:768px) {
      .form--footer.is-flush {
        --flush-offset: var(--gap-sm); } } }