.button-notification {
  position: relative;
  overflow: visible;
}

  .button-notification__icon {
    position: absolute;
    top: -4px;
    right: -6px;
    min-width: 16px;
    min-height: 16px;
    line-height: 1em;
    padding: 3px;
    background-color: var(--faded);
    border-radius: 50%;
    font-size: 9px;
    font-weight: 700;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.view-notes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.view-notes__text {
  }

.view-notes__icon {
    background-color: white;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
    color: var(--brand-blue);
    padding: 4px;
    min-width: 25px;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.button, .button.modal-open {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 12px;
  color: var(--link);
  text-decoration: none;  
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  color: var(--brand-blue);

  transition: background 0.2s;
  background: var(--button-fill);
  
}

.button:hover, .button.modal-open:hover {
    background: var(--button-fill--hover);
  }

.button *, .button.modal-open * {
    font-size: 12px;
    line-height: 12px;
    font-style: normal;
    font-weight: 500;
  }

.button.with-icon, .button.modal-open.with-icon {
    padding: 5px 10px;
  }

.button.with-icon.large, .button.modal-open.with-icon.large {
      padding: 16px 20px;
    }

.button svg, .button.modal-open svg {
    fill: var(--brand-blue);
  }

.button.loading, .button.modal-open.loading {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;

    position: relative;
    /* padding-right: calc(18px + 14px); */ 
    
  }

.button.loading svg, .button.modal-open.loading svg {
      display: none;
    }

.button.loading::after, .button.modal-open.loading::after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      border: 4px solid rgba(0,0,0, 0.4);
      border-top: 4px solid rgba(0,0,0, 1);
      border-radius: 50%;
      animation: spin 1s linear infinite;
      /* right: 10px; */
    }

@keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

.button--dots, .button.modal-open--dots {
    padding: 10px 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    color: var(--brand-blue);
  }

.button--tight, .button.modal-open--tight {
    padding: 5px 10px;
  }

.button--light, .button.modal-open--light {
    background: var(--button-fill-on-dark);
    color: var(--text-color-on-dark);
  }

.button--light:hover, .button.modal-open--light:hover {
      background: var(--button-fill-on-dark--hover);
    }

.button--link, .button.modal-open--link {
    background: none;
    color: var(--link);
    text-decoration: underline;
    text-underline-offset: 4px;
  }

.button--link:hover, .button.modal-open--link:hover {
      background: none;
    }

.button--link:disabled, .button--link[disabled], .button.modal-open--link:disabled, .button.modal-open--link[disabled] {
      color: var(--faded);
    }

.button--download, .button.modal-open--download {
    background: none;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #DCE6EF;
  }

.button--changelog, .button.modal-open--changelog {
    background: none;
    color: var(--faded);
    text-decoration: underline;
    text-underline-offset: 4px;
  }

.button--changelog:hover, .button.modal-open--changelog:hover {
      background: none;
      color: var(--link);
    }

.button--large, .button.modal-open--large {
    padding: 16px 20px;
  }

.button--secondary, .button.modal-open--secondary {
    background: rgba(255, 255, 255, 0.20);
    color: white;
  }

.button--secondary:hover, .button.modal-open--secondary:hover {
      background: rgba(255, 255, 255, 0.20);
      color: white;
    }

.button--primary, .button.modal-open--primary {
    background: var(--brand-blue);
    color: white;
  }

.button--primary:hover, .button.modal-open--primary:hover {
      background: var(--brand-blue);
    }

.button--white, .button.modal-open--white {
    background: white;
    color: var(--brand-blue);
  }

.button--white:hover, .button.modal-open--white:hover {
      background: white;
      color: var(--brand-blue);
    }

.button:disabled, .button[disabled], .button.loading, .button.modal-open:disabled, .button.modal-open[disabled], .button.modal-open.loading {
    cursor: not-allowed;
    opacity: 0.5;
  }

.button.loading, .button.modal-open.loading {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
  }

.button.loading *, .button.modal-open.loading * {
      pointer-events: none;
    }

.button--edit, .modal-open.button--edit {
  display: flex;
  width: 34px;
  height: 34px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border-radius: 5px;

  transition: background 0.2s;
  background: var(--button-fill);
}

.button--edit:hover, .modal-open.button--edit:hover {
    background: var(--button-fill--hover);
  }

.button--edit svg, .modal-open.button--edit svg {
    fill: var(--link);    
  }

.actions--context-modal__trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.actions--context-modal__mask {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
    pointer-events: none;
  }

.actions--context-modal__wrapper {
    z-index: 20;
    position: fixed;
  }

.actions--context-modal__body {
    display: flex;
    flex-direction: column;
    width: auto;
    transition: all 200ms ease;
    transform: translate(-100%, 0%);
  }

.actions--context-modal.active .actions--context-modal__mask {
    display: block;
    z-index: 10;
    opacity: 1;
    pointer-events: auto;
  }

.actions--context-modal__body {
}

.actions--context-modal__options {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: -moz-max-content;
  width: max-content;
  min-width: 200px;
  max-width: calc(100vw - 24px);
  margin: 0 auto;
  padding: 0;
  border-radius: 11px;
  //border: 1px solid var(--standard-border);
  //background: linear-gradient(340deg, #F5F9FF -45.61%, #FFF 96.8%);

  background: var(--brand-blue);
  box-shadow: 0px 15px 34px 0px rgba(29, 33, 46, 0.10);
  transition: all 200ms ease;
  overflow: hidden;
}

.light .actions--context-modal__options {
    border: 1px solid var(--standard-border);
    background: linear-gradient(340deg, #F5F9FF -45.61%, #FFF 96.8%);
  }

/* Row chrome on the wrapper so rules stay full width when the control is
     a shrink-wrapped button inside button_to's <form> (vs a block-level link). */

.actions--context-modal__options .context-modal-option {
    border-bottom: 1px solid #66B7D2;

  }

.light .actions--context-modal__options .context-modal-option {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.actions--context-modal__options .context-modal-option:last-child {
      border-bottom: none;
    }

/* Stretch button_to rows to match plain links */

.actions--context-modal__options .context-modal-option > form {
      display: block;
      width: 100%;
      margin: 0;
    }

.actions--context-modal__options .context-modal-option > form .modal-open,
    .actions--context-modal__options .context-modal-option > form button {
      width: 100%;
    }

.actions--context-modal__options .context-modal-option .modal-option, .actions--context-modal__options .context-modal-option .delete, .actions--context-modal__options .context-modal-option .normal, .actions--context-modal__options .context-modal-option .soft-delete, .actions--context-modal__options .context-modal-option .confirm, .actions--context-modal__options .context-modal-option .nav {
      display: flex;
      align-items: center;
      gap: 8px;
      justify-content: flex-start;
      padding: 12px 20px;
      cursor: pointer;
      text-align: left;
      box-sizing: border-box;
      flex: 0 0 auto;
      align-self: stretch;
      min-width: 0;
      width: 100%;
      max-width: 100%;
      white-space: nowrap;
      font-size: 12px;
      font-weight: 500;
      line-height: 20px;
      cursor: pointer;
      text-decoration: none;
      background: transparent;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      outline: none;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      color: white;

      border: none;
    }

.light .actions--context-modal__options .context-modal-option .modal-option, .light .actions--context-modal__options .context-modal-option .delete, .light .actions--context-modal__options .context-modal-option .normal, .light .actions--context-modal__options .context-modal-option .soft-delete, .light .actions--context-modal__options .context-modal-option .confirm, .light .actions--context-modal__options .context-modal-option .nav {
        color: black;
      }

.light .actions--context-modal__options .context-modal-option .modal-option:hover, .light .actions--context-modal__options .context-modal-option .delete:hover, .light .actions--context-modal__options .context-modal-option .normal:hover, .light .actions--context-modal__options .context-modal-option .soft-delete:hover, .light .actions--context-modal__options .context-modal-option .confirm:hover, .light .actions--context-modal__options .context-modal-option .nav:hover {
          background: var(--hover-background);
        }

.actions--context-modal__options .context-modal-option .modal-option.space-between, .actions--context-modal__options .context-modal-option .delete.space-between, .actions--context-modal__options .context-modal-option .normal.space-between, .actions--context-modal__options .context-modal-option .soft-delete.space-between, .actions--context-modal__options .context-modal-option .confirm.space-between, .actions--context-modal__options .context-modal-option .nav.space-between {
        justify-content: space-between;
      }

.actions--context-modal__options .context-modal-option .nav {
      width: 150px;
    }

.actions--context-modal__options .context-modal-option .center {
      justify-content: center;
    }

.dashboard--balance-graph {
  position: relative;
  height: 327px;
  width: 100%;
  margin-top: 20px;
}

.dashboard--balance-graph__chart {
    height: 100%;
    width: 100%;
  }

.dashboard--balance-graph__empty {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--faded);
  }

.forms--file-upload {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.forms--file-upload__drop-zone {
    /* border: 1px dashed #CAD1DB; */
    height: 300px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='35' ry='35' stroke='%23CAD1DB' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 35px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: black;
    cursor: copy;
  }

.forms--file-upload__choose-file {
    cursor: copy;

    color: var(--brand-blue);

    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px; /* 223.077% */
    text-decoration-line: underline;
    text-underline-offset: 4px;
    
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.import--errors-title {
    display: flex;
    flex-direction: column;
    padding-bottom: 27px;
    margin-bottom: 27px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

.import--errors-title svg {
      margin-bottom: 13px;
    }

.import--errors-title .title {
      margin: 0;
      padding: 0;
      font-weight: 500;
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 3px;
    }

.import--errors-title .filename {
      margin: 0;
      padding: 0;
      font-size: 15px;
      line-height: 24px;
      color: var(--faded);
    }

.import--errors-data {
    margin-bottom: 40px;
  }

.import--errors-data table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
    }

.import--errors-data table td {
        vertical-align: top;
        padding: 12px 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        font-family: "Reddit Mono", monospace;
      }

.import--errors-data table td.row-number {
          font-size: 13px;
          color: var(--faded);
          font-weight: 500;
          padding-right: 20px;
        }

.import--errors-data table td.error-messages {
          font-size: 12px;
          color: black;
          font-weight: 400;
          white-space: pre-line;
        }

.import--recent-uploads {
  padding: var(--padding);
  background: var(--modal-footer-background);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.import--recent-uploads h3 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 17px;
  }

.import--recent-uploads__file {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
    text-decoration: none;
  }

.import--recent-uploads__file.pending {
      background: #EAF0F9;
    }

.import--recent-uploads__details {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 20px;
  }

.import--recent-uploads__file-name {
    font-size: 12px;
    font-weight: 500;
  }

.import--recent-uploads__date {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.5;
  }

.import--recent-uploads__status {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 10px;
  }

@keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

.import--recent-uploads .analysing-icon {
        
    animation: spin 1s linear infinite;
}

.import--status {
  display: flex;
  flex-direction: row;
  align-items: center;  
  gap: 20px;
  font-size: 12px;
  font-weight: 500;
}

@keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

.import--status .pending-icon {
    animation: spin 1s linear infinite;
  }

.import--status__message {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

.layout--page-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px var(--site-padding) 75px var(--site-padding);
}

.layout--page-title h1 {
    padding: 0;
    margin: 0;
  }

.layout--page-title .title {
    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--Black, #000);
  }

.layout--page-title .new-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;  
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: var(--brand-blue);    
  }

.layout--page-title .download-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;  
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    width: 40px;
    height: 40px;
    background: var(--button-fill--light);    
    cursor: download;

    /* transition: background 0.2s ease-in-out; */
  }

@keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

.layout--page-title .download-button .pending-icon {
      animation: spin 1s linear infinite;
      display: none;
    }

.layout--page-title .download-button.loading {
      background: var(--brand-blue);  
      cursor: progress;
    }

.layout--page-title .download-button.loading .download-icon {
        display: none;
      }

.layout--page-title .download-button.loading .pending-icon {
        display: block;
      }

.layout--page-title .action {
    display: flex;
    align-items: center;
    gap: 15px;
  }

.layout--page-title__movement-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
  }

/* Back / dismiss control: blue arrow + body text (not a full blue text link). */

.cancel-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}

.cancel-back-link:hover .cancel-back-link__label {
    text-decoration: underline;
  }

.cancel-back-link__arrow {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
  }

/* Same asset as modal `.back`; scaled for an inline text row */

.cancel-back-link__arrow svg {
      display: block;
      width: 22px;
      height: 22px;
    }

.cancel-back-link__label {
    color: var(--text);
  }

.modal--confirm-action .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    background: var(--overlay);
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 300ms ease-in-out;
    overflow: auto;
  }

.modal--confirm-action .overlay.active {
      opacity: 1;
      pointer-events: auto;
    }

.modal--confirm-action__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

.modal--confirm-action__card {
    width: 420px;
    background: var(--primary-object);
    border-radius: 11px;
    box-shadow: 0px 4px 94px 0px rgba(0, 0, 0, 0.14);
    padding: 30px 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

.modal--confirm-action__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 28.2px;
    color: var(--text);
    margin-bottom: 16px;
  }

.modal--confirm-action__body {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text);
  }

.modal--confirm-action__body p {
      font-size: inherit;
      line-height: inherit;
    }

.modal--confirm-action__body p:first-child {
        margin-top: 0;
      }

.modal--confirm-action__body p:last-child {
        margin-bottom: 0;
      }

.modal--confirm-action__actions {
    width: 420px;
    background: var(--primary-object);
    -webkit-backdrop-filter: blur(47px);
            backdrop-filter: blur(47px);
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0px 4px 94px 0px rgba(0, 0, 0, 0.14);
  }

.modal--confirm-action__confirm, .modal--confirm-action__cancel {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.modal--confirm-action__confirm *, .modal--confirm-action__cancel * {
      width: 100%;
    }

.modal--confirm-action__confirm a, .modal--confirm-action__confirm button, .modal--confirm-action__cancel a, .modal--confirm-action__cancel button {
      font-size: 13px;
      font-weight: 400;
      color: var(--text);
      text-decoration: none;
      cursor: pointer;
      background: none;
      border: none;
      padding: 18px;
    }

.modal--confirm-action__confirm {
    border-bottom: 1px solid var(--standard-border);
  }

.modal--confirm-action__confirm a, .modal--confirm-action__confirm button {
      font-weight: 500;
      color: var(--brand-blue);
    }

.modal--confirm-action__checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    font-size: 13px;
    line-height: 18px;
    color: var(--text);
    cursor: pointer;
    text-align: left;
  }

.modal--confirm-action__checkbox span {
      font-size: inherit;
      line-height: inherit;
    }

.modal--confirm-action__checkbox input[type="checkbox"] {
      cursor: pointer;
      position: relative;
      width: 26px;
      height: 26px;
      padding: 0;
      margin: 0;
      transition: all 300ms;
      border: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: none;
      outline: none;
    }

.modal--confirm-action__checkbox input[type="checkbox"]:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 26px;
    height: 26px;
    transition: all 200ms;
    background: var(--button-fill);
    border-radius: 5px;        
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%231B4D6C" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/></svg>');
  }

.modal--confirm-action__checkbox input[type="checkbox"]:checked:after {
      /* border: 1px solid rgba(27, 77, 108, 0.22);
      background: var(--link); */
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.modal--confirm-action__checkbox input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.modal--confirm-action__checkbox input[type="checkbox"] {
      flex-shrink: 0;
}

.dark .modal--confirm-action__checkbox input[type="checkbox"]:after {
    background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%23FFFFFF" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%23FFFFFF" stroke-opacity="0.22"/></svg>');
  }

.dark .modal--confirm-action__checkbox input[type="checkbox"]:checked:after {
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.modal--confirm-action__confirm .is-disabled {
    opacity: 0.4;
    pointer-events: none;
  }

.modal--confirm-action__confirm button.loading,
  .modal--confirm-action__cancel button.loading {
    position: relative;
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
    pointer-events: none;
  }

.modal--confirm-action__confirm button.loading::after, .modal--confirm-action__cancel button.loading::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 24px;
      height: 24px;
      margin: -10px 0 0 -10px;
      border: 4px solid rgba(0, 0, 0, 0.2);
      border-top-color: var(--brand-blue);
      border-radius: 50%;
      animation: modal-confirm-spin 0.8s linear infinite;
    }

@keyframes modal-confirm-spin {
  to { transform: rotate(360deg); }
}

/* transition doesn't work on backdrop-fill, so we use a keyframe animation */

@keyframes backdrop-blur-animation {
  from {
     -webkit-backdrop-filter: blur(0px);
             backdrop-filter: blur(0px);
  }
  
  to {
     -webkit-backdrop-filter: blur(9px);
             backdrop-filter: blur(9px);
  }
}

@keyframes scrolly {
  0% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(10px);
  }

  30% {
    transform: translateY(0);
  }

  45% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.modal {
  --text: #000;
  --padding: 25px;
  /* opacity: 0; */
  position: relative;
  z-index: 20;
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(120%);
  transition: transform 400ms ease-in-out 100ms; /* 100ms delay is to allow the content to load before the modal slides in, without waiting too long */
  height: 100vh;
  max-height: 100vh;
  /* background: linear-gradient(130deg, #F4F4F4 6.08%, #E4EEF7 51.47%, #F2EEF6 93.84%); */
  background: var(--modal-background);
  color: var(--text);
}

.modal.large {
    /* max-width: 642px; */
  }

html.show-modal .modal {
    /* opacity: 1; */
    transform: unset; /* to avoid disrupting other modal/fixed triggers like the delete modal */
    transition: transform 300ms ease-in-out 0ms;
  }

.modal .modal-wrapper {

  }

.modal .modal-body {
    /* flex-grow: 1; */
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0px var(--padding) var(--padding) var(--padding);
  }

.modal .modal-body h3 {
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 25px;
    }

.modal .modal-body .intro {
      /* color: var(--faded); */
      font-size: 13px;
      font-weight: 500;
      border-bottom: 1px solid var(--opacity-border);
      margin-bottom: 15px;
      padding-bottom: 15px;
    }

.modal .modal-body .intro strong {
        font-weight: 500;
      }

.modal .modal-body .info {
      position: relative;
      top: -20px;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 6px;
      font-size: 12px;
      color: var(--faded);
    }

.modal .modal-body .info a {
        color: var(--faded);
      }

.modal .modal-body .soft-warning {
      font-size: 13px;
      color: rgba(0, 0, 0, 0.5);
      border-top: 1px solid var(--opacity-border);
      padding-top: 15px;
    }

.modal .modal-body .form {
      height: 100%;
    }

.modal .modal-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px; /* 160% */
    padding-bottom: 15px;
    border-bottom: 1px solid var(--opacity-border);
    color: var(--text);
  }

.modal .modal-subtitle {
    position:relative;
    top: -40px;
    line-height: 1em;
    padding: 0;
    margin: 0;
    margin-bottom: -14px;
    color: var(--faded);
    font-weight: 500;
  }

.modal-content {
  width: 100%;
  flex: 1;
  max-width: 900px;
  /* max-height: 100vh; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* height: calc(100vh - 92px); */
  overflow-y: auto;

}

.modal-content .notification {
    position: relative;
    top: -35px;
    display: flex;
    flex-direction: row;
    gap: 11px;
    align-items: center;
    padding: 16px 14px;
    border-radius: 8px;
    background: var(--modal-background);
    color: white;
  }

.modal-content .scroll-for-more {
    pointer-events: none;
    position: absolute;
    bottom: 0px;
    padding-bottom: 20px;
    left: 0;
    right: 0;
    z-index: 4;
    height: 200px;
    border-radius: 0 0 19px 19px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-image: linear-gradient(180deg, rgba(247,248,248,0.00) 0%, #F7F8F8 100%);
    opacity: 0;
    transition: opacity .4s ease-in-out;
  }

.modal-content .scroll-for-more.active {
      opacity: 1;
    }

.modal-content .scroll-for-more.active .scroll-for-more-icon {
        cursor: pointer;
        pointer-events: auto;
      }

.modal-content .scroll-for-more-icon {
    z-index: 1000;
    background-color: var(--brand-blue);
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: scrolly;
    animation-duration: 2s;
    animation-direction: normal;
    animation-iteration-count: infinite;
  }

.modal-main {
  /* height: 100%; */
  /* min-height: calc(100vh - 113px); */
}

.modal-header {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  padding: var(--padding) var(--padding) 0 var(--padding);
  min-height: 80px;
  box-sizing: content-box;
}

.modal-header .actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
  }

.modal-header .back {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background: none;
    padding: 0;
    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;

    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    font-family: Inter;
    color: var(--text);
  }

.modal-header .back svg, .modal-header .back svg g {
      fill: var(--brand-blue);
    }

.modal-overlay {
  --modal-width: 536px;
  --modal-width-large: 642px; 

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0,0,0, 0);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  transition: background-color 300ms ease-in-out;

}

.modal-overlay .modal-side {
    display: flex;
    opacity: 0;
    color: white;
    transition: opacity 300ms ease-in-out 0ms;
    height: 100vh;
    width: 100vw;
  }

.modal-overlay .modal-side .side-content {
      width: 100%;
      height: 100%;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      /* padding-right: var(--modal-width); */
    }

.modal-overlay.large .modal-side {
    margin-right: calc(-1 * var(--modal-width-large));
    padding-right: var(--modal-width-large);
  }

.modal-overlay.active {
    background-color: var(--overlay);
    pointer-events: auto;
  }

.modal-overlay.active .modal {
      transform: unset; /* to avoid disrupting other modal/fixed triggers like the delete modal */
    }

.modal-overlay.active .modal-side {
      opacity: 1;
      transition: opacity 300ms ease-in-out 300ms;
    }

.modal-overlay.active.blur {
      animation: backdrop-blur-animation 300ms ease;
      animation-name: backdrop-blur-animation;
      animation-duration: 300ms;
      animation-fill-mode: forwards; 
      animation-delay: 300ms;
    }

.modal-overlay:not(.large) .modal {
    max-width: var(--modal-width);
  }

.modal-overlay.large .modal {
    max-width: var(--modal-width-large);
  }

.modal-actions {
  display: flex; 
  flex-direction: column;
  gap: 6px;
  position: relative;
  padding: 10px;

}

.modal-actions::before {
    display: none;
    content: "";
    height: 100px;
    background: linear-gradient(180deg, rgba(243, 248, 251, 0.00) 0%, #F0F8F8 100%);
    width: 100%;
    position: absolute;
    top: -100px;
    pointer-events: none;
  }

.modal-actions .modal-submit {
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 25px 0;    
    background: var(--brand-blue);
    background: var(--action-gradient);    
    color: var(--text-on-dark);
    border-radius: 11px;
    transition: all 200ms;
    font-size: 15px;
    font-weight: 500;
    min-height: 80px;
    text-decoration: none;
  }

.modal-actions .modal-submit span {
      font-size: 15px;
      font-weight: 500;
    }

.modal-actions .modal-submit:hover {
    }

.modal-actions .modal-submit:disabled {
      opacity: 0.3;
      cursor: not-allowed;
    }

.modal-actions .modal-submit:focus {
      outline: none;
    }

.modal-actions .modal-submit.optional {
      background: var(--optional-action);
      color: var(--text-color);
    }

.modal-actions .modal-submit .loading-icon {
      display: none;        
    }

@keyframes spin {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }

.modal-actions .modal-submit .loading-icon {
      animation: spin 1s linear infinite;
}

.modal-actions .modal-submit.loading {
      opacity: 0.5;
      cursor: not-allowed;
    }

.modal-actions .modal-submit.loading .loading-icon {
        display: block;
      }

.modal-actions .modal-submit.loading .action-text {
        display: none;
      }

.modal-actions .modal-submit__secondary {
      border: 1px solid var(--standard-border);
      background: var(--faded);
    }

.modal-actions .action-link {
     display: block;
     width: 100%;
     text-align: center;
     margin-bottom: 10px;
     padding: 20px;
     font-size: 13px;
     font-weight: 500;
  }

.modal--notification .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);  
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 200ms ease-in-out;
    overflow: auto;
      
  }

.modal--notification .overlay.active {
      opacity: 1;
      pointer-events: auto;
    }

.modal--notification .overlay .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 30px 40px;
      font-size: 13px;
      font-weight: 500;
      
      gap: 20px;
      border-radius: 11px;
      background: #FFF;
      box-shadow: 0px 4px 94px 0px rgba(0, 0, 0, 0.14);
      -webkit-backdrop-filter: blur(47px);
              backdrop-filter: blur(47px);
    }

/* Movement changelog timeline — vertical list with icon rail */

.changelog-timeline {
  --changelog-rail-width: 2.5rem;
  --changelog-dot-size: 2rem;
  --changelog-rail-color: var(--neutral-200, #e5e7eb);
  --changelog-icon-color: var(--neutral-500, #6b7280);
  --changelog-icon-bg: var(--neutral-50, #f9fafb);

  display: block;
}

.changelog-timeline__empty {
  padding: 2rem 0;
  text-align: center;
  color: var(--neutral-500, #6b7280);
}

.changelog-timeline__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.changelog-event {
  display: grid;
  grid-template-columns: var(--changelog-rail-width) 1fr;
  gap: 0.75rem;
  padding: 0.75rem 0;
  position: relative;
}

/* Vertical line connecting events; hidden on the last item. */

.changelog-event:not(:last-child) .changelog-event__rail::before {
  content: "";
  position: absolute;
  left: calc(var(--changelog-rail-width) / 2 - 1px);
  top: calc(var(--changelog-dot-size) + 0.75rem);
  bottom: -0.75rem;
  width: 2px;
  background: var(--changelog-rail-color);
}

.changelog-event__rail {
  position: relative;
  display: flex;
  justify-content: center;
}

.changelog-event__dot {
  width: var(--changelog-dot-size);
  height: var(--changelog-dot-size);
  border-radius: 50%;
  background: var(--changelog-icon-bg);
  border: 1px solid var(--changelog-rail-color);
  color: var(--changelog-icon-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.changelog-event__dot svg {
  width: 1rem;
  height: 1rem;
  stroke: black;
}

/* Type-specific accents — soft, not loud. */

.changelog-event--created .changelog-event__dot {
  background: var(--green-50, #ecfdf5);
  border-color: var(--green-200, #a7f3d0);
  color: var(--green-700, #047857);
}

.changelog-event--movement_change .changelog-event__dot {
  background: var(--blue-50, #eff6ff);
  border-color: var(--blue-200, #bfdbfe);
  color: var(--blue-700, #1d4ed8);
}

.changelog-event--line_item .changelog-event__dot {
  background: var(--purple-50, #f5f3ff);
  border-color: var(--purple-200, #ddd6fe);
  color: var(--purple-700, #6d28d9);
}

.changelog-event--rate_change .changelog-event__dot {
  background: var(--amber-50, #fffbeb);
  border-color: var(--amber-200, #fde68a);
  color: var(--amber-700, #b45309);
}

.changelog-event--note .changelog-event__dot {
  background: var(--neutral-100, #f3f4f6);
  border-color: var(--neutral-300, #d1d5db);
  color: var(--neutral-600, #4b5563);
}

.changelog-event__body {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.changelog-event__description {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  word-break: break-word;
}

.changelog-event__meta {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--neutral-500, #6b7280);
}

.changelog-event__date {
  cursor: help;
}

.changelog-event__relative,
.changelog-event__attribution {
  margin-left: 0.125rem;
}

.notes--note {
  display: flex;
  flex-direction: row;
  gap: 7px;
  width: 100%;
  background-color: var(--brand-blue);
  padding: 11px;
  border-radius: 7px;
  color: white;
}

.notes--note__icon {
    display: flex;
    flex-direction: column;
    max-width: 60px;
    padding: 15px 10px 10px 10px;
  }

.notes--note__text {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

.notes--note__text span:first-child {
      font-weight: 500;
    }

.notes--note__text span:last-child {
      font-size: 12px;
      font-weight: 400;
      white-space: pre-wrap;
    }

.notes--note__date {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 120px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    justify-content: center;
    gap: 10px;
  }

.notes--note__date span {
      line-height: 1em;
    }

.notes--note__date span:first-child {
      font-weight: 500;
    }

.notes--note__created_by {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 160px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    justify-content: center;
    gap: 10px;
  }

.notes--note__created_by span {
      line-height: 1em;
    }

.notes--note__created_by span:first-child {
      font-weight: 500;
    }

.notes--note__actions {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 11px;
    width: 150px;
    padding: 10px;
  }

.notes--note__actions .button {
      background-color: rgba(255, 255, 255, 0.14);
      color: white;
    }

.search--form__date-filter {
  display: flex;
  flex-direction: row;
  align-items: center;  
  justify-content: space-between;
  gap: 20px;
  padding: 8px 18px;
}

.search--form__date-filter * {
    font-size: 13px;
  }

.search--form__date-filter:last-child {
    padding-bottom: 15px;
  }

.search--form__date-filter .date-field {
    display: flex;
    align-items: center;


  }

.search--form__date-filter svg path {
    fill: none;
    stroke: var(--brand-blue);
    stroke-width: 18px;
  }

.search--form__date-filter .ss-close, .search--form__date-filter .ss-arrow {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    cursor: pointer;
    margin: 9px;
    box-sizing: content-box;
  }

.search--form__date-filter .form-control {
    min-height: 30px;
    border: none;
    text-align: right;
    width: 100%;
    border: none;
    cursor: pointer;
    padding-right: 0px;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    background: transparent;
  }

.search--form__date-filter .form-control::-moz-placeholder {
      color: var(--faded);
      opacity: 1;
    }

.search--form__date-filter .form-control::placeholder {
      color: var(--faded);
      opacity: 1;
    }

.search--form__date-filter .form-control:focus {
      outline: none;
      box-shadow: none;
    }

.search--filter-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: black;

}

.search--filter-item * {
    font-size: 12px;
    font-weight: 500;
  }

.search--filter-item__menu-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-weight: 500;
    font-size: 12px; 
    -webkit-user-select: none; 
       -moz-user-select: none; 
            user-select: none;
  }

.search--filter-item__menu-item:hover {
      background: var(--hover-background);
    }

.search--filter-item__menu-item:last-child {
      border-bottom: none;
    }

.hide .search--filter-item__menu-item {
      display: none;
    }

.search--filter-item__value {
    /* color: var(--faded); */
    color: var(--brand-blue);
  }

.search--filter-item__container {
    border-radius: 11px;
    /* border: 1px solid #D8DDE4; */
    background: linear-gradient(340deg, #F5F9FF -45.61%, #FFFFFF 96.8%);
    display: flex;
    flex-direction: column;
    width: 100%;
    opacity: 0;
    /* transition: opacity 0.1s ease-in-out; */
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

.search--filter-item__container.active {
      opacity: 1;
      pointer-events: auto;
      cursor: default;
    }

.search--filter-item__content {
    padding-bottom: 5px;
  }

.search--filter-item__back {
    padding: 16px 18px 5px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 12px; 
    color: var(--brand-blue);
    cursor: pointer;
  }

.search--filter-item__header {
    padding: 4px 18px;
    font-weight: 500;
    font-size: 14px; 
    font-weight: 500;
  }

.search--filter-select__filter-select__options {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 450px;
    overflow-y: auto;
    position: relative;
/* 
    &::after {
      content: '';
      position: sticky;
      bottom: 0px;
      left: 0;
      right: 0;
      min-height: 40px;
      background: linear-gradient(to bottom, transparent, white);
      pointer-events: none;
    } */
  }

.search--filter-select__filter-select__options::-webkit-scrollbar {
      background: rgba(0, 0, 0, 0.1);
      width: 10px;
      border-radius: 11px;
    }

.search--filter-select__filter-select__options::-webkit-scrollbar-thumb {
      background: var(--brand-blue);
      width: 10px;
      border-radius: 11px;
    }

.search--filter-select__filter-select__option {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    gap: 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.search--filter-select__filter-select__option:last-child {
      border-bottom: none;
      padding-bottom: 15px;
    }

.search--filter-select__filter-select__option span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: calc(100% - 50px);
    }

.search--filter-select__filter-select input[type="checkbox"] {
    cursor: pointer;
    position: relative;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    transition: all 300ms;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    outline: none;
  }

.search--filter-select__filter-select input[type="checkbox"]:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 26px;
    height: 26px;
    transition: all 200ms;
    background: var(--button-fill);
    border-radius: 5px;        
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%231B4D6C" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/></svg>');
  }

.search--filter-select__filter-select input[type="checkbox"]:checked:after {
      /* border: 1px solid rgba(27, 77, 108, 0.22);
      background: var(--link); */
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.search--filter-select__filter-select input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.search--filter-select__filter-select__search-input {
    width: calc(100% - 36px);
    padding: 12px 18px;
    border-radius: 6px;
    background: rgba(144, 160, 171, 0.1);
    font-weight: 500;
    font-size: 13px;
    border: none;
    outline: none;
    margin: 8px 18px;
    
  }

.search--filter-select__filter-select__search-input::-moz-placeholder {
      color: var(--faded);
      font-weight: 500;
    }

.search--filter-select__filter-select__search-input::placeholder {
      color: var(--faded);
      font-weight: 500;
    }

.search--filter {
  display: flex;
  border-radius: 5px;
  padding: 6px 10px;
  background: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  position: relative;

}

.search--filter:hover, .search--filter.active {
    background: var(--hover-background);
  }

.dark .search--filter:hover, .dark .search--filter.active {
      background: var(--table-header);
    }

.search--filter__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
  }

.active .search--filter__mask {
      opacity: 1;
      pointer-events: auto;
    }

.search--filter__button {
    display: flex;
    align-items: center;
    gap: 10px;
  }

.search--filter__button svg {
      fill: var(--brand-blue);
    }

.search--filter span {
    font-size: 12px;
    font-weight: 500;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.search--filter__filter-list {
    opacity: 0;
    /* transition: opacity 0.2s ease-in-out; */
    position: absolute;
    top: 46px;
    right: 0;
    width: 320px;
    z-index: 100;
    border-radius: 11px;
    border: 1px solid #D8DDE4;
    background: linear-gradient(340deg, #F5F9FF -45.61%, #FFFFFF 96.8%);
    box-shadow: 0px 15px 34px 0px rgba(29, 33, 46, 0.10);
    overflow: hidden;
    pointer-events: none;
  }

.active .search--filter__filter-list {
      opacity: 1;
      pointer-events: auto;
    }

.search--freetext-search {
  display: flex;
  border-radius: 5px;
  padding: 6px 10px;

  background: none;
  cursor: pointer;

  transition: background 0.2s ease-in-out;
  position: relative;
}

.search--freetext-search:hover, .search--freetext-search.active {
    background: var(--hover-background);
  }

.dark .search--freetext-search:hover, .dark .search--freetext-search.active {
      background: var(--table-header);
    }

.search--freetext-search__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
  }

.active .search--freetext-search__mask {
      opacity: 1;
      pointer-events: auto;
    }

.search--freetext-search__button {
    display: flex;
    align-items: center;
    gap: 10px;
  }

.search--freetext-search__button svg {
      fill: var(--brand-blue);
    }

.search--freetext-search span {
    font-size: 13px;
    font-weight: 500;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.search--freetext-search__input {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    top: 46px;
    right: 0;
    width: 300px;
    z-index: 100;
    pointer-events: none;
  }

.active .search--freetext-search__input {
      opacity: 1;
      pointer-events: auto;
    }

.search--freetext-search__input input {
      width: 100%;
      border-radius: 11px;
      border: 1px solid #D8DDE4;
      background: linear-gradient(340deg, #F5F9FF -45.61%, #FFFFFF 96.8%);
      box-shadow: 0px 15px 34px 0px rgba(29, 33, 46, 0.10);

      font-size: 12px;
      font-weight: 500;
      line-height: 12px;
      line-height: 20px;
      padding: 15px 20px;
    }

.search--freetext-search__input input::-moz-placeholder {
        color: var(--faded);
      }

.search--freetext-search__input input::placeholder {
        color: var(--faded);
      }

.search--freetext-search__input input:focus {
        outline: none;
      }

.search--form {
  width: 100%;
}

.search--form form {
    flex: 1;
    width: 100%;
  }

.search--form__filter_actions .count {
      min-height: 34px;
      display: flex;
      align-items: center;
    }

.search--form__filter_actions a {
      color: var(--faded);
      text-decoration: underline;
    }

.search--form__saved-search {
    display: flex;
    align-items: center;
    gap: 10px;
  }

.search--form__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px var(--site-padding);
  }

.search--form__right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }

.search--form__tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    max-width: calc(100% - 100px);
  }

.search--form__tab-dropdown {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: calc(100% - 100px);
    gap: 10px;
  }

.search--form__tab-dropdown__label {
      font-weight: 500;
    }

.search--form__active-filters {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 0;
    overflow: hidden;
  }

.search--form__active-filters.active {
      height: auto;
    }

.search--form__active-filters .active-filters {
      display: flex; 
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 10px;
    }

.search--form__active-filters .active-filters:not(:empty) {
        padding: 0 var(--site-padding) 10px var(--site-padding);
      }

.search--form__active-filters .active-filters .active-filter {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 10px;
        background: var(--button-fill);
        border-radius: 7px;
        font-weight: 500;
        color: var(--text-on-dark);
        text-decoration: none;
        white-space: nowrap;

      }

.search--form__active-filters .active-filters .active-filter span {
          font-weight: 500;
        }

.search--form__active-filters .active-filters .active-filter span.label {
            color: var(--text);
          }

.search--form__active-filters .active-filters .active-filter span.value {
            color: var(--brand-blue);
          }

.search--form__active-filters .active-filters .active-filter .greater-or-equal, .search--form__active-filters .active-filters .active-filter .less-or-equal {
          font-weight: 500;
          font-size: 15px;
          font-family: "Reddit Mono", monospace;
        }

.search--form__active-filters .active-filters .active-filter svg {
          margin-left: 5px;
        }

.search--form__sort {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
  }

.search--form__sort svg {
      fill: var(--brand-blue);
    }

.search--form-sort__select, .search--select-filter  {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
  /* padding: 0.5rem; */
  padding: 0px;
}

.search--form-sort__select.search_word_min .ss-main .ss-values .ss-single, .search--form-sort__select.search_word_min .ss-main .ss-placeholder, .search--form-sort__select.search_word_max .ss-main .ss-values .ss-single, .search--form-sort__select.search_word_max .ss-main .ss-placeholder, .search--select-filter.search_word_min .ss-main .ss-values .ss-single, .search--select-filter.search_word_min .ss-main .ss-placeholder, .search--select-filter.search_word_max .ss-main .ss-values .ss-single, .search--select-filter.search_word_max .ss-main .ss-placeholder {
      justify-content: flex-end;
    }

.search--form-sort__select.search_word_min, .search--form-sort__select.search_word_max, .search--select-filter.search_word_min, .search--select-filter.search_word_max {

    width: auto;
    min-width: 140px;
}

.search--form-sort__select select, .search--select-filter select {
  outline: none;
  border: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: url("icons/select-arrow.svg") no-repeat calc(100% + 5px) 50%;
  /* min-width: 120px; */
  font-weight: 500;
  font-size: 13px;
  height: 20px;

  outline: none;
  box-shadow: none;
}

.search--form-sort__select select:focus, .search--select-filter select:focus {
    outline: none;
    box-shadow: none;
  }

.search--form-sort {
  display: flex;
  align-items: center;
  
}

.search--form-sort__container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.search--form-sort label {
    /* margin-left: 0.5rem; */
    cursor: pointer;
  }

.search--form-sort input {
    display: none;
  }

.search--form-sort input + span svg.desc {
    display: none;
  }

.search--form-sort input + span svg.asc {
    display: block;
  }

.search--form-sort input:checked + span svg.desc {
      display: block;
    }

.search--form-sort input:checked + span svg.asc {
      display: none;
    }

.search--form-sort__label {
    display: flex;
    align-items: center;
    min-height: 34px;
    border-right: 1px solid var(--standard-border);
    padding-right: 12px;
    margin-right: 12px;
  }

.search--form-sort__label label {
      color: var(--faded);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.48px;
      text-transform: uppercase;
    }

.search--form__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.search--form__list input {
    display: none;
  }

.search--form__list input + svg {
    cursor: pointer;
    fill: var(--faded);
    transition: fill 300ms ease-in-out;
  }

.search--form__list svg {
    outline: none;
  }

.search--form__list svg:focus {
    outline: none;
  }

.search--form__list input:checked + svg{
    fill: black;
    border: none;
  }

.search--form__search {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
  margin-right: 20px;
}

.search--form__search input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    border: none;
    height: 24px;
    /* background-color: transparent; */
    min-width: 120px;
    max-width: 700px;
    width: auto;
    background: none;
    
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
  }

.search--form__search input::-moz-placeholder {
      color: var(--faded);
    }

.search--form__search input::placeholder {
      color: var(--faded);
    }

.search--form__search input:not(:-moz-placeholder-shown) {
      background: none;
    }

.search--form__search input:not(:placeholder-shown) {
      background: none;
    }

.search--form__search input:focus {
      color: var(--text-color);
    }

.search--form__search input:focus::-moz-placeholder {
      }

.search--form__search input:focus::placeholder {
      }

.search--form__search input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      cursor: pointer;
      height: 16px;
      width: 16px;
      background: url("icons/search-cancel.svg") no-repeat 100% 2px;
    }

.search--form__search__freetext-filter {
    padding-right: 5px;
    border-right: 1px solid var(--text-color);
  }

.search--form__search button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    color: #000;
    margin-left: 0.25rem;
  }

.search--form__search button svg {
      stroke: currentColor;
    }

.search--form__count {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  color: var(--faded);
  padding: 0 var(--site-padding);
}

.search--form__filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.search--form__filters button  {
    min-width: 158px;
  }

.search--load-more {
  position: relative;
  top: -500px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  opacity: 0;
  height: 0;
}

.search--form .count {
  font-weight: 500;
  font-size: 13px;
  color: var(--faded);
}

.search--view-filter {
  width: 100%;
  max-width: var(--max-width);
  padding: 24px var(--padding) 0 var(--padding);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.search--view-filter__label {
    display: flex;
    align-items: center;
    min-height: 34px;
    border-right: 1px solid var(--standard-border);
    padding-right: 14px;
    margin-right: 20px;
  }

.search--view-filter__label label {
      color: var(--faded);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.48px;
      text-transform: uppercase;
    }

.search--view-filter__value {
    width: auto;
  }

.search--list-saved-searches {
  padding-top: 200px;
  color: var(--text-color);
  text-align: center;

}

.search--list-saved-searches__saved_searches  {
    display: flex;
    flex-direction: column;
    gap: 14px;
    
  }

.search--list-saved-searches__search a {
    color: var(--faded);
    text-align: center;
    
    /* H4 */
    font-size: 13px;
    font-weight: 500;
    line-height: 28.2px; /* 188% */
    text-decoration-line: underline;
  }

.search--select-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;

  display: none;
  justify-content: center;
  align-items: center;

  background: var(--brand-blue);
}

.search--select-popup--has-selection {
    display: flex;
  }

.search--select-popup__container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 20px var(--site-padding);
    /* max-width: var(--max-width);     */
  }

.search--select-popup__counter {
    text-align: left;
    color: var(--faded);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.2px; /* 188% */
  }

.search--select-popup__counter.active {
      color: var(--text-on-dark);
    }

.search--select-popup__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
  }

.search--select-popup__seperator {
    border-left: 1px solid var(--faded-on-dark);
    opacity: 0.6;
    height: 34px;
    margin-left: 10px;
    margin-right: 10px;
  }

.search--tab {
  display: flex;
  padding: 4px 12px;
  border-radius: 3px;
  cursor: pointer;
  color: var(--text);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px; 
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  flex: 1;
  max-width: 300px;
  text-wrap: nowrap;
}

.search--tab.active, .search--tab:hover {
    background: var(--brand-blue);
    color: var(--text-on-dark);
  }

.table--standard {
  width: 100%;
  flex: 1;
  margin-bottom: 68px;
  font-weight: normal;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.table--standard__header,
.table--row__standard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.table--standard__header:hover .table--column__sort {
  opacity: 0.4;
}

.table--standard__header:hover .table--column__sort.active {
    opacity: 1;
  }

.table--row__standard.with-toggle {
  /* cursor: pointer; */
}

.table--row__standard.with-toggle:hover {
    background: var(--contrast-block--light);
  }

.table--standard__header {
  /* padding: 0 var(--site-padding); */
  /* max-width: var(--max-width); */

  position: sticky;
  top: 0;
  background: white;
  z-index: 50;
  border-top: 1px solid var(--standard-border);
  /* .table--column {
    background: white;
  } */
}

.table--standard__header .table--column__name {
    font-weight: 500;
  }

.table--standard__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* border-bottom: 1px solid var(--standard-border); */

.table--standard__body > * {
    width: 100%;
  }

.table--row {
  display: flex;
  justify-content: center;
  transition: all 0.2s;
}

.table--row:hover,
  .table--row.table--row--range-preview {
    background: var(--dropdown-section);
  }

.table--row.with-subrow {
    cursor: pointer;
  }

.table--row__wrapper {
  width: 100%;
  /* padding: 0 var(--padding); */
  /* max-width: var(--max-width); */
}

.table--row__standard {
  width: 100%;
  /* border-bottom: 1px solid var(--standard-border); */
}

.table--cell,
.table--column {
  /* padding: 2px 15px; */
  padding: 2px var(--site-padding);
  min-height: 44px;
  border-bottom: 1px solid var(--standard-border);
  border-right: 1px solid var(--standard-border);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.table--standard__header .table--cell, .table--standard__header .table--column {
    /* margin-top: 0;
    margin-bottom: 0; */
  }

.table--cell:last-child, .table--column:last-child {
    margin-right: 0;
    border-right: none;
    padding-right: var(--site-padding);
  }

.table--cell__content, .table--column__content {
    display: flex;
    align-items: center;
  }

.table--cell__content label, .table--column__content label {
      display: flex;
      align-items: center;  
    }

.table--cell__sort, .table--column__sort {
    border-radius: 3px;
    background: rgba(0, 161, 214, 0.16);
    padding: 5px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
  }

.dark .table--cell__sort, .dark .table--column__sort {
      background: rgba(0, 161, 214, 0.16);
    }

.table--cell__sort svg, .table--column__sort svg {
      fill: var(--brand-blue);
    }

.table--cell__sort.asc, .table--column__sort.asc {
      transform: rotate(180deg);
    }

.table--cell__sort.active, .table--column__sort.active {
      opacity: 1;
    }

.table--column   {
  font-weight: 500;
  background: var(--table-header);
  color: var(--text); 
  text-decoration: none;
  flex: 1;
}

.table--column a {
    flex: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text);
  }

.table--cell__content {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 164%;
  width: 100%;
}

.table--cell__content a:not(.button) {
    color: var(--text-color);
  }

.table--cell {
  align-self: stretch;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.table--cell__label {
  /* display: block; */
  display: none;
  height: 15px;
}

.table--cell__content {
  flex: 1;
  display: flex;
  align-items: center;
}

.table--row__standard .table--cell 

.table--standard__header div[data-col],
.table--cell label {
  color: var(--faded);
  font-weight: 500;
  font-size: 12px;
}

div[data-col] {
  flex: 1;
  min-width: 1px;
  white-space: nowrap;
}

div[data-col="toggle"] {
  max-width: 40px;
  border-right: none;
}

div[data-col="toggle"]:hover {
    cursor: pointer;
  }

div[data-col="toggle"] .table--cell__content {
    padding:0;
    margin:0;
    width: 40px;
    justify-content: flex-end;
  }

div[data-col="toggle"] .table--row__toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

div[data-col="toggle"] .table--row__toggle svg {
      transform: rotate(0deg);
      transition: transform 0.2s;
    }

.table--row[data-expanded="true"] div[data-col="toggle"] .table--row__toggle {
      transform: rotate(90deg);
    }

div[data-col="actions"] {
  display: flex;
  align-items: flex-end;
}

div[data-col="actions"] .table--cell__content {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
  }

div[data-col="actions"] label {
  display: none;
}

div[data-col="id"] {
  max-width: 100px;
}

.table--standard__empty {
  text-align: center;
  padding: 2rem;
  color: var(--faded);
  font-size: 15px;
  font-weight: 500;
  display: none;
}

.table--standard__empty a {
    color: var(--faded);
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    text-decoration-line: underline;    
  }

[data-table-rows-value="0"] .table--standard__header,
[data-table-rows-value="0"] .table--standard__body,
[data-table-rows-value="0"] .pagination {
  /* display: none; */
}

[data-table-rows-value="0"] .table--standard__empty {
  display: block;
  margin-top: 10rem;
}

.table-subrow {
  display: none; /* flex */
  flex-direction: column;
  background: var(--dropdown-section);
  padding: var(--site-padding);
  width: 100%;
  border-top: 1px solid var(--standard-border);
  box-shadow: inset 0 15px 15px -5px rgba(0, 0, 0, 0.06);
  cursor: auto;
}

.table--row[data-expanded="true"] .table-subrow {
    display: flex;
    border-bottom: 1px solid var(--standard-border);
  }

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}

.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}

.flatpickr-calendar.open{display:inline-block;z-index:99999}

.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}

.flatpickr-calendar.inline{display:block;position:relative;top:2px}

.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}

.flatpickr-calendar.static.open{z-index:999;display:block}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}

.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}

.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}

.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}

.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}

.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}

.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}

.flatpickr-calendar:before{border-width:5px;margin:0 -5px}

.flatpickr-calendar:after{border-width:4px;margin:0 -4px}

.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}

.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}

.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}

.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}

.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}

.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}

.flatpickr-calendar:focus{outline:0}

.flatpickr-wrapper{position:relative;display:inline-block}

.flatpickr-months{display:flex}

.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}

.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}

.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}

.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}

.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}

.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}

.numInputWrapper{position:relative;height:auto}

.numInputWrapper input,.numInputWrapper span{display:inline-block}

.numInputWrapper input{width:100%}

.numInputWrapper input::-ms-clear{display:none}

.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}

.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}

.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}

.numInputWrapper span:active{background:rgba(0,0,0,0.2)}

.numInputWrapper span:after{display:block;content:"";position:absolute}

.numInputWrapper span.arrowUp{top:0;border-bottom:0}

.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}

.numInputWrapper span.arrowDown{top:50%}

.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}

.numInputWrapper span svg{width:inherit;height:auto}

.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}

.numInputWrapper:hover{background:rgba(0,0,0,0.05)}

.numInputWrapper:hover span{opacity:1}

.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}

.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}

.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}

.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}

.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}

.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}

.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}

.flatpickr-current-month input.cur-year:focus{outline:0}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}

.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}

.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}

.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}

span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}

.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}

.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}

.flatpickr-days:focus{outline:0}

.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}

.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}

.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}

.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}

.flatpickr-day.today{border-color:#959ea9}

.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}

.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}

.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}

.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}

.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}

.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}

.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}

.flatpickr-day.hidden{visibility:hidden}

.rangeMode .flatpickr-day{margin-top:1px}

.flatpickr-weekwrapper{float:left}

.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}

.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}

.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}

.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}

.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}

.flatpickr-time:after{content:"";display:table;clear:both}

.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}

.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}

.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}

.flatpickr-time.hasSeconds .numInputWrapper{width:26%}

.flatpickr-time.time24hr .numInputWrapper{width:49%}

.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}

.flatpickr-time input.flatpickr-hour{font-weight:bold}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}

.flatpickr-time input:focus{outline:0;border:0}

.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}

.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}

.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}

.flatpickr-input[readonly]{cursor:pointer}

@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  border: none;
  outline: none;
  background: none;
  /* appearance: none; */
  font-size: 16px;
  font-weight: 500;
}

.flatpickr-current-month .numInputWrapper {
  width: 8ch;
}

.flatpickr-current-month input.cur-year {
  font-size: 16px;
  font-weight: 500;
}

.simple_form div.input {
    padding: 0px 0px;
    margin-bottom: 30px;
    clear: both;

    /* &.disabled {
      display: none;
    } */
  }

.simple_form .currency-input {
    position: relative;
  }

.simple_form .currency-input::before {
      content: '£';
      position: absolute;
      left: 16px;
      top: calc(50% + 5px);
      transform: translateY(-50%);
      z-index: 1;
      font-size: 13px;
      font-weight: 400;
    }

.simple_form .currency-input .currency-input__field {
      padding-left: 25px !important;
    }

.simple_form .input.file .file-upload-button {
      /* margin-top: 10px; */
    }

.simple_form .input.file .file-upload-selected {
      margin-top: 10px;
      display: none;
      flex-direction: row;
      align-items: center;
      gap: 10px;
      padding: 8px 12px;
      border-radius: 5px;
      border: 1px solid #CADAE6;
      color: var(--text);
      line-height: 1em;
    }

.simple_form .input.file input[type="file"] {
      height : 0;
      opacity: 0;
      position: absolute;
      width: 0;
      overflow: hidden;
      margin: 0;
      padding: 0;
    }

.simple_form .input.file.files-selected .file-upload-button {
        display: none;
      }

.simple_form .input.file.files-selected .file-upload-selected {
        display: inline-flex;
      }

.simple_form .input.file.files-selected .file-upload-selected svg {
          cursor: pointer;
        }

.simple_form .hidden {
    display: none;
  }

.simple_form hr {
    border: none;
    border-top: 1px solid var(--standard-border);
    margin-bottom: 30px;
  }

.simple_form input, .simple_form textarea {
    margin: 0;
    margin-top: 10px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    outline: none;
    border: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    border-radius: 8px;
    border: 1px solid var(--standard-border);
    background: var(--input-bg);
  }

.simple_form input:disabled, .simple_form textarea:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }

.simple_form [data-locked="true"] label::after {
      content: url("/assets/icons/locked-26264dd7.svg");
      margin-top: 2px;
      margin-left: 10px; 
      display: inline-block; 
    }

.simple_form [data-locked="true"] input {
      padding-top: 0px;
      padding-left: 0px;
      background: none;
      border: none;
      border-bottom: 1px solid var(--opacity-border);
      border-radius: 0px;
      color: var(--text-color);
    }

.simple_form select {
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: url("icons/select-arrow.svg") no-repeat 100% 50%;
    width: 100%;
    font-weight: 500;
    font-size: 13px;
    color: var(--text-color);
    padding: 15px 0;
    min-height: 51px;
    border-bottom: 1px solid var(--standard-border);
  }

.simple_form select.small {
      background: url("icons/select-arrow.svg") no-repeat calc(100% + 5px) 50%;
      min-width: 50px;
      height: 20px;
      padding: 0;
      border: 0;
    }

.simple_form label {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    color: var(--text);
    font-weight: 500;
    font-size: 13px;
  }

.simple_form label abbr {
      display: none;
    }

.simple_form .multi-select-input .ss-main {
      border-bottom: 1px solid var(--standard-border);
      min-height: 51px;
      display: flex;
      align-items: center;
    }

.simple_form .multi-select-input .ss-main .ss-values .ss-placeholder, .simple_form .multi-select-input .ss-main .ss-values .ss-single {
        /* padding: 20px 0; */
        margin: 0;
        min-height: 20px;
      }

.simple_form .multi-select-input .selected-options {
      display: flex;
      flex-direction: column;
    }

.simple_form .multi-select-input .selected-options .selected-option {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid #CADAE6;
      }

.simple_form .multi-select-input .selected-options .selected-option .name {
          min-height: 20px;
        }

.simple_form .multi-select-input .selected-options .selected-option .code {
          /* color: var(--faded); */
          color: var(--link);
        }

.simple_form .multi-select-input .selected-options .selected-option .delete {
          cursor: pointer;
        }

.simple_form .multi-select-input .selected-options .selected-option .right {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-end;
          gap: 13px;
          margin-right: 7px;
        }

.simple_form .multi-select-input select {
      color: var(--faded);
    }

.simple_form input[type="submit"] {
  width: auto;
  padding: 10px 20px;
}

/* 
Toggle Style Boolean Input Field

div.boolean {
  display: flex;
  justify-content: flex-start;
  
  label {
    cursor: pointer;
    display: flex;
    margin:0;

    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;

    input {
      cursor: pointer;
      position: relative;
      width: 36px;
      height: 20px;
      padding: 0;
      border-radius: 10px;
      transition: backgorund 400ms;
      background: #FFFFFF;
      border: none;

      &:after {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 2px;
        bottom: 0;
        margin: auto 0;
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        transition: transform 300ms;
      }

      &:checked {
        background: #7A4BFF;
        &:after {
          transform: translateX(16px);
        }
      }
    }

    abbr[title="required"] {
      display: none;
    }
  }
} */

.simple_form .input.boolean {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 15px;
}

.simple_form .input.boolean.input {
    padding: 15px 2px 15px 0px;
  }

.simple_form .input.boolean label {
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;    
    font-weight: 500;    
    margin:0;
    width: 100%;
  }

.simple_form .input.boolean label div {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
      position: relative;
      width: 100%;
    }

.simple_form .input.boolean label div span {
        width: 100%;
        position: absolute;
        left: 35px;
      }

.simple_form .input.boolean label abbr[title="required"] {
      display: none;
    }

.simple_form .input.boolean input {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    transition: all 300ms;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    outline: none;
  }

.simple_form .input.boolean input:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 26px;
    height: 26px;
    transition: all 200ms;
    background: var(--button-fill);
    border-radius: 5px;        
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%231B4D6C" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/></svg>');
  }

.simple_form .input.boolean input:checked:after {
      /* border: 1px solid rgba(27, 77, 108, 0.22);
      background: var(--link); */
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.simple_form .input.boolean input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.simple_form .input.boolean.disabled label{
      cursor: not-allowed;
      opacity: 0.5;
    }

.simple_form .input.boolean--multiple {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 15px;
}

.simple_form .input.boolean--multiple .boolean--multiple__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 15px;
  }

.simple_form .input.boolean--multiple .boolean--multiple__item.input {
      padding: 15px 2px 15px 0px;
    }

.simple_form .input.boolean--multiple .boolean--multiple__item label {
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;    
      font-weight: 500;    
      margin:0;
      width: 100%;
    }

.simple_form .input.boolean--multiple .boolean--multiple__item label div {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        position: relative;
        width: 100%;
      }

.simple_form .input.boolean--multiple .boolean--multiple__item label div span {
          width: 100%;
          position: absolute;
          left: 35px;
        }

.simple_form .input.boolean--multiple .boolean--multiple__item label abbr[title="required"] {
        display: none;
      }

.simple_form .input.boolean--multiple .boolean--multiple__item input {
      width: 26px;
      height: 26px;
      cursor: pointer;
      position: relative;
      width: 26px;
      height: 26px;
      padding: 0;
      margin: 0;
      transition: all 300ms;
      border: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: none;
      outline: none;
    }

.simple_form .input.boolean--multiple .boolean--multiple__item input:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 26px;
    height: 26px;
    transition: all 200ms;
    background: var(--button-fill);
    border-radius: 5px;        
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%231B4D6C" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/></svg>');
  }

.simple_form .input.boolean--multiple .boolean--multiple__item input:checked:after {
      /* border: 1px solid rgba(27, 77, 108, 0.22);
      background: var(--link); */
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.simple_form .input.boolean--multiple .boolean--multiple__item input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.simple_form .input.boolean--multiple .boolean--multiple__item.disabled label{
        cursor: not-allowed;
        opacity: 0.5;
      }

label.collection_radio_buttons {
  float: none;
  margin: 0;
  margin-right: 10px;
  vertical-align: -2px;
  margin-left: 2px;
}

.field_with_errors input { 
    border: 1px solid var(--error);
  }

.simple_form .error {
    padding: 10px 0px;
    clear: left;
    text-align: left;
    color: var(--text-color);
    display: block;
    color: var(--error);
  }

.simple_form .hint {
    clear: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5em;
    padding-top: 4px;
    margin-bottom: -30px;
  }

.simple_form .hint * {
      font-size: 13px;
      font-weight: 500;
      color: var(--faded);
    }

.simple_form .hint .positive {
      color: var(--faded);
    }

.simple_form .hint .negative {
      color: var(--red);
    }

input.radio {
    margin-right: 5px;
    vertical-align: -3px;
  }

input.check_boxes {
    margin-left: 3px;
    vertical-align: -3px;
  }

label.collection_check_boxes {
  float: none;
  margin: 0;
  vertical-align: -2px;
  margin-left: 2px;
}

.simple_form input[type="radio"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: rgba(0, 0, 0, 0.05);
    margin: 0;
    padding: 0;
    font: inherit;
    color: var(--link);
    width: 26px;
    height: 26px;
    border: 1px solid var(--standard-border);
    border-radius: 50%;
    /* transform: translateY(-13px); */
    display: grid;
    place-content: center;
  }

.simple_form input[type="radio"]::before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    transform: scale(0);
    /* transition: 120ms all ease-in-out; */
    /* box-shadow: inset 1em 1em var(--link); */
    box-shadow: inset 1em 1em white;
    /* Windows High Contrast Mode */
    background-color: CanvasText;
  }

.simple_form input[type="radio"]:checked::before {
    transform: scale(1);
    border: 7px solid var(--link);
  }

.simple_form input[type="radio"]:focus {
    /* outline: max(2px, 0.15em) solid currentColor; */
    /* outline-offset: max(2px, 0.15em); */
  }

.simple_form label + .toggle-input {
    margin-top: 20px;
  }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.simple_form .nested-fields-input .existing-fields {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

.simple_form .nested-fields-input .field-field {
      display: flex;
      flex-direction: row;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
    }

.simple_form .nested-fields-input .delete {
      cursor: pointer;
    }

.simple_form .button {
    margin-top: 15px;
  }

.simple_form .error-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

.simple_form .error-message {
    color: var(--error);
    font-size: 13px;
    font-weight: 500;
  }

:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}

@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}

@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}

.ss-hide{display:none !important}

.ss-main{display:flex;flex-direction:row;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}

.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}

.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}

.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}

.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}

.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}

.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}

.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ss-main .ss-values .ss-max{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}

.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}

.ss-main .ss-values .ss-value{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;width:-moz-fit-content;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}

.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}

.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}

.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}

.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}

.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}

.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}

.ss-main .ss-deselect svg{width:8px;height:8px}

.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}

.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}

.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}

.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}

.ss-content.ss-relative{position:relative;height:100%}

.ss-content.ss-fixed{position:fixed}

.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}

.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}

.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}

.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}

.ss-content .ss-search input::-moz-placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}

.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}

.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}

.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}

.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}

.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}

.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}

.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}

.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}

.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}

.ss-content .ss-list .ss-option{display:block;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}

.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}

.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}

.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}

.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}

:root {
  --ss-primary-color: #0087B4;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: rgba(0, 0, 0, 0.5);
  /* --ss-disabled-color: #dcdee2; */
  --ss-disabled-color: transparent;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: transparent;
  --ss-main-height: 30px;
  --ss-content-height: 400px;
  --ss-spacing-l: 15px;
  --ss-spacing-m: 10px;
  --ss-spacing-s: 0px;
  --ss-animation-timing: 0s;
  --ss-border-radius: 0px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}

.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
  opacity: 0.3;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
  padding-bottom: var(--ss-spacing-s);
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s)
    var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 13px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
  white-space: nowrap;
  line-height: 1.2em;
  font-weight: 500;
}

.ss-main.brand-blue .ss-values .ss-single {
  color: var(--brand-blue);
}

.ss-main .ss-values .ss-value {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 13px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-primary-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-primary-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-primary-color);
  stroke-width: 14;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing),
    opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 9000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m)
    var(--ss-spacing-l);
  min-width: 250px;
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box;
}

.ss-content .ss-search input::-moz-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-primary-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m)
    var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: 500;
  /* color: var(--ss-font-color); */
  color: var(--text);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall.ss-selected
  svg
  path {
  stroke: var(--ss-error-color);
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall
  span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-size: 60%; */
  font-size: 13px;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall
  svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall
  svg
  path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall
  svg:first-child {
  stroke-width: 5;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-selectall
  svg:last-child {
  stroke-width: 11;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-closable
  .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content
  .ss-list
  .ss-optgroup
  .ss-optgroup-label
  .ss-optgroup-actions
  .ss-closable
  .ss-arrow
  path {
  fill: none;
  stroke: var(--ss-primary-color);
  stroke-width: 14;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s)
    calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: flex;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m)
    var(--ss-spacing-l);
  color: var(--ss-font-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--ss-highlight-color);
}

/* Overrides */

.ss-main {
  background: transparent;
  color: var(--text);
  /* min-width: 120px; */
  border: none;
  font-weight: 500;

  /* .ss-values {
    justify-content: flex-end;
  } */
}

.ss-main.ss-full-size {
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    color: var(--text);
    padding: 13px 0px 13px 20px;
    margin-top: 10px;
    border: 1px solid #CADAE6;
    background: white;
    border-radius: 8px;
  }

.ss-main.ss-full-size .ss-content {
      white-space: wrap;
      overflow: hidden;
      width: 100% !important;
    }

.ss-main.ss-full-size .ss-content .ss-list {
      overflow-x: hidden;
      white-space: wrap;
      width: 100% !important;
      /* min-width: 120px; */
    }

.ss-main.ss-full-size .ss-content .ss-list .ss-option {
      white-space: hidden;
      width: 100% !important;
    }

.ss-content .ss-search {
    padding: 0;
    border-radius: 0;
    padding-bottom: 0px;
  }

.ss-content .ss-search input:focus {
        box-shadow: none;
        outline: none;
      }

.ss-content .ss-search input {
      border-radius: 0;
}

.ss-content:not(.ss-full-size) {
    white-space: nowrap;
    overflow: auto;
    width: auto !important;
  }

.ss-content:not(.ss-full-size) .ss-list {
      overflow-x: auto;
      white-space: nowrap;
      width: auto !important;
    }

.ss-content:not(.ss-full-size) .ss-list .ss-option {
        white-space: nowrap;
        width: auto !important;
      }

.ss-list .ss-search {
  padding: 20px;
  color: var(--ss-font-placeholder-color);
}

.ss-content .ss-list .ss-option {
  border-bottom: 1px solid var(--button-fill);
  line-height: 160%;

}

.ss-content .ss-list .ss-option.opt-group {
    font-weight: bold;
  }

.ss-content .ss-list .ss-option.opt-group-child {
    padding-left: 30px;
  }

.ss-option, .ss-single {
  font-size: 13px;
}

.ss-option .reference, .ss-single .reference {
    font-weight: 500;
    margin-right: 10px;
  }

.ss-option .name, .ss-single .name {
    color: var(--faded);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.search-select-filter .ss-main .ss-arrow {
  flex: 0 1 14px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;

  margin: var(--ss-spacing-m) var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-primary-color);
  stroke-width: 14;
}

.ss-main .ss-values {
  overflow-x: hidden;
}

.ss-main .ss-values .ss-value .ss-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;  
  padding: 3px 0;
}

.search_graphic_folders .ss-main .ss-values .ss-value .ss-value-text {  
  direction: rtl; /* so that the elipsis is on the left to show the end of the path */
}

.ss-main .ss-values .ss-value, .ss-main .ss-values .ss-max {
  background: var(--button-fill);
  padding: 5px 10px;
  border-radius: 7px;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;  
}

.ss-main .ss-values .ss-value .ss-value-delete {
  border: none;
  padding: 0 0 0 var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    max-width: 12px;
    max-height: 12px;
  }

.ss-main .ss-values .ss-value .ss-value-delete svg path {
      stroke: var(--ss-primary-color);
    }

.ss-main .ss-deselect {
  display: none;
}

.ss-main .ss-values .ss-placeholder {
  padding: 0px;
  height: 1.2em;
  font-size: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-m) var(--ss-spacing-m) var(--ss-spacing-m) calc(var(--ss-spacing-m) * 3);
}

.ss-main.slim-select-right {
  width: auto;
}

.slim-select-right-border.ss-content {
  /* width: 200px !important; */
  left: auto !important;
  right: calc(var(--site-padding) + 20px) !important;
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}

[data-tippy-root]{max-width:calc(100vw - 10px)}

.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}

.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}

.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}

.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}

.tippy-box[data-placement^=left]>.tippy-arrow{right:0}

.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}

.tippy-box[data-placement^=right]>.tippy-arrow{left:0}

.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}

.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}

.tippy-arrow{width:16px;height:16px;color:#333}

.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}

.tippy-content{position:relative;padding:5px 9px;z-index:1}

.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}

.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}

.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}

.tippy-content[data-theme='light'] {
  padding: 10px;
  color: black;
}

.tippy-content {
  padding: 10px 10px;
  border-radius: 4px;
  color: var(--text-color);
  background: var(--default-bg);;
  line-height: 1.7em;
  text-align: center;
}

.tippy-content .nowrap {
    white-space: nowrap;
  }

.tippy-content .symboliser-warning {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }

.simple_form.edit_location .location_gid:has(+ .location_no_gid), .simple_form.new_location .location_gid:has(+ .location_no_gid) {
    margin-bottom: 0;
  }

.page.locations div[data-col="gid"] {
    max-width: 150px;
    min-width: 150px;
  }

.page.locations div[data-col="source"] {
    max-width: 150px;
    min-width: 100px;
  }

.page.locations div[data-col="name"] {
    flex: 2;
  }

.page.locations div[data-col="children_count"] {
    max-width: 100px;
    min-width: 100px;
  }

.page.locations div[data-col="postcode"] {
    max-width: 100px;
    min-width: 100px;
  }

.page.locations div[data-col="channel_type"] {
  }

.page.locations div[data-col="rtf_type"] {
    max-width: 150px;
    min-width: 150px;
    border-right: none;
  }

.page.locations div[data-col="actions"] {
    max-width: 100px;
    min-width: 100px;
  }

.location-aliases__actions {
    margin-top: 7px;
    display: flex;
    justify-content: flex-end;
  }

.location-aliases__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 7px;
  }

.location-aliases__table thead th {
      font-weight: 500;
    }

.location-aliases__table tbody tr {
      font-weight: 400;
    }

.location-aliases__table td, .location-aliases__table th {
      padding: 8px 12px;
      text-align: left;
    }

.location-aliases__table td {
      background: white;
    }

.location-aliases__table td.actions {
        text-align: right;
      }

.location-aliases__table th:first-child {
      padding-left: 0px;
    }

.location-aliases__table td:first-child {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px;
    }

.location-aliases__table td:last-child {
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
    }

.location-aliases__empty {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

/* Status screens (pending, analyzing, importing) */

.imports__status {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    gap: 16px;
  }

.imports__status .success {
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 20px;
    }

.imports__status .status-message {
      font-size: 15px;
      font-weight: 500;
    }

.imports__status .status-hint {
      font-size: 13px;
      color: var(--faded);
    }

.imports__status .spinning {
      animation: spin 1.5s linear infinite;
    }

/* Progress bar */

.imports__progress {
    width: 100%;
  }

.imports__progress .progress-bar {
      width: 100%;
      height: 8px;
      background: rgba(0,0,0,0.08);
      border-radius: 4px;
      overflow: hidden;
    }

.imports__progress .progress-bar-fill {
      height: 100%;
      background: var(--action-gradient);
      border-radius: 4px;
      transition: width 0.5s ease-out;
    }

.imports__progress .progress-text {
      font-size: 13px;
      color: var(--faded);
      margin-top: 8px;
      font-family: "Reddit Mono", monospace;
    }

/* Preview/complete screen */

.imports__summary-header {
    display: flex;
    flex-direction: column;
    padding-bottom: 27px;
    margin-bottom: 27px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

.imports__summary-header svg {
      margin-bottom: 13px;
      width: 24px;
      height: 24px;
    }

.imports__summary-header .title {
      margin: 0;
      padding: 0;
      font-weight: 500;
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 3px;
    }

.imports__summary-header .filename {
      margin: 0;
      padding: 0;
      font-size: 15px;
      line-height: 24px;
      color: var(--faded);
    }

.imports__summary-summary {
    margin-bottom: 40px;
  }

.imports__summary-summary h3 {
      font-size: 13px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 10px;
    }

.imports__summary-summary table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
    }

.imports__summary-summary table th {
        font-size: 11px;
        font-weight: 500;
        color: var(--faded);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-align: left;
        padding: 8px 0;
        border-bottom: 1px solid var(--standard-border);
        width: 20%;
        text-align: right;
      }

.imports__summary-summary table th:first-child {
          width: 40%;
          text-align: left;
        }

.imports__summary-summary table td {
        padding: 12px 0;
        border-bottom: 1px solid var(--standard-border);
        font-size: 13px;
        font-family: "Reddit Mono", monospace;
        text-align: right;
      }

.imports__summary-summary table td:first-child {
          text-align: left;
        }

.imports__summary-summary table td:first-child,
      .imports__summary-summary table th:first-child {
        font-family: inherit;
        padding-right: 20px;
      }

.imports__summary-summary table .total-row td {
        font-weight: 600;
        border-top: 2px solid var(--standard-border);
        border-bottom: 2px solid var(--standard-border);
      }

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--site-padding);

}

.header .logo {
    width: 100%;
    padding-right: 18px;
    border-right: 1px solid var(--darker-border);
    text-decoration: none;
    color: var(--text);
  }

.header .client-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

  }

.header .client-logo .logo {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

.header .client-logo .logo span {
        font-weight: 700;
        font-size: 12px;
      }

.header .client-logo .ss-single {
      font-weight: 500;
    }

.header .nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;

  }

.header .nav a, .header .nav .actions--context-modal__trigger span {
      text-decoration: none;
      font-size: 13px;
      font-weight: 500;
      color: var(--text);
    }

.site-padding {
  padding: 0px var(--site-padding) 0px var(--site-padding);
}

.movement-calc {
  max-width: 800px;
  padding: 20px;
}

.movement-calc td {
    width: 50%;
  }

.simple_form.edit_movement div.input.movement_extras_late_fee {
    margin-bottom: 60px;
  }

.simple_form.edit_movement .form--rates {

    background-color: var(--modal-footer-background);
  }

.simple_form.edit_movement .form--rates h3 {
      font-size: 14px;
      font-weight: 500;
      line-height: 24px;
      margin-top: 0;
      margin-bottom: 16px;
    }

.simple_form.edit_movement .form--rates .rates {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

.simple_form.edit_movement .form--rates .rates .rate {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--standard-border);

      }

.simple_form.edit_movement .form--rates .rates .rate .rate__details {
          display: flex;
          flex-direction: column;
          gap: 2px;
        }

.simple_form.edit_movement .form--rates .rates .rate .rate__details .rate__name {
            font-size: 13px;
            font-weight: 500;
          }

.simple_form.edit_movement .form--rates .rates .rate .rate__details .rate__value {
            font-size: 13px;
            font-weight: 400;
          }

.simple_form.edit_movement .form--rates .rates .rate .rate__match {
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }

.simple_form.edit_movement .form--rates .rates .rate .rate__match span {
            font-weight: 500;
            font-size: 13px;
          }

.simple_form.edit_movement .form--rates .rates .rate .rate__match.positive {
            color: var(--faded);
          }

.simple_form.edit_movement .form--rates .rates .rate .rate__match.negative {
            color: var(--red);
          }

.movement-heading {
  display: flex;
  gap: 37px;
  align-items: center;
}

.movement-heading .movement {
    display: flex;
    align-items: center;
    gap: 10px;
  }

.movement-heading .movement a {
      color: var(--faded);
      text-decoration: none;
      font-family: "DM Sans", "Inter";
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 29px;
      letter-spacing: -1.08px;

      font-smoothing: auto;
      -webkit-font-smoothing: auto;
      text-rendering: auto;      
    }

.movement-heading .movement svg {
      fill: var(--faded);
    }

.movement-heading .movement.active a {
        color: var(--text);
      }

.movement-heading .movement.active svg {
        fill: var(--brand-blue);
      }

.movement-in {
  color: var(--green);
}

.page.movements div[data-col="movement_date"] {
    max-width: 100px;
    min-width: 100px;
  }

.page.movements div[data-col="reference"] {
    max-width: 130px;
    min-width: 130px;
  }

.page.movements div[data-col="sender"] {
    flex: 2;
  }

.page.movements div[data-col="receiver"] {
    flex: 2;
  }

.page.movements div[data-col="movement_type"] {
    min-width: 200px; 
    max-width: 200px;
  }

.page.movements div[data-col="pallet_type"] {
    flex: 1;
  }

.page.movements div[data-col="quantity"] {
    max-width: 140px;
  }

.page.movements div[data-col="quantity"] .status-na {
      color: var(--faded);
    }

.page.movements div[data-col="charge"] {
    max-width: 140px;
  }

.page.movements div[data-col="charge"] .status-na {
      color: var(--faded);
    }

.page.movements div[data-col="quantity"] .table--cell__content, .page.movements div[data-col="charge"] .table--cell__content {
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      font-weight: 500;
    }

.page.movements div[data-col="status"] {
    max-width: 330px;
    min-width: 330px;
  }

.page.movements div[data-col="status"] .table--cell__content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      overflow: visible;
    }

.page.movements div[data-col="status"] .table--cell__content .status, .page.movements div[data-col="status"] .table--cell__content .status * {
        font-weight: 500;
      }

.page.movements div[data-col="status"] .status { 
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
      line-height: 1em;
      padding: 10px 0px;
    }

.page.movements div[data-col="status"] .status * {
        line-height: 1em;
      }

.page.movements div[data-col="status"] .status .status__subtext {
        color: var(--faded);
        line-height: 1em;
      }

.page.movements div[data-col="status"] .actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }

.page.movements div[data-col="status"] .actions label {
        display: flex;
        align-items: center;
      }

.page.movements div[data-col="status"] input {
      cursor: pointer;
      position: relative;
      width: 26px;
      height: 26px;
      padding: 0;
      margin: 0;
      transition: all 300ms;
      border: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: none;
      outline: none;
    }

.page.movements div[data-col="status"] input:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 26px;
    height: 26px;
    transition: all 200ms;
    background: var(--button-fill);
    border-radius: 5px;        
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%231B4D6C" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/></svg>');
  }

.page.movements div[data-col="status"] input:checked:after {
      /* border: 1px solid rgba(27, 77, 108, 0.22);
      background: var(--link); */
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.page.movements div[data-col="status"] input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.dark .page.movements .table--row__wrapper div[data-col="status"] input:after {
    background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" width="26" height="26" rx="5" fill="%23FFFFFF" fill-opacity="0.06"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%23FFFFFF" stroke-opacity="0.22"/></svg>');
  }

.dark .page.movements .table--row__wrapper div[data-col="status"] input:checked:after {
      background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" rx="5" fill="%230087B4"/><rect x="0.5" y="0.5" width="25" height="25" rx="4.5" stroke="%231B4D6C" stroke-opacity="0.22"/><path d="M10.288 15.775L18.763 7.3C18.963 7.1 19.2005 7 19.4755 7C19.7505 7 19.988 7.1 20.188 7.3C20.388 7.5 20.488 7.7375 20.488 8.0125C20.488 8.2875 20.388 8.525 20.188 8.725L10.988 17.925C10.788 18.125 10.5547 18.225 10.288 18.225C10.0213 18.225 9.788 18.125 9.588 17.925L5.288 13.625C5.088 13.425 4.99217 13.1875 5.0005 12.9125C5.00883 12.6375 5.113 12.4 5.313 12.2C5.513 12 5.7505 11.9 6.0255 11.9C6.3005 11.9 6.538 12 6.738 12.2L10.288 15.775Z" fill="white"/></svg>');
    }

.page.movements.loading {
    opacity: 0.5;
    cursor: progress !important;
  }

.page.movements.loading::before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9999;
      cursor: progress !important;
    }

.movement__late-flag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px;
  border: 1px solid var(--standard-border);
  border-radius: 45px;
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  transition: all 0.2s;
}

.movement__late-flag svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    transition: fill 0.2s;
  }

.movement__late-flag:hover {
    border: 1px solid var(--red);
  }

.movement__late-flag--faded:not(:hover) {
    border: 1px solid var(--faded);
    color: var(--faded);
  }

.movement__late-flag--faded:not(:hover) svg, .movement__late-flag--faded:not(:hover) svg * {
      transition: fill 0.2s;
      fill: var(--faded);
    }

.movement__late-flag--faded:not(:hover) svg circle {
      fill: white;
    }

.movement__late-flag--highlight {
    border: 1px solid var(--red);
  }

.movement-notes {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.movement-subrow {
  --v-gap: 8px;
  --h-gap: 13px;
  --border-radius: 7px;
  --v-padding: 10px;
  --h-padding: 18px;
  display: flex;
  flex-direction: row;
  gap: var(--h-gap);
  width: 100%;
  font-size: 11px;
  line-height: 20px;
}

.movement-subrow:nth-child(2) {
    margin-top: var(--v-gap);
  }

.movement-subrow .label {
    font-weight: 500;
  }

.movement-subrow .label .development {
      color: var(--faded);
      font-weight: 400;
      font-size: 10px;
      margin-left: 4px;
    }

.movement-subrow .locations {
    position: relative;
    flex: 1;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: var(--v-gap);
    border-right: 1px solid var(--standard-border);
    padding-right: var(--h-gap);
  }

.movement-subrow .locations .location {
      display: flex;
      flex-direction: column;
      background: var(--primary-object);
      padding: var(--v-padding) var(--h-padding);
      border-radius: var(--border-radius);
    }

.movement-subrow .locations .location__name, .movement-subrow .locations .location__gid {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

.movement-subrow .locations .location__name {
        font-weight: 500;
      }

.movement-subrow .locations .movement_direction_arrow {
      display: flex;
      align-items: center;
      justify-content: center;

      width: 24px;
      height: 25px;
      border-radius: 1000px;
      background: var(--text);
      position: absolute;
      top: 71px;
      left: 50%;
      transform: translate(-50%, -50%);

      box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.23);
    }

.movement-subrow .locations .movement_direction_arrow svg {
        fill: white;
      }

.dark .movement-subrow .locations .movement_direction_arrow svg {
          fill: black;
        }

/* Inbound: match other file rows (outbound keeps invoice tint below) */

.movement-subrow.movement-subrow--inbound .files .file_wrapper--invoice .file {
    background: var(--primary-object);
    border: none;
  }

.movement-subrow .files {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: var(--v-gap);
    max-width: calc(100% - 300px);
  }

.movement-subrow .files .file_wrapper {
      display: flex;
      flex-direction: row;
      align-items: stretch;
    }

.movement-subrow .files .file_wrapper--invoice .file {
      background: #DEE4EC;
      border: 1px solid #BECDD9;
    }

.movement-subrow .files .file {
      width: 100%;
      display: flex;
      flex-direction: row;
      /* stretch so column borders (e.g. file__reference border-left) span full row height */
      align-items: stretch;
      background: var(--primary-object);
      border-radius: var(--border-radius);
    }

.movement-subrow .files .file__name, .movement-subrow .files .file__reference, .movement-subrow .files .file__additional_type, .movement-subrow .files .file__quantity, .movement-subrow .files .file__extras, .movement-subrow .files .file__charge {
        max-width: 45%;
        min-width: 200px;
        padding: var(--v-padding) var(--h-padding);
        flex: 1;
        display: flex;
        flex-direction: column;
      }

.movement-subrow .files .file__name *, .movement-subrow .files .file__reference *, .movement-subrow .files .file__additional_type *, .movement-subrow .files .file__quantity *, .movement-subrow .files .file__extras *, .movement-subrow .files .file__charge * {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

.movement-subrow .files .file__name .button, .movement-subrow .files .file__reference .button, .movement-subrow .files .file__additional_type .button, .movement-subrow .files .file__quantity .button, .movement-subrow .files .file__extras .button, .movement-subrow .files .file__charge .button {
          margin-left: 10px;
        }

.movement-subrow .files .file__name {
        flex-direction: column;
        align-items: stretch;
        align-self: stretch;
        justify-content: center;
      }

.movement-subrow .files .file__name__heading {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
          min-width: 0;
          width: 100%;
        }

.movement-subrow .files .file__name__heading > .label {
            min-width: 0;
            flex: 1;
          }

.movement-subrow .files .file__name__heading .actions--context-modal {
            flex-shrink: 0;
          }

.movement-subrow .files .file__name__content {
          display: flex;
          flex-direction: column;
          gap: 2px;
          min-width: 0;
        }

.movement-subrow .files .file__name__content--title-row {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
          }

.movement-subrow .files .file__name__content--inline-left {
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 0;
            min-width: 0;
          }

.movement-subrow .files .file__name__content--inline-left .file__name__sep {
              padding-inline: 0.35em;
            }

.movement-subrow .files .file__name .actions--context-modal * {
          overflow: visible;
        }

.movement-subrow .files .file__reference {
        flex: 1;
        align-self: stretch;
        border-left: 1px solid var(--standard-border);
      }

.movement-subrow .files .file__reference .additional_type {
          color: var(--faded);
        }

.movement-subrow .files .file__reference .additional_type.status-rejected, .movement-subrow .files .file__reference .additional_type.status-suspended {
            color: var(--status-red);
            font-weight: 500;
          }

.movement-subrow .files .file__extras {
        flex: 1;
        align-self: stretch;
        display: flex;
        justify-content: center;
        max-width: 170px;
        min-width: 170px;
        border-left: 1px solid var(--standard-border);
      }

.movement-subrow .files .file__extras.placeholder {
          border: none;
        }

.movement-subrow .files .file__quantity {
        flex: 1;
        align-self: stretch;
        display: flex;
        justify-content: center;
        padding: var(--v-padding) 0px;
        max-width: 170px;
        min-width: 170px;
        padding-right: 10px;
        padding-left: var(--h-padding);
        border-left: 1px solid var(--standard-border);
      }

.movement-subrow .files .file__quantity.placeholder {
          border: none;
        }

.movement-subrow .files .file__charge {
        flex: 1;
        align-self: stretch;
        display: flex;
        justify-content: center;
        padding: var(--v-padding) 0px;
        max-width: 170px;
        min-width: 170px;
        padding-right: 10px;
        padding-left: var(--h-padding);
        border-left: 1px solid var(--standard-border);

      }

.movement-subrow .files .file__charge.placeholder {
          border: none;
        }

.movement-subrow .files .file--grouped {
        flex-direction: column;
        align-items: stretch;
      }

.movement-subrow .files .file--grouped .file__group-header,
        .movement-subrow .files .file--grouped .file__group-item {
          display: flex;
          flex-direction: row;
          align-items: stretch;
          width: 100%;
        }

.movement-subrow .files .file--grouped .file__group-item {
          border-top: 1px solid var(--standard-border);
        }

.movement-subrow .status {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
    margin-right: 4px;
  }

.movement-subrow .status.pending {
      background: var(--status-blue);
    }

.movement-subrow .status.match {
      background: var(--status-green);
    }

.movement-subrow .status.variance {
      background: var(--status-red);
    }

/* Subrow only: dots trigger reads as plain bullets, not a filled button chip */

.movement-subrow .button.button--dots {
    background: transparent;
    border-radius: 0;
  }

.movement-subrow .button.button--dots:hover {
      background: transparent;
      opacity: 0.72;
    }

.movement-subrow .button.button--dots:focus-visible {
      outline: 2px solid var(--brand-blue);
      outline-offset: 2px;
    }

.movement-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 13px;
  width: 100%;

}

/* Stretch transfer layout to the bottom of the viewport so page background stays even when content is short */

html:has(body.transfer-view) {
  min-height: 100dvh;
  background: var(--background);
}

body.transfer-view {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--background);
}

body.transfer-view .header {
  flex-shrink: 0;
}

body.transfer-view main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--background);
}

body.transfer-view main > .transfer-back,
body.transfer-view main > .layout--page-title {
  flex-shrink: 0;
}

body.transfer-view main > [data-controller~="transfer"] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--background);
}

body.transfer-view main .layout--page {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--background);
}

.transfer-back {
  padding: var(--site-padding);
  padding-bottom: 0;
  flex-shrink: 0;
}

.transfer-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--background);
}

/* Match the main page chrome (title / cancel area), not the grey panel below */

.transfer-section--source {
  background: var(--background);
}

/* One surface for matches + "Other Actions" (no page-colour gap between). */

.transfer-panel {
  background: var(--dropdown-section);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* Fill remaining viewport height so panel grey continues to the bottom (no white strip below). */
  flex: 1 1 auto;
  min-height: 0;
}

.transfer-section__heading {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--text);
  }

/* Heading aligns with titles inside padded cards (e.g. Potential Matches) */

.transfer-section--source .transfer-section__heading {
    padding-left: var(--site-padding);
    padding-right: var(--site-padding);
  }

.transfer-section--source .transfer-section__heading + .table--standard {
      margin-bottom: 20px;
    }

.transfer-section--matches {
    padding: 20px 0 0;
  }

.transfer-section--matches .transfer-section__heading {
      padding-left: var(--site-padding);
      padding-right: var(--site-padding);
    }

.transfer-section--matches .transfer-matches-empty {
      margin: 0;
      padding: 0 var(--site-padding) 24px;
      text-align: left;
      font-size: 14px;
      line-height: 1.4;
      color: var(--text);
    }

.transfer-section--also {
    padding: 20px var(--site-padding) 24px;
  }

div[data-col="select"] {
  max-width: 112px;
  justify-content: flex-end;
}

div[data-col="select"] .button {
    white-space: nowrap;
  }

div[data-col="status"] {
  min-width: 180px;
}

.transfer-new-link {
  display: inline-block;
  margin-top: 4px;
  padding: 0;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--brand-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.transfer-new-link:hover {
    color: var(--link);
  }

.transfer-footer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--brand-blue);
  padding: 16px var(--site-padding);
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  z-index: 100;
}

.transfer-footer--visible {
    display: flex;
  }

.transfer-footer--warning {
    background: var(--status-red);
  }

.transfer-footer__left {
    display: flex;
    align-items: center;
    gap: 12px;
  }

.transfer-footer__warning-content {
    display: none;
    align-items: center;
    gap: 8px;
  }

.transfer-footer--warning .transfer-footer__warning-content {
    display: flex;
  }

/* Class from inline_svg is on the root <svg>, not a wrapper */

.transfer-footer__warning-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
  }

.transfer-footer__warning-icon path {
      fill: #fff; /* override exclamation.svg fill="black" */
    }

.transfer-footer__warning-text {
    font-size: 14px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
  }

.transfer-footer__separator {
    color: rgba(255, 255, 255, 0.4);
  }

.transfer-footer__label {
    color: white;
    font-size: 14px;
    font-weight: 500;
  }

.transfer-footer__button {
    background: white;
    color: var(--brand-blue);
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
  }

.transfer-footer__button:hover:not(:disabled) {
      background: rgba(255, 255, 255, 0.9);
    }

.transfer-footer__button:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }

.button--selected {
  background: var(--brand-blue);
  color: white;
  border-color: var(--brand-blue);
}

.transfer-search-details {
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  cursor: pointer;
}

.transfer-search-details summary {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    color: var(--text);
  }

/* Same chevron as search date fields (search--form__date-filter .ss-arrow) */

.transfer-search-details summary .ss-arrow {
      width: 12px;
      height: 12px;
      min-width: 12px;
      min-height: 12px;
      flex-shrink: 0;
      transition: transform 0.15s ease;
    }

.transfer-search-details summary .ss-arrow path {
      fill: none;
      stroke: var(--brand-blue);
      stroke-width: 18px;
    }

.transfer-search-details summary::-webkit-details-marker {
      display: none;
    }

.transfer-search-details[open] summary .ss-arrow {
    transform: rotate(180deg);
  }

.transfer-search-body {
  margin-top: 16px;
}

/* Match Potential Matches: table spans panel width, not the padded column */

.transfer-search-body .table--standard[data-type="transfer_search_results"] {
    margin-left: calc(-1 * var(--site-padding));
    margin-right: calc(-1 * var(--site-padding));
    width: calc(100% + 2 * var(--site-padding));
    max-width: none;
    box-sizing: border-box;
  }

/* Match movements index: search--form__right + filters + freetext layout */

.transfer-search-controls.search--form__transfer {
  width: 100%;
  margin-bottom: 12px;
}

.transfer-search-controls.search--form__transfer .search--form__right {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

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

ul.data-list li {
    padding: 9px var(--site-padding);
    margin: 0;
    border-bottom: 1px solid var(--standard-border);
    font-size: 12px;
    font-weight: 500;
    line-height: 29px; /* 241.667% */
  }

.data-table {
  width: 100%;
  border-collapse: collapse;
}

.data-table thead {
    position: sticky;
    top: 0;
    background: white;
    z-index: 50;
  }

.data-table thead::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-bottom: 1px solid var(--standard-border);
    }

.data-table thead tr {
      background: white;
    }

.data-table thead th {
      color: var(--text);
      font-size: 12px;
      font-weight: 500;
      line-height: 100%;
      padding: 16px var(--site-padding);
      text-align: left;
      border-bottom: 1px solid var(--standard-border);
    }

.data-table td, .data-table th {
    border: 1px solid var(--standard-border);
    white-space: nowrap;
  }

.data-table td:first-child, .data-table th:first-child {
      border-left: none;
      border-bottom: none;
    }

.data-table td:last-child, .data-table th:last-child {
      border-right: none;
    }

.data-table td:empty, .data-table th:empty {
      border: none;
    }

.data-table td.no-right-border, .data-table th.no-right-border {
      border-right: none;
    }

.data-table td.action, .data-table th.action {
      border-left: none;
      text-align: right;
    }

.data-table td.sticky, .data-table th.sticky {
      position: sticky;
      left: 0;
      top: 45px;
      z-index: 50;
      background: var(--background);
    }

.data-table td.sticky::after, .data-table th.sticky::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
      }

.data-table tbody tr {
      
    }

.data-table tbody td {
      font-size: 12px;
      font-weight: 400;
      line-height: 100%;
      padding: 8px var(--site-padding);
      text-align: left;
      line-height: 24px;
    }

.data-table .text-right {
    text-align: right;
  }

.data-table__empty {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 200px;
    padding: 200px 20px 20px 20px;
    font-size: 12px;
    font-weight: 500;

  }

.data-table__empty p {
      font-size: 12px;
      font-weight: 500;
    }

.data-table tr:last-child td {
      border-bottom: 1px solid var(--standard-border);
    }

html, body {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

html *, body * {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }

h1, h1 > span {
  font-family: "DM Sans", "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px; /* 80.556% */
  letter-spacing: -1.08px;    

  font-smoothing: auto;
  -webkit-font-smoothing: auto;
  text-rendering: auto;
}

h2, h2 > span  {
  display: flex;
  align-items: center;
  gap: 15px;

  font-family: "DM Sans", "Inter";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px; /* 131.818% */

  font-smoothing: auto;
  -webkit-font-smoothing: auto;
  text-rendering: auto;
}

a {
  text-decoration: underline;
  text-underline-offset: 2px;
  color: var(--brand-blue);
}

.s-session {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: var(--brand-blue);
}

.s-session .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 20px;
  }

.s-session .access-denied {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    line-height: 160%;
    text-align: center;
    gap: 33px;

    font-size: 24px;
    font-weight: 500;
    color: var(--faded);
  }

.s-session .login-panel {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.23);
    -webkit-backdrop-filter: blur(21.5px);
            backdrop-filter: blur(21.5px);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    gap: 20px;
    padding: 30px;
  }

.s-session .error {
    color: #a50203;
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
  }

.s-session .brand-name {
    font-size: 24px;
    font-weight: 500;
    padding: 10px;
    margin-bottom: 20px;
  }

.s-session .actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

.s-session .actions .button_to { 
      width: 100%;
    }

.s-session .login-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid var(--standard-border);
    background: var(--button-fill);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    color: var(--text-color);
    padding: 16px 20px;
    border-radius: 7px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    color: var(--link);
  }

.exports div[data-col="created_at"] {
    max-width: 120px;
  }

.exports div[data-col="movements_count"] {
    max-width: 120px;
  }

.exports div[data-col="id"] {
    max-width: 120px;
  }

.exports div[data-col="filename"] {
    flex: 2;
  }

.exports div[data-col="actions"] {
    flex: 2;
  }

.tracking-sheets div[data-col="created_at"] {
    flex: 1;
    max-width: 120px;
  }

.tracking-sheets div[data-col="created_by"] {
    max-width: 200px;
  }

.tracking-sheets div[data-col="aasm_state"] {
    border-right: none;
    min-width: 240px;
  }

.tracking-sheets div[data-col="aasm_state"] .table--cell__content {
      display: flex;
      align-items: center;
      gap: 5px;
    }

.tracking-sheets div[data-col="filename"] {
    flex: 3;
  }

.tracking-sheets div[data-col="filename"] .table--cell__content {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      padding: 5px 0;
    }

.tracking-sheets div[data-col="actions"] {
    flex: 1;
    min-width: 360px;
    max-width: 360px;
  }

.tracking-sheets div[data-col="actions"] .table--cell__content {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      align-content: center;
      gap: 10px;
    }

.tracking-sheets__upload-complete {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 360px);
  }

.tracking-sheets__upload-complete p {
      margin: 0;
      padding: 0;
      max-width: 330px;
      text-align: center;
    }

.tracking-sheets__upload-complete p.success {
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 20px;
      }

.tracking-sheets__errors-title {
    display: flex;
    flex-direction: column;
    padding-bottom: 27px;
    margin-bottom: 27px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

.tracking-sheets__errors-title svg {
      margin-bottom: 13px;
    }

.tracking-sheets__errors-title .title {
      margin: 0;
      padding: 0;
      font-weight: 500;
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 3px;
    }

.tracking-sheets__errors-title .filename {
      margin: 0;
      padding: 0;
      font-size: 15px;
      line-height: 24px;
      color: var(--faded);
    }

.tracking-sheets__errors-header {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
  }

.tracking-sheets__errors-data {
    margin-bottom: 40px;
  }

.tracking-sheets__errors-data table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
    }

.tracking-sheets__errors-data table td {
        vertical-align: top;
        padding: 12px 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        font-family: "Reddit Mono", monospace;
      }

.tracking-sheets__errors-data table td.row-number {
          font-size: 13px;
          color: var(--faded);
          font-weight: 500;
          padding-right: 20px;  
        }

.tracking-sheets__errors-data table td.error-messages {
          font-size: 12px;
          color: black;
          font-weight: 400;
          white-space: pre-line;
        }

.invoices div[data-col="created_at"] {
    flex: 1;
    max-width: 120px;
  }

.invoices div[data-col="created_by"] {
    max-width: 200px;
  }

.invoices div[data-col="aasm_state"] {
    border-right: none;
    min-width: 240px;
  }

.invoices div[data-col="aasm_state"] .table--cell__content {
      display: flex;
      align-items: center;
      gap: 5px;
    }

.invoices div[data-col="filename"] {
    flex: 3;
  }

.invoices div[data-col="filename"] .table--cell__content {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      padding: 5px 0;
    }

.invoices div[data-col="actions"] {
    flex: 1;
    min-width: 360px;
    max-width: 360px;
  }

.invoices div[data-col="actions"] .table--cell__content {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      align-content: center;
      gap: 10px;
    }

.invoices__upload-complete {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 360px);
  }

.invoices__upload-complete p {
      margin: 0;
      padding: 0;
      max-width: 330px;
      text-align: center;
    }

.invoices__upload-complete p.success {
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 20px;
      }

.invoices__errors-title {
    display: flex;
    flex-direction: column;
    padding-bottom: 27px;
    margin-bottom: 27px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

.invoices__errors-title svg {
      margin-bottom: 13px;
    }

.invoices__errors-title .title {
      margin: 0;
      padding: 0;
      font-weight: 500;
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 3px;
    }

.invoices__errors-title .filename {
      margin: 0;
      padding: 0;
      font-size: 15px;
      line-height: 24px;
      color: var(--faded);
    }

.invoices__errors-header {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
  }

.invoices__errors-data {
    margin-bottom: 40px;
  }

.invoices__errors-data table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
    }

.invoices__errors-data table td {
        vertical-align: top;
        padding: 12px 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        font-family: "Reddit Mono", monospace;
      }

.invoices__errors-data table td.row-number {
          font-size: 13px;
          color: var(--faded);
          font-weight: 500;
          padding-right: 20px;  
        }

.invoices__errors-data table td.error-messages {
          font-size: 12px;
          color: black;
          font-weight: 400;
          white-space: pre-line;
        }

.invoice-parts-form .invoice-parts-header {
    margin-bottom: 20px;
  }

.invoice-parts-form .invoice-parts-header h3 {
      margin: 0 0 5px 0;
      font-size: 16px;
      font-weight: 600;
      color: var(--text);
    }

.invoice-parts-form .invoice-parts-header p {
      margin: 0;
      font-size: 13px;
      color: var(--secondary-text);
    }

.invoice-parts-form .invoice-parts-list {
    margin: 0;
  }

.invoice-parts-form .invoice-part-upload {
    border: 1px solid var(--standard-border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    background: var(--primary-object);
    position: relative;
    
    /* Animation for smooth removal */
  }

.invoice-parts-form .invoice-part-upload .file-upload-section .input {
        margin-bottom: 20px;
      }

.invoice-parts-form .invoice-part-upload .file-upload-section .input:last-child {
          margin-bottom: 0;
        }

.invoice-parts-form .invoice-part-upload .part-remove-section {
      margin-top: 0px;
      padding-top: 0px;
      border-top: 1px solid var(--standard-border);
      display: flex;
      justify-content: flex-end;
    }

.invoice-parts-form .invoice-part-upload .part-remove-section .button.danger {
        background: var(--warning);
        color: white;
      }

.invoice-parts-form .invoice-part-upload .part-remove-section .button.danger:hover {
          background: #e03e30;
        }

.invoice-parts-form .invoice-part-upload .part-remove-section .button.danger.small {
          padding: 6px 10px;
          font-size: 11px;
        }

.invoice-parts-form .invoice-part-upload {
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.invoice-parts-form .invoice-part-upload.removing {
      opacity: 0;
      transform: translateX(-10px);
    }

.invoice-parts-form .add-invoice-part {
    margin-bottom: 20px;
  }

.invoice-parts-form .add-invoice-part .button {
      margin: 0;
    }

.form--rates {
  background: var(--modal-footer-background);
  margin-left: calc(-1 * var(--padding));
  margin-right: calc(-1 * var(--padding));
  padding: 30px var(--padding);
  margin-bottom: -130px;
  padding-bottom: 130px;
}

.rates__actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0px var(--site-padding) 20px var(--site-padding);
  }

.rates__tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: calc(100% - 200px);
  }

.rates__tab-dropdown {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: calc(100% - 100px);
    gap: 10px;
  }

.rates__tab-dropdown__label {
      font-weight: 500;
    }

.rates__year-switcher {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-radius: 44px;
    border: 1px solid var(--standard-border);
    background: #fff;
  }

.rates__year-switcher a.rates__prev, .rates__year-switcher a.rates__next {
      text-decoration: none;
      display: flex;
    }

.rates__year-switcher a.rates__prev.disabled, .rates__year-switcher a.rates__next.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;      
      }

.rates__year {
    font-size: 14px;
    font-weight: 500;
    min-width: 36px; /* to avoid resizing when switching due to font size of different years */
  }

.rates .rate-cell.generated {
      opacity: 0.5;
    }

.dashboard__row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin: var(--site-padding);
    width: calc(100% - var(--site-padding) * 2);
  }

.dashboard__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
  }

.dashboard__column:last-child {
      flex: 2;
    }

.dashboard__card {
    border-radius: 8px;
    border: 1px solid var(--standard-border);
    background: var(--primary-object);
    padding: 20px;
    /* flex: 1; */
    
  }

.dashboard__card--fill {
      flex: 1;
    }

.dashboard__card__header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 5px;
      position: relative;
      min-height: 30px;
    }

.dashboard__card__header.space-between {
        justify-content: space-between;
      }

.dashboard__card__header__left {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
      }

.dashboard__card__header__right {
        display: flex;
        flex-direction: row;
        align-items: center;     
        position: relative;
        gap: 20px;
      }

.dashboard__card__title {
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 12px;
      margin: 0;
      padding: 0;
    }

.dashboard__card__latest { 
      margin-top: 12px;
      margin-bottom: 5px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      flex: 0;
    }

.dashboard__card__latest__status {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--red);
      }

.dashboard__card__latest__status--red {
          background-color: var(--red);
        }

.dashboard__card__latest__status--green {
          background-color: var(--green);
        }

.dashboard__card__latest__text {
        font-family: "DM Sans";
        font-size: 23px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: -0.69px;
      }

.dashboard__card__table {
      width: 100%;
      margin-top: 15px;
      border-collapse: collapse;
    }

.dashboard__card__table tr td {
          border-bottom: 1px solid var(--standard-border);
          text-align: right;
        }

.dashboard__card__table tr td a {
            color: var(--text);
          }

.dark .dashboard__card__table tr td a {
              color: var(--text-dark);
            }

.dark .dashboard__card__table tr td {
            border-bottom: 1px solid var(--standard-border-dark);
          }

.dashboard__card__table tr td {
          padding: 10px 0px;
}

.dashboard__card__table tr td:first-child {
            text-align: left;
          }

.dashboard__card__table tr td.currency {
            color: var(--faded);
          }

.dashboard__card__table tr:last-child td {
            border-bottom: none;
          }

.dashboard__card__table thead th {
          color: var(--faded);
        }

.dashboard__card__table thead th:first-child {
          text-align: left;
        }

.dashboard__card__table thead th:last-child {
          text-align: right;
        }

.dashboard__card.dark {
      background-color: var(--background-dark);
      color: var(--text-dark);
    }

.dashboard__card.grey {
      background: var(--dropdown-section);
    }

.dashboard__card__key-details {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 40px;
      padding: 15px 20px 20px 20px;
      margin-left: -20px;
      margin-right: -20px;
      border-bottom: 1px solid var(--standard-border);
      
    }

.dashboard__card__key-details__key {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
      }

.dashboard__card__key-details__key__value {
          font-size: 23px;
          font-style: normal;
          font-weight: 400;
          line-height: 23px;
        }

.dashboard__card__key-details__key__label {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          gap: 5px;
          color: var(--brand-blue);
        }

.orange .dashboard__card__key-details__key__label {
            color: var(--brand-orange);
          }

.faded .dashboard__card__key-details__key__label {
            color: var(--faded);
          }

.dashboard__card__key-details__key__label__icon {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background-color: var(--brand-blue);
          }

.orange .dashboard__card__key-details__key__label__icon {
              background-color: var(--brand-orange);
            }

.page.clients div[data-col="created_at"] {
    max-width: 150px;
    min-width: 150px;
    border-right: none;
  }

.table--standard[data-type="sites"] div[data-col="name"] {
    border-right: none;
  }

.modal-notes {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.modal-notes__note {
    display: flex;
    flex-direction: column;
  }

.modal-notes__note__details {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
    }

.modal-notes__note__author {
      font-size: 13px;
      line-height: 1em;
      font-weight: 500;
      color: black;
    }

.modal-notes__note__date {
      font-size: 13px;
      line-height: 1em;
      font-weight: 500;
      color: var(--faded);
    }

.modal-notes__note__block {
      display: flex;
      flex-direction: column;
      background-color: var(--brand-blue);
      border-radius: 8px;
    }

.modal-notes__note__text {
      font-size: 13px;
      line-height: 24px;
      font-weight: 400;
      color: white;
      padding: 15px;
    }

.modal-notes__note__actions {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      padding: 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

.modal-notes__note__action {
      display: inline-flex;
      padding: 8px 12px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.14);
      color: white;
      font-size: 12px;
      line-height: 1em;
      font-weight: 500;
      text-decoration: none;
    }

.modal-notes__form {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--standard-border);
    display: flex;
    flex-direction: column;
  }

.modal-notes__form div.input {
      margin: 0;
      padding: 0;
    }

.modal-notes__form__actions {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }

.modal-notes__form__actions .button {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 8px 12px;
        color: var(--link);
        text-decoration: none;  
        border-radius: 5px;
        font-size: 12px;
        line-height: 12px;
        font-style: normal;
        font-weight: 500;
        cursor: pointer;
        white-space: nowrap;
        color: var(--brand-blue);

        transition: background 0.2s;
        background: var(--button-fill);
      }

.modal-notes__form__actions .button:hover {
          background: var(--button-fill--hover);
        }

.invoice-logs__table {
  border-spacing: 0 6px;
  border-collapse: separate;
}

.invoice-logs__table th {
    background: none;
    padding: 9px 16px;
    font-size: 11px;
    font-weight: 500;
    line-height: 29px;
    text-align: left;
  }

.invoice-logs__table td {
    text-align: left;
    background: var(--primary-object);
    border-radius: 0;
    padding: 9px 16px;
    font-size: 11px;
    font-weight: 400;
    line-height: 29px;
  }

.invoice-logs__table td:first-child {
      width: 300px;
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px;
    }

.invoice-logs__table td:nth-child(2) {
      width: 300px;
    }

.invoice-logs__table td:last-child {
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
    }

.page.balance_logs {

  /* div[data-col="date"] {
    max-width: 100px;
    min-width: 100px;
  } */
}

.page.balance_logs div[data-col="unreconciled"] .table--cell__content {
      justify-content: space-between;
    }

.page.balance_logs .balance-log__date  {
    min-width: 80px;
  }

.page.balance_logs .balance-log__adjustment {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 20px;
  }

.page.balance_logs .balance-log__adjustment span {
      color: var(--brand-blue);
      font-size: 12px;
      font-style: normal;
      font-weight: 500;    
    }

.balance-logs-subrow {
  width: 100%;
}

.balance-logs__flex-container {
  display: flex;
  flex-direction: column;
  margin-left: var(--site-padding);
}

.balance-logs__header, .balance-logs__row {
  display: flex;
  width: 100%;
}

.balance-logs__row {
  background: var(--primary-object);
  border-radius: 7px;
  margin-bottom: 6px;
}

.balance-logs__cell {
  flex: 1;
  padding: 9px var(--site-padding);
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  line-height: 29px;
  max-width: calc((100vw - 40px)/5);
}

.balance-logs__cell:first-child {
    max-width: calc(20vw - 10px);
  }

.balance-logs__cell:last-child {
    max-width: calc(20vw - 34px);
  }

.balance-logs__cell--header {
  background: none;
  font-size: 11px;
  font-weight: 500;
  padding: 0px var(--site-padding) 9px var(--site-padding);
}

/* Balance Adjustments Table */

.balance__table {
  border-spacing: 0 6px;
  border-collapse: separate;
  margin-left: var(--site-padding);
  margin-bottom: 20px;
}

.balance__table th, .balance__table td {
    text-align: left;
    background: var(--primary-object);
    border-radius: 0;
    padding: 9px 20px;
    font-size: 11px;
    font-weight: 400;
    line-height: 29px;
    white-space: nowrap;    
  }

.balance__table th:first-child, .balance__table td:first-child {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px;
    }

.balance__table th:last-child, .balance__table td:last-child {
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
    }

.balance__table th.balance__new-balance, .balance__table td.balance__new-balance {
      font-weight: 600;
      color: var(--brand-blue);
      width: 100%;
    }

.balance__table th.balance__actions, .balance__table td.balance__actions {
      text-align: right;
    }

.balance__table th .balance__balance-classification, .balance__table td .balance__balance-classification {
      border-left: 1px solid var(--standard-border);
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding-left: 20px;
      margin-left: -20px;
      font-weight: 500;
    }

.balance__table th .balance__balance-type, .balance__table td .balance__balance-type {
      color: var(--faded);
      font-weight: 500;
      margin-right: 20px;
    }

.balance__table th {
    background: none;
    font-size: 11px;
    font-weight: 500;
    padding: 0px 20px 3px 20px; /* reduced from 9px to 3px due to border spacing */
  }

.cir_support__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px var(--site-padding) 20px var(--site-padding);
  }

.cir_support__year-switcher {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-radius: 44px;
    border: 1px solid var(--standard-border);
    background: #fff;
  }

.cir_support__year-switcher a.cir_support__prev, .cir_support__year-switcher a.cir_support__next {
      text-decoration: none;
      display: flex;
    }

.cir_support__year-switcher a.cir_support__prev.disabled, .cir_support__year-switcher a.cir_support__next.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;      
      }

.cir_support__year {
    font-size: 14px;
    font-weight: 500;
    min-width: 36px; /* to avoid resizing when switching due to font size of different years */
  }

.cir_support .data-table {
    table-layout: fixed;
    width: 100%;
  }

.cir_support .data-table thead {
      position: relative;
    }

.cir_support .data-table thead::after {
        display: none;
      }

.cir_support .data-table tr td, .cir_support .data-table tr th {
      /* width: calc((100% - 250px)/13); */
      width: 6.5%;
      max-width: 6.5%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      table-layout: fixed;
    }

.cir_support .data-table tr td.red, .cir_support .data-table tr th.red {
        background: rgba(255, 73, 56, 0.1);
      }

/* This is important for the max-width to work */

.cir_support .data-table tr td.green, .cir_support .data-table tr th.green {
        background: rgba(102, 255, 102, 0.1);
      }

.cir_support .data-table tr td:first-child, .cir_support .data-table tr th:first-child {
      width: 15.5%;
      max-width: 15.5%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.cir_support .data-table:last-child {
      margin-bottom: 100px;
    }

.cir_support h3 {
    margin-top: 40px;
    padding: 0px var(--site-padding) 0px var(--site-padding);
    color: var(--Black, #000);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px; /* 193.333% */
  }

.users div[data-col="last_login"] {
    /* max-width: 120px; */
  }

.users div[data-col="role"] {
    /* max-width: 120px; */
    border-right: none;
  }

.pallet_types div[data-col="code"] {
    /* max-width: 120px; */
  }

.pallet_types div[data-col="alternative_codes"] {
    /* max-width: 120px; */
    flex: 3;
    border-right: none;
  }

.pallet_types div[data-col="actions"] {
    max-width: 100px;
  }

.movement_types div[data-col="code"] {
    /* max-width: 120px; */
  }

.movement_types div[data-col="alternative_codes"] {
    /* max-width: 120px; */
    flex: 3;
    border-right: none;
  }

.movement_types div[data-col="actions"] {
    max-width: 100px;
  }

.movement_types__footnote {
  margin-top: 1.5rem;
}

.movement_types__footnote-text {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  color: var(--color-muted, #6b7280);
  line-height: 1.5;
}

.file-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.file-table th, .file-table td {
  border: 1px solid var(--standard-border);
  padding: 8px;
  text-align: left;
}

.file-table th {
  border: 1px solid var(--standard-border-dark);
  background-color: var(--background-dark);
  color: var(--text-dark);
}

:root {
  box-sizing: border-box;

  --background: #F7F9FC;
  --background-dark: #162538;
  --text: #000000;
  --text-dark: #FFFFFF;
  --table-header: #FFFFFF;
  --primary-object: #FFFFFF;
  --text-on-dark: #FFFFFF;
  --brand-blue: #0087B4;
  --brand-orange: #E38A06;
  --faded: #8EAFC5;
  --standard-border: #CADAE6;
  --standard-border-dark: #44576E;
  --darker-border: #BECDD9;
  --opacity-border: rgba(0, 0, 0, 0.1);
  --green: #2AD073;
  --red: #FF4938;

  --site-min-width: 1140px;
  --site-min-width: 1440px;
  --site-padding: 20px;

  --overlay: rgba(0, 0, 0, 0.64);
  --modal-background: #ECF2FB;  

  --input-bg: #FFFFFF;
  --hover-background: #DEE8F1; /* for things that don't have background but have a background when hoverered or active */

  --button-fill: rgba(0, 161, 214, 0.16);
  --button-fill--hover: rgba(0, 161, 214, 0.24);
  --button-fill--light: #DEE8F1;
  --action-gradient: linear-gradient(92deg, #0087B4 7.73%, #0395C6 79.86%);

  --dropdown-section: #E9EEF5;
  --warning: #BF1E2E;
  --error: #BF1E2E;  

  --secondary-object: #DEE4EC;
  --secondary-text: #8396A3;

  --status-green: #2AD073;
  --status-red: #FF4938;
  --status-blue: #0084FF;

  --modal-footer-background: #E0E7F3;
  --optional-action: #DEE4EC;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  background: var(--background);
  color: var(--text);
  padding: 0;
  margin: 0;
  min-width: var(--site-min-width);
  position: relative;
}

body.dark {
    --brand-blue: #00A1D6;
    --background: #162538;
    --text: #ffffff;
    --table-header: #394A5E;
    --standard-border: #44576E;
    --dropdown-section: #243447;
    --button-fill: rgba(0, 161, 214, 0.24);
    --primary-object: #394A5E;
    --secondary-object: #344355;
  }

main {
}
/*# sourceMappingURL=/assets/application-3e6dda0b.css.map */