@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Convergence&display=swap");
/* Default Light Mode */
:root {
  --primary-company-color: #8A4BDE;
  --secondary-company-color: #F3E9FF;
  --border-radius: .5rem;
  --curve-background-color: #F5F5F5;
  --background-color: #E2E3E3;
  --background-color-card: #FFFFFF;
  --header-background-color: #FFFFFF;
  --text-color: #060b23;
  --border-color: rgba(0, 0, 0, 0.1);
  --hover-border-color: #0088cc;
  --focus-border-color: #8A4BDE;
  --link-text-color: blue;
  --disabled-text-color: grey;
  --menu-color: #8A4BDE;
  --option-selector: #1980EC;
  --disabled-border-color: grey;
  --background__color--hover: #fafafa;
  --overlay-shadow: rgba(0, 0, 0, 0.5);
  --chat-carrier: #E8F0FE;
  --chat-vendor: #E6F4EA;
  --chat-customer: #FEF7E0;
  --chat-button-color: #007BFF;
  --chat-button-hover-color: #0056D2;
  --button-color-primary: #4338CA;
  --button-text-primary: #FFFFFF;
  --button-hover-primary: #4F46E5;
  /* Secondary */
  --button-color-secondary: #374151;
  --button-text-secondary: #FFFFFF;
  --button-hover-secondary: #4B5563;
  /* Success */
  --button-color-success: #065F46;
  --button-text-success: #FFFFFF;
  --button-hover-success: #047857;
  /* Info */
  --button-color-info: #38BDF8;
  --button-text-info: #FFFFFF;
  --button-hover-info: #075985;
  /* Warn */
  --button-color-warn: #F97316;
  --button-text-warn: #FFFFFF;
  --button-hover-warn: #B45309;
  /* Help */
  --button-color-help: #C084FC;
  --button-text-help: #FFFFFF;
  --button-hover-help: #7C3AED;
  /* Danger */
  --button-color-danger: #EF4444;
  --button-text-danger: #FFFFFF;
  --button-hover-danger: #991B1B;
  /* Contrast (outline/ghost) */
  --button-color-contrast: #E5E7EB;
  --button-text-contrast: #111827;
  --button-hover-contrast: rgba(229,231,235,0.2);
}

/* 
    Styles */
:root[data-is-dark-mode=true] {
  --primary-company-color: #8A4BDE;
  --secondary-company-color: #F3E9FF;
  --curve-background-color: #121212;
  --background-color: #18181b;
  --background-color-card: #24292D;
  --header-background-color: #24292D;
  --text-color: #fff;
  --border-color: rgba(255, 255, 255, 0.15);
  --hover-border-color: green;
  --focus-border-color: #8A4BDE;
  --link-text-color: greenyellow;
  --disabled-text-color: grey;
  --disabled-border-color: grey;
  --menu-color: #fff;
  --option-selector: #1980EC;
  --background__color--hover: #2E3337;
  --overlay-shadow: rgba(0, 0, 0, 0.5);
  --chat-carrier: #1A73E8;
  --chat-vendor: #34A853;
  --chat-customer: #FBBC05;
  /* Primary */
  --button-color-primary: #818CF8;
  --button-text-primary: #000000;
  --button-hover-primary: #A5B4FC;
  /* Secondary */
  --button-color-secondary: #27272A;
  --button-text-secondary: #FFFFFF;
  --button-hover-secondary: #374151;
  /* Success */
  --button-color-success: #4ADE80;
  --button-text-success: #000000;
  --button-hover-success: #6EE7B7;
  /* Info */
  --button-color-info: #38BDF8;
  --button-text-info: #000000;
  --button-hover-info: #7DD3FC;
  /* Warn */
  --button-color-warn: #FB923C;
  --button-text-warn: #000000;
  --button-hover-warn: #FDBA74;
  /* Help */
  --button-color-help: #C084FC;
  --button-text-help: #000000;
  --button-hover-help: #D8B4FE;
  /* Danger */
  --button-color-danger: #F87171;
  --button-text-danger: #000000;
  --button-hover-danger: #FCA5A5;
  /* Contrast (outline/ghost) */
  --button-color-contrast: #FFFFFF;
  --button-text-contrast: #000000;
  --button-hover-contrast: #F3F4F6;
}

.overlay-shadow {
  display: none;
  position: absolute;
  z-index: 1999;
  background-color: var(--overlay-shadow);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.modal-open {
  overflow: hidden;
  /* To prevent touch‑based elastic scroll on mobile: */
  overscroll-behavior: none;
}

.overlay-shadow.active {
  display: block;
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  display: flex;
}

a {
  text-decoration: none;
}

.icon-spacing.right {
  margin-right: 8px;
}
.icon-spacing.left {
  margin-left: 8px;
}

.preserve-whitespace {
  white-space: pre-wrap;
}

.banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  background-color: var(--background__color--hover);
  padding: 0rem 3rem;
  border-bottom: 2px solid var(--primary-company-color);
}

.banner-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.message-banner {
  display: flex;
  flex-direction: row;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 0.5rem;
}
.message-banner a {
  padding-left: 1rem;
  color: greenyellow;
  color: var(--link-text-color);
}
.message-banner a, .message-banner p {
  padding: 0.5rem 0.5rem 0rem 0.5rem;
}

.banner-close {
  position: absolute;
  right: 0.75rem;
}
.banner-close :hover {
  cursor: pointer;
}

.toast {
  visibility: hidden; /* Hidden by default */
  opacity: 0; /* Fully transparent by default */
  max-width: 280px;
  background-color: #4CAF50;
  color: white;
  text-align: left;
  border-radius: 5px;
  padding: 1rem;
  position: fixed;
  z-index: 99999999;
  left: 50%;
  top: 100px; /* Try positioning lower in case it's obscured */
  transform: translateX(-50%);
  font-size: 17px;
  transition: opacity 0.6s, visibility 0.6s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 10px solid #388E3C;
  box-sizing: border-box;
}

.toast.show {
  visibility: visible; /* Show the toast */
  opacity: 1; /* Fully visible */
}

.toast .close-btn {
  color: white;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px;
  padding: 0 10px;
  background: none;
  border: none;
  color: white;
}

.toast .close-btn:hover {
  background-color: #2e7d32; /* Darker green on hover */
}

/* Autofill Styles */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--background-color-card) inset;
  -webkit-text-fill-color: var(--text-color);
}

body.dark-mode input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--background-color-card) inset;
  -webkit-text-fill-color: var(--text-color);
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.content-container {
  transition: margin-left 0.5s ease, width 0.5s ease;
  /*    overflow-x: hidden;
  overflow-y: auto;*/
  height: auto !important;
  position: relative;
  /*    margin-left: 4rem;*/
}

@media (min-width: 992px) {
  .content-container {
    /*        margin: 0rem 0rem 0rem 4rem;*/
    padding-bottom: 0px;
    /*        overflow-x: hidden;
    overflow-y: auto;*/
    /*        height: calc(100% - 64px);*/
    transition-duration: 0.5s;
  }
}
#leftSideNav {
  display: none; /* Hide sidebar by default */
  width: 0; /* No width by default */
}

#contentContainer {
  margin-left: 0; /* No margin by default */
  width: 100%; /* Full width by default */
}

#divMenuTopNavLeft {
  display: none; /* Hide the top navigation left menu by default */
}

/*sidenav {
    height: 100%;
    width: 100%;
}*/
.content-container.expanded {
  transition: margin-left 0.3s ease, width 0.3s ease;
}

.content-container.collapsed {
  transition: margin-left 0.3s ease, width 0.3s ease;
}

.content-container.full-width {
  transition: margin-left 0.3s ease, width 0.3s ease;
}

.content-container-nomenu {
  height: 100vh;
  overflow-y: auto;
  transition-duration: 0.5s;
}

@media (min-width: 768px) {
  .content-container-nomenu {
    height: 100vh;
    overflow-y: auto;
    transition-duration: 0.5s;
    /*        background-color: var(--main-background-color);*/
  }
}
.one-column {
  margin: auto;
  /*    height: calc(100% - 100px)!important;*/
}

@media (min-width: 576px) {
  .one-column {
    height: unset !important;
  }
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

app {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

body {
  font-family: "Convergence" !important;
  font-size: 1rem;
  background-color: var(--background-color);
  color: var(--text-color);
  overflow: visible;
}

.main-container {
  /*    position: relative;*/
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: var(--banner-height, 0px);
}

h3 {
  margin-bottom: 2rem;
}

h4 {
  margin-bottom: 1rem;
}

.error-message {
  display: flex;
  justify-content: center;
  color: red;
  font-weight: bold;
}

.form__group .error-message {
  position: absolute;
  bottom: 0;
  margin-bottom: -15px;
  font-size: 12px;
}

.grid-title {
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  color: var(--text-color);
  background-color: var(--background-color);
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  font-size: 12px;
  text-decoration: none;
  letter-spacing: 0.05em;
  cursor: pointer;
  /*    padding: 0.65rem 1rem;*/
  line-height: 1.4;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
  border: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  background-color: #7c3aed;
  color: #fff;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.button.primary, .button.secondary {
  color: #fff;
}
.button.primary:hover, .button.secondary:hover {
  background-color: hsl(259deg, 70%, 55%);
  color: #fff;
}
.button.primary {
  background: var(--button-color-primary);
  border: 1px solid var(--button-color-primary);
  color: var(--button-text-primary);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.primary:hover {
  background: var(--button-hover-primary);
  border-color: var(--button-hover-primary);
  color: var(--button-text-primary);
}
.button.secondary {
  background: var(--button-color-secondary);
  border: 1px solid var(--button-color-secondary);
  color: var(--button-text-secondary);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.secondary:hover {
  background: var(--button-hover-secondary);
  border-color: var(--button-hover-secondary);
  color: var(--button-text-secondary);
}
.button.success {
  background: var(--button-color-success);
  border: 1px solid var(--button-color-success);
  color: var(--button-text-success);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.success:hover {
  background: var(--button-hover-success);
  border-color: var(--button-hover-success);
  color: var(--button-text-success);
}
.button.info {
  background: var(--button-color-info);
  border: 1px solid var(--button-color-info);
  color: var(--button-text-info);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.info:hover {
  background: var(--button-hover-info);
  border-color: var(--button-hover-info);
  color: var(--button-text-info);
}
.button.warning {
  background: var(--button-color-warn);
  border: 1px solid var(--button-color-warn);
  color: var(--button-text-warn);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.warning:hover {
  background: var(--button-hover-warn);
  border-color: var(--button-hover-warn);
  color: var(--button-text-warn);
}
.button.help {
  background: var(--button-color-help);
  border: 1px solid var(--button-color-help);
  color: var(--button-text-help);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.help:hover {
  background: var(--button-hover-help);
  border-color: var(--button-hover-help);
  color: var(--button-text-help);
}
.button.danger {
  background: var(--button-color-danger);
  border: 1px solid var(--button-color-danger);
  color: var(--button-text-danger);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.danger:hover {
  background: var(--button-hover-danger);
  border-color: var(--button-hover-danger);
  color: var(--button-text-danger);
}
.button.contrast {
  background: var(--button-color-contrast);
  border: 1px solid var(--button-color-contrast);
  color: var(--button-text-contrast);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.button.contrast:hover {
  background: var(--button-hover-contrast);
  border-color: var(--button-hover-contrast);
  color: var(--button-text-contrast);
}

.modal-header .close-btn:hover, .profile-header .close-btn:hover {
  background-color: var(--header-background-color);
}

.profile-header .close-btn, .modal-header .close-btn {
  color: var(--text-color);
}

.button-padding-right {
  padding-right: 1rem;
}

#importModalButton {
  margin-right: 0rem;
}

.button-row {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  width: 100%;
  /*    transition: 1.5s;*/
}
@media (min-width: 768px) {
  .button-row {
    flex-direction: row;
    /*        justify-content: space-between;*/
  }
  .button-row .button:only-child {
    margin-left: auto;
  }
  .button-row #importModalButton {
    margin-right: 1rem !important;
  }
}

.long-text-wrap {
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}

.tracking-addresses {
  width: 100%;
}

.dynamic-content-container {
  display: none;
}

.address-location-container {
  margin-bottom: 1rem;
}

@media (min-width: 700px) {
  .address-location-container {
    min-width: 350px;
  }
}
.address-detail-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.address-location-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

@media (min-width: 844px) {
  /*    .address-location-container {
          padding: 0rem 0rem 0rem 1rem;
      }*/
  .address-container-flex {
    padding: 0rem 0rem 0rem 1rem;
  }
  .products-container {
    padding: 0rem 0rem 0rem 1rem;
  }
}
/*@media(min-width: 1300px) {*/
/*    .address-location-container {
        padding: 0rem 1rem;
    }*/
/*.address-container-flex {
        padding: 0rem 0rem 0rem 0rem;
    }

    .products-container {
        padding: 0rem 0rem 0rem 0rem;
    }
}*/
/*.line-flex > *:not(:last-child) {
    margin-bottom: 1rem;
}*/
@media (min-width: 682px) {
  .footer-container .button {
    width: unset;
  }
  .line-flex .menu-btn {
    padding-left: 1rem;
  }
  /*    .line-flex > *:not(:last-child) {
          margin-right: 1rem;
      }

      .line-flex > *:not(:last-child) {
          margin-bottom: 0rem;
      }*/
}
.menu-btn .button {
  width: 100%;
}

.modal-container {
  display: flex;
  flex-direction: column;
  /*    height: 100%;*/
  margin: 0;
  padding: 1rem 1rem 1rem 1rem;
  /*        transition: 1s;*/
  background-color: var(--background-color-card);
  border-radius: unset;
  position: relative;
  /*        z-index: 999;*/
}

@media (min-width: 576px) {
  .modal-container {
    padding: 3rem 3rem 3rem 3rem;
    border-radius: 1.5rem;
    height: unset;
  }
}
.login-page .modal-container {
  padding: 1.5rem;
  /*    height: 100vh;*/
}

@media (min-width: 576px) {
  .login-page .modal-container {
    padding: 3rem;
    height: unset;
  }
}
.modal-content .profile-header {
  padding: 0;
  padding-bottom: 1rem;
}

.data__label {
  font-size: 14px;
}

.form__group {
  position: relative;
  width: 100%;
  /*    height: 2.75rem;*/
  margin-bottom: 1.5rem;
}
.form__group .form__input, .form__group .form__dropdown {
  /*        position: absolute;*/
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  /*        line-height: 1.5;*/
  /*        min-height: 44px;*/
  border: 1px solid var(--border-color);
  border-radius: 0.25rem;
  font-family: inherit;
  font-size: inherit;
  color: var(--text-color);
  outline: none;
  padding: 0.6rem 1rem;
  transition: border-color 160ms ease-in;
  z-index: 0;
}
.form__group .form__input:hover, .form__group .form__dropdown:hover {
  border-color: var(--primary-company-color);
  cursor: pointer;
}
.form__group .form__input:focus, .form__group .form__dropdown:focus {
  border-color: var(--focus-border-color);
  cursor: text;
}
.form__group .form__input:disabled, .form__group .form__dropdown:disabled {
  color: var(--disabled-text-color);
  border-color: var(--disabled-border-color);
  cursor: context-menu;
}
.form__group .form__input.error, .form__group .form__dropdown.error {
  border: 1px solid #d9534f;
}
.form__group .form__input.valid, .form__group .form__dropdown.valid {
  border: 1px solid green;
}
.form__group option, .form__group select, .form__group .ui-timepicker-wrapper {
  background-color: var(--background-color-card) !important;
  color: var(--text-color) !important;
}
.form__group .labeldisabled {
  color: var(--disabled-text-color);
  cursor: context-menu;
}
.form__group .labeldisabled:focus {
  border-color: none;
}
.form__group .labeldisabled:hover span {
  border-color: none !important;
}
.form__group .form__label {
  position: absolute;
  left: 0.5rem;
  top: 0.8rem;
  white-space: nowrap;
  padding: 0 0.5rem;
  color: var(--text-color);
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  background-color: var(--header-background-color);
}
.form__group .form__label:hover {
  cursor: pointer;
}
.form__group .form__label:focus {
  cursor: text;
}
.form__group .form__label:disabled {
  color: gray;
}
.form__group .form__input:focus ~ .form__label,
.form__group .form__dropdown:focus ~ .form__label,
.form__group .form__input:not(:placeholder-shown):not(:focus) ~ .form__label,
.form__group .form__dropdown:not(:placeholder-shown):not(:focus) ~ .form__label,
.form__group .form__input:-webkit-autofill ~ .form__label {
  top: -0.5rem;
  font-size: 0.8rem;
  left: 0.8rem;
}

textarea, .textarea {
  min-height: 88px;
  resize: none;
}

.header-row {
  display: flex;
  justify-content: space-between;
}

/*.header-row span {
    padding-right: 4rem;
}*/
.header-row a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--link-text-color);
  margin-bottom: 0.75rem;
}

.header-row .material-icons {
  padding-right: 0.5rem;
}

/***** Curve *****/
.curve {
  position: fixed; /* Ensures the curve stays in place during scroll */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden; /* Prevents any overflowing content */
  background-color: var(--curve-background-color);
}

.curve::before, .curve::after {
  content: "";
  position: absolute;
  border-radius: 75%; /* Maintain the original curve */
  background-color: var(--secondary-company-color);
}

.curve::before {
  bottom: -25%;
  left: -25%;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.curve::after {
  top: -25%;
  right: -50%;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.top-nav-desktop, .top-nav-mobile, .profile-logout-link {
  align-items: center;
}

.track-order-link, .submenu-toggle a {
  align-items: center;
  line-height: 2;
  border-radius: 0.5rem;
  text-decoration: none;
  padding: 0rem 1rem;
  color: inherit;
}
.track-order-link:hover, .submenu-toggle a:hover {
  color: #FFFFFF;
  background-color: hsl(259deg, 70%, 55%);
}

.profile-logout-link {
  padding: 0;
  padding-left: 1rem !important;
  color: var(--text-color);
  text-decoration: none;
}
.profile-logout-link:hover {
  border-radius: 0.5rem;
  background-color: hsl(259deg, 70%, 55%);
}

#theme-toggle:hover {
  border-radius: 0.5rem;
  background-color: hsl(259deg, 70%, 55%);
}

.profile-container {
  flex-direction: column;
  position: absolute;
  position: fixed;
  top: 0px;
  right: 0;
  width: 100%;
  max-width: 440px;
  height: 100%;
  color: var(--text-color);
  background-color: var(--background-color-card);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  /*    padding: 6px 8px 1rem 1rem;*/
  box-sizing: border-box;
  z-index: 500;
  overflow: hidden;
}
.profile-container:hover {
  color: var(--text-color);
}
.profile-container a, .profile-container #theme-toggle {
  text-decoration: none;
  padding: 1rem 0.5rem;
  color: var(--text-color);
}
.profile-container a:hover, .profile-container #theme-toggle:hover {
  border-radius: 0.5rem;
  color: var(--text-color);
  background-color: var(--background__color--hover);
}
.profile-container .profile-header {
  margin-bottom: 0.5rem;
}
.profile-container #theme-toggle {
  padding: 1rem;
}

.menu-container {
  display: flex;
  flex-direction: column;
  /*       height: 100%;*/
  width: 100%;
  /*    justify-content:flex-end;*/
  overflow-y: hidden;
  padding: 0rem 0.5rem;
}

.profile-icon {
  display: flex;
}
.profile-icon:hover {
  border-radius: 0.5rem;
  background-color: var(--background__color--hover);
}

.profile-container p {
  text-decoration: none;
  padding: 1rem;
  color: var(--text-color);
}

.profile-icon .material-icons {
  font-size: 40px !important;
}

.sidebar-content {
  padding: 1rem;
}

#theme-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 1rem;
  color: var(--text-color);
  transition: color 0.3s;
  padding: 1rem 0;
}
#theme-toggle i {
  margin-right: 8px;
  font-size: 1.2rem;
}
.dark-mode #theme-toggle {
  color: var(--dark-text-color);
}
.light-mode #theme-toggle {
  color: var(--light-text-color);
}

.main-menu-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.navlist li {
  list-style-type: none;
}

.submenu-container .nav-menu-icon, .main-menu-container .nav-menu-icon {
  display: flex;
  align-items: center;
  padding: 0rem 26px 0px 0px;
}

body.new-page .logo-topnav {
  transition: margin-left 0.5s ease;
}

@media (min-width: 992px) {
  .headerLeft {
    display: block;
  }
  /*    body.new-page .logo-topnav {
      margin-left: 80px;
  }*/
}
#mainMenuContainer {
  display: flex;
}

.submenu-icon.hidden-icon {
  display: none;
}

/* Ensure menu item text is always visible */
.menu-text {
  display: inline;
}

/**********************************************************************/
/**********************************************************************/
/******                                                          ******/
/******                     LEFT SIDE NAVIGATION                 ******/
/******                                                          ******/
/**********************************************************************/
/**********************************************************************/
/*ul.navlist {
    display: flex;
    flex-direction: column;
    left: 0;*/
/*width: 50px;*/ /* Default width for wider screens */
/*background: var(--background__color--hover);
    color: var(--text-color);
    font-size: var(--title-font-size);
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
    height: calc(100% - 64px);
    box-shadow: 6px 0px 8px -10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: width 0.5s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}*/
ul.navlist {
  display: flex;
  flex-direction: column;
  left: 0;
  background: var(--background__color--hover);
  color: var(--text-color);
  font-size: var(--title-font-size);
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  height: calc(100% - 60px); /* Initially subtracting banner height */
  top: 60px; /* Starts below the banner */
  box-shadow: 6px 0px 8px -10px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s ease; /* Add a smooth transition to the top property */
}

li.navlist {
  display: flex;
  align-items: center;
}

.navlist a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--text-color);
  line-height: 60px;
  text-decoration: none;
}

.navlist a:hover {
  background: var(--primary-company-color);
  color: var(--content-background-color);
}

.nav-menu-icon.fas {
  display: flex !important;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  min-height: 34px;
  font-size: 32px;
}

@media only screen and (min-width: 992px) {
  ul.navlist {
    width: 60px;
  }
  ul.navlist.show {
    width: 280px !important;
  }
}
.back-btn.menu-open {
  display: flex !important;
}

/* Media query for screens smaller than 992px */
@media only screen and (max-width: 992px) {
  ul.navlist {
    width: 0; /* Collapse width for smaller screens */
  }
  ul.navlist.show {
    width: 280px !important; /* Expanded width for smaller screens */
  }
}
.icon-container {
  position: relative;
  display: inline-block;
}

.notification-badge {
  position: absolute;
  top: -4px;
  right: 12px;
  padding: 4px 6px;
  min-height: 20px;
  min-width: 24px;
  border-radius: 50%;
  background-color: forestgreen;
  color: white;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

searchheader img {
  width: 100%;
  height: auto;
}

.search-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.support .form__group {
  margin-bottom: 0 !important;
}

#searchbox {
  padding: 10px;
  font-size: 16px;
  border-radius: 0.5rem;
  transition: border-color 0.3s;
}

.search-button {
  position: absolute;
  right: 0;
  height: 100%;
  border: none;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 0.5rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  transition: background-color 0.3s;
  background-color: var(--primary-company-color);
  color: #fff;
}
.search-button:hover {
  background-color: hsl(259deg, 70%, 55%);
}

.grid-container {
  display: grid;
  /*    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  gap: 1rem;
  padding: 1rem;
}
@media (min-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.primary-button {
  padding: 20px;
  background: var(--secondary-company-color);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 18px;
  color: var(--background-color);
}
.primary-button:hover {
  background-color: var(--background__color--hover);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.primary-button.active {
  background-color: var(--primary-company-color);
  color: #fff;
}

.questions-container {
  padding: 1rem;
}

.question-link {
  display: block;
  margin: 0.5rem 0;
  color: var(--link-text-color);
  text-decoration: none;
  transition: color 0.3s;
}
.question-link:hover {
  color: var(--hover-border-color);
  text-decoration: underline;
}

.back-button {
  display: block;
  margin-top: 1rem;
  padding: 10px 15px;
  background-color: var(--primary-company-color);
  color: var(--text-color);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}
.back-button:hover {
  background-color: var(--hover-border-color);
}

.quick-links {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: var(--background-color);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 10;
  border-radius: 0 0 0.25rem 0.25rem;
  transition: all 0.3s ease;
}
.quick-links #quick-links-header {
  padding: 10px;
  font-weight: bold;
}
.quick-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.quick-links ul li {
  padding: 10px;
  border-bottom: 1px solid var(--border-color);
}
.quick-links ul li:last-child {
  border-bottom: none;
}
.quick-links ul li a {
  color: var(--link-text-color);
  text-decoration: none;
  transition: color 0.3s;
}
.quick-links ul li a:hover {
  text-decoration: underline;
}

.search-container:focus-within .quick-links {
  display: block;
}

.overlayShadow {
  display: none; /* Initially hidden */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center; /* Align items vertically */
  justify-content: center; /* Align items horizontally */
}

/* Modal Container */
/* Always render the modal container; we’ll just hide it via visibility & opacity */
.modal {
  position: fixed;
  inset: 0;
  z-index: 999;
  /* keep it in the layout so we can transition visibility/opacity */
  display: flex;
  justify-content: center;
  align-items: start; /* or center, whatever you want */
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

/* when .show is added, fade in */
.modal.show {
  visibility: visible; /* immediately makes it participate */
  opacity: 1; /* transitions opacity */
  pointer-events: auto;
  transition-delay: 0s; /* reset the visibility delay */
}

/* The sliding panel inside the modal */
.modal-content {
  background: var(--background-color-card);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 600px;
  height: 100%;
  overflow: auto;
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.modal.show .modal-content {
  transform: translateX(0);
  opacity: 1;
}

/* ───── Larger screens: just a slower slide ───── */
@media (min-width: 576px) {
  .modal-content {
    max-width: 576px;
    top: 60px;
    height: calc(100% - 60px);
    border-radius: 1rem 0 0 0;
    transition-duration: 0.5s;
  }
}
/* Modal Header */
.modal-header {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  /*    padding-right: .5rem;*/
  background-color: var(--header-background-color);
  /*    border-top-left-radius: 1rem;*/
  border-bottom: 1px solid var(--border-color);
}
.modal-header h4 {
  padding: 0rem 1rem;
  margin-bottom: 0rem; /* needs to be removed */
}
.modal-header img {
  margin: auto 0;
  width: calc(50% - 1rem);
  max-width: 200px;
  height: 100%;
}
.modal-header .shipping-logo-header {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  grid-column-gap: 1rem;
}
@media (min-width: 576px) {
  .modal-header .shipping-logo-header {
    flex-direction: row;
    border-top-left-radius: 1rem;
  }
}

/* Modal Body */
.modal-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /*    height: 100%;*/
  padding: 2rem 1rem 1rem 1rem;
  overflow-y: auto;
}

.close {
  color: var(--text-color);
  background-color: transparent;
  border: 0;
  padding-right: 1rem;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: var(--link-text-color);
  text-decoration: none;
  cursor: pointer;
}

/*****POD*****/
@media (min-width: 682px) {
  .signature-image img {
    width: 50% !important;
  }
}
.image-caption {
  margin: 0.25rem 0 1rem 0; /* or 8px / 12px if you prefer */
  font-size: 0.875rem; /* optional: slightly smaller text */
  color: #555; /* optional: softer color for timestamp */
}

.address-image-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}

.address-image-preview {
  max-width: 100%;
  height: auto;
  display: block;
}

/********CUSTOMER ORDERS***********/
.order-list-container {
  position: relative;
  z-index: 1;
}

/********RAD GRIDS*************/
/* Example CSS to give the RadGrid a modern look */
.radGrid {
  color: #444;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

/* Header and Group Panel Styling */
.radGrid .rgHeader, .radGrid .rgGroupPanel {
  background-color: #2c3e50;
  color: white;
  font-weight: 600;
  padding: 16px;
  border-bottom: 2px solid #34495e; /*
border-top-left-radius: 12px;
border-top-right-radius: 12px;*/
}

/* Row Styling */
.radGrid .rgRow, .radGrid .rgAltRow {
  padding: 14px 10px;
  border-bottom: 1px solid #ecf0f1;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.radGrid .rgRow:hover, .radGrid .rgAltRow:hover {
  background-color: #f0f8ff; /*
transform: translateY(-2px);*/
}

/* Pager Styling */
.radGrid .rgPager {
  padding: 16px;
  background-color: #f8f9fa;
  text-align: center;
  border-top: 2px solid #ecf0f1;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.radGrid .rgPager a {
  color: #2980b9;
  margin: 0 6px;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.radGrid .rgPager a:hover {
  color: #1c6d9f;
  /*    transform: translateY(-1px);*/
}

.radGrid .rgPager .rgPageCurrent {
  font-weight: 700;
  color: #1c6d9f;
}

/* Hyperlink Styling */
.customer-orders-tracking-link {
  color: #2980b9;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.customer-orders-tracking-link:hover {
  color: #1c6d9f;
}

/* Button Styling */
/*.customer-orders-cancel-button,
.customer-orders-label-button {
    font-family: 'Inter', sans-serif;
    background-color: #2980b9;
    color: white;
    border-radius: 6px;
    padding: 8px 14px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.customer-orders-cancel-button:hover,
.customer-orders-label-button:hover {
    background-color: #1c6d9f;
    transform: translateY(-2px);
}

.customer-orders-cancel-button-pressed,
.customer-orders-label-button-pressed {
    background-color: #145b76;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}*/
/* No Records Template Styling */
.radGrid .rgNoRecords {
  color: #95a5a6;
  font-style: italic;
  text-align: center;
  padding: 20px;
}

/* Ensure row height is flexible and adapts to content */
.RadGrid .rgRow,
.RadGrid .rgAltRow,
.RadGrid .rgEditRow,
.RadGrid .rgFooter,
.RadGrid .rgGroupHeader {
  height: auto !important; /* Use auto to let height be determined by content */
  min-height: unset !important; /* Remove any minimum height that could cause issues */
}

/* Mobile View (up to 1200px) */
@media only screen and (max-width: 1200px) {
  .stacked-radgrid .rgHeader {
    display: none; /* Hide headers in mobile view */
  }
  .stacked-radgrid .rgRow,
  .stacked-radgrid .rgAltRow {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap if they overflow */
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
  }
  .stacked-radgrid .stacked-column {
    flex: 1 1 45%; /* Flex property for side-by-side columns (45% each) */
    padding: 8px; /* Padding inside each cell */
    box-sizing: border-box; /* Ensure padding is included in width */
    line-height: 1; /* Line height for readability */
    border-left: none;
  }
  .stacked-radgrid .stacked-column::before {
    content: attr(data-header); /* Display header name before each item */
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    color: #333;
  }
  .stacked-radgrid .rgRow,
  .stacked-radgrid .rgAltRow > .stacked-column:last-child {
    margin-bottom: 0; /* Remove bottom margin for the last item in each row */
  }
}
@media only screen and (max-width: 1200px) and (max-width: 768px) {
  .stacked-radgrid .stacked-column {
    flex: 1 1 100%; /* Full width for smaller screens */
  }
}
.RadGrid .rgRow > td,
.RadGrid .rgAltRow > td,
.RadGrid .rgEditRow > td {
  border-style: unset !important; /* Remove the left border */
}

.RadGrid .rgRow:hover,
.RadGrid .rgAltRow:hover,
.RadGrid .rgEditRow:hover {
  background-color: #d0e7ff; /* Light blue background on hover */
}

/* Desktop View (1200px and up) */
@media only screen and (min-width: 1200px) {
  .stacked-radgrid .stacked-column::before {
    content: none; /* Hide the header names in desktop view */
  }
}
.stacked-column a {
  text-decoration: none;
}

/**********************************************************************/
/**********************************************************************/
/******                                                          ******/
/******                        TRACKING PAGE                     ******/
/******                                                          ******/
/**********************************************************************/
/**********************************************************************/
.track-rightside {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.chat-container {
  height: 100vh;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  flex-direction: column;
}
.chat-container.profile-container {
  z-index: 1999;
  height: 100%;
  justify-content: flex-end;
}
.chat-container.profile-container a:hover {
  background-color: transparent !important;
}
@media (min-width: 768px) {
  .chat-container.profile-container {
    z-index: 1999;
    height: calc(100% - 64px);
    justify-content: flex-end;
  }
}

.chat-button-container {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 11;
}

.chat-button {
  background-color: var(--chat-button-color);
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
  color: white;
  font-size: 24px;
}
.chat-button:hover {
  background-color: var(--chat-button-hover-color);
}
.chat-button:focus {
  outline: none;
  box-shadow: 0px 0px 0px 3px rgba(82, 168, 236, 0.6);
}

#messageHistory.profile-container {
  z-index: 1999;
  height: 100%;
  justify-content: flex-end;
}

.chatbox-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.send-rules {
  font-size: 12px;
}

.container-scroll {
  font-size: 14px;
  overflow-x: hidden;
  height: 100%;
  overflow-y: auto;
}

/****MESSAGE BUBBLES****/
.order-tracking-event {
  position: relative;
  max-width: 80%;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 1.5rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  background-color: var(--background__color--hover);
  word-wrap: break-word;
  color: var(--text-color);
}
.order-tracking-event.carrier {
  width: 100%;
  margin-right: auto;
  background-color: var(--chat-carrier);
  border-bottom-left-radius: 0.5rem;
}
.order-tracking-event.vendor {
  width: 100%;
  margin-right: auto;
  background-color: var(--chat-vendor);
  border-bottom-left-radius: 0.5rem;
}
.order-tracking-event.customer {
  width: 100%;
  margin-left: auto;
  background-color: var(--chat-customer);
  border-bottom-right-radius: 0.5rem;
}
.order-tracking-event a {
  color: var(--link-text-color);
}
.order-tracking-event a:hover {
  color: var(--link-text-color);
}
.order-tracking-event .created {
  display: flex;
  justify-content: end;
  font-style: italic;
  font-size: 10px;
}
.order-tracking-event .description {
  padding-bottom: 0.5rem;
}

.message-textbox {
  position: relative;
  width: 100%;
  /*    padding: .5rem 0rem 0rem .25rem;*/
}
.message-textbox textarea {
  width: 100%;
  line-height: 20px;
  min-height: 40px;
  max-height: 200px;
  padding: 1rem;
  padding-right: 48px;
  border-radius: 0.5rem;
  color: var(--text-color);
  background-color: var(--background-color);
  border: solid 1px var(--border-color);
}

/*
.form__input.textarea-double {
    appearance: none;
    box-sizing: border-box;
    resize: none;
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: normal;
    inset: 0px;
    line-height: 20px;
    max-height: 200px;
    outline: none;
    overflow-wrap: break-word;
    padding: 14px 72px 14px 16px;
    white-space: pre-wrap;
    width: 100%;
}*/
/* Button styles */
.send-message-button {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  z-index: 2;
}
.send-message-button i {
  font-size: 24px;
  color: var(--chat-button-color);
}
.send-message-button i:hover {
  color: var(--chat-button-hover-color);
}

#chat-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

#chat-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  padding: 0rem 1rem;
  box-sizing: border-box;
}

.chat-error {
  display: flex;
  width: 100%;
  color: red;
  padding-bottom: 0.5rem;
}

.new-chat-status-label {
  display: flex;
  padding-bottom: 2px;
}

.previous-chat-status-label {
  padding-bottom: 0.5rem;
}

.new-chat-status {
  display: flex;
}
.new-chat-status .button, .new-chat-status .dropdown-list {
  /*            height: 1.5rem;*/
  padding: 0.2rem;
}
.new-chat-status .vertical-spacer {
  width: 1rem;
}

.message-textbox-container {
  padding: 0rem 1.5rem 1.5rem 1.5rem;
}
.message-textbox-container .send-who {
  padding-bottom: 0.5rem;
}

.confirm-notice .message, .order-change-delivery-message {
  font-size: 14px;
}

.confirm-notice h3 {
  margin-bottom: 1rem;
}

@media (max-width: 1200px) {
  col {
    width: unset !important;
  }
}
/*::-webkit-scrollbar {
width: 6px;*/ /* Width of the scrollbar */
/*height: 6px;*/ /* Height of the scrollbar (for horizontal scrollbars) */
/*}

::-webkit-scrollbar-thumb {
    background-color: #888;*/ /* Color of the scrollbar thumb */
/*border-radius: 10px;*/ /* Roundness of the scrollbar thumb */
/*}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;*/ /* Color when hovering over the scrollbar thumb */
/*}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;*/ /* Background color of the scrollbar track */
/*border-radius: 10px;*/ /* Roundness of the scrollbar track */
/*}*/
.rgMasterTable {
  table-layout: unset !important;
}

@media (min-width: 1200px) {
  .rgMasterTable {
    table-layout: fixed !important;
  }
}
.order-change-delivery-message {
  display: block;
  padding-bottom: 1rem;
}

.order-change-delivery-message.final-selection-message {
  padding-bottom: 0rem;
}

/**********************************************************************/
/**********************************************************************/
/******                                                          ******/
/******                      BULK UPLOAD                         ******/
/******                                                          ******/
/**********************************************************************/
/**********************************************************************/
.bulk-buttons {
  display: flex;
  flex-direction: column;
  width: 260px;
}

.bulk-buttons .button {
  margin: 1rem;
  margin-bottom: 0;
}

.ruInputs {
  display: none !important;
}

.ruFileWrap,
.ruFileInput,
.ruFakeInput,
.ruButton,
.ruDropZone {
  display: none !important;
}

.drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px dashed #007bff;
  padding: 50px;
  margin: 1rem;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  /* Style for when a file is dragged over the dropzone */
  /* Style when a file is uploaded */
}
.drop-zone span {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.drop-zone button {
  width: 150px !important;
}
.drop-zone.dragover {
  background-color: #e9ecef;
  border-color: #007bff;
}
.drop-zone.uploaded span, .drop-zone.uploaded button {
  display: none;
}
.drop-zone.uploaded .uploaded-filename {
  font-weight: bold;
}

/*.order-tracking-uploader-bar .button-row a {
    justify-content: flex-end;
    margin-top: 1rem;
}*/
.import-errors a {
  height: 36px;
}

.import-errors a:first-child {
  margin-bottom: 1rem;
  margin-right: 0rem !important;
}

@media (min-width: 576px) {
  .import-errors a:first-child {
    margin-bottom: 1rem !important;
    margin-right: 0rem !important;
  }
}
@media (min-width: 768px) {
  .import-errors a:first-child {
    margin-bottom: 0rem !important;
    margin-right: 1rem !important;
  }
}
/*.order-tracking-search-bar .import-errors {
    margin-top: 1rem;
    justify-content: flex-start;
}*/
.order-import p {
  margin-top: 0.5rem;
}

.hidden {
  display: none !important;
}

.visible-flex {
  display: flex !important;
}

.visible-block {
  display: block !important;
}

.order-return {
  width: 150px;
}

.order-return .button-row {
  justify-content: flex-end;
}

.crm-textbox {
  margin-bottom: 1rem;
}

.order-return.textarea-double {
  border: 1px solid var(--border-color);
  width: 100%;
  padding: 1rem;
}

.spinner {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px; /* center by half the size */
  border: 8px solid rgba(0, 0, 0, 0.05);
  border-top: 8px solid var(--primary-company-color);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  animation: spin 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#overlayShadow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.5s ease-in-out; /* slower fade */
  pointer-events: none; /* let clicks through if you only block with spinner */
  z-index: 1000;
}

/***** PRODUCT EDITS *****/
@media (min-width: 844px) {
  .tracking-location-addresses {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media (min-width: 1340px) {
  .tracking-location-addresses {
    display: flex;
    flex-direction: row;
  }
}
/* Base Styles for Product Rows and Items */
.product-row {
  display: flex;
  flex-direction: column; /* Stack items by default for mobile */
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem;
}

.product-item {
  display: flex;
  justify-content: space-between;
  padding: 0rem 0rem 0.75rem 0;
  font-size: 1rem;
}

.label {
  width: 40%;
}

.product-item:last-child {
  border-bottom: none;
}

/* Hide the Table Header on Mobile */
.product-list-header {
  display: none; /* Initially hidden for smaller screens */
}

/* Make the Layout a Table for Screens 900px and Above */
@media (min-width: 1500px) {
  /* Make sure headers and rows match in column structure */
  .product-list-header {
    display: grid;
    grid-template-columns: 0.6fr 1fr 2.5fr 1fr 1fr 2fr 1fr;
    gap: 1rem;
    font-weight: bold;
    padding: 0.5rem 0rem 1rem 0rem;
    border-bottom: 2px solid #ccc;
    font-size: 1rem;
  }
  /* Apply the same grid structure to product rows */
  .product-row {
    display: grid;
    grid-template-columns: 0.6fr 1fr 2.5fr 1fr 1fr 2fr 1fr;
    gap: 1rem;
    padding: 0rem 0rem 1rem 0rem;
    border-bottom: 1px solid #eee;
    align-items: center;
    box-shadow: none; /* Remove shadow for table view */
  }
  .product-row.first-row {
    padding-top: 1rem;
  }
  .product-item {
    display: contents; /* Behaves like table cells */
    padding: 0;
  }
  .label {
    display: none; /* Hide labels on larger screens (table format) */
  }
  .value {
    display: inline-block;
    text-align: left;
    width: auto;
  }
}
/* Very Small Screens (e.g., 480px) - Stack the Labels Above the Values */
@media (min-width: 480px) {
  .product-item {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .label {
    margin-bottom: 5px;
    width: auto;
  }
  .value {
    width: auto;
    text-align: left;
  }
}
.more-button-container {
  text-align: center;
  margin-top: 1rem;
}

.more-button {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.first-row {
  display: grid;
}

/*.address-container {
    background-color: var(--background-color-card);
    border-radius: .5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    padding: 1rem;
}*/
@media (min-width: 1024px) {
  .order-locations-container {
    padding-left: 1rem;
  }
}
@media (min-width: 1340px) {
  .order-locations-container {
    padding-right: 1rem;
  }
}
/* ===== Address Card Styles Start ===== */
.address-card {
  position: relative;
}

.maxoptra-logo {
  position: absolute;
  top: 0.9rem;
  right: 0.85rem;
  width: 48px;
}

.maxoptra-logo.inactive {
  opacity: 0.3;
  filter: grayscale(100%) brightness(1.2);
  transition: opacity 0.3s ease;
}

.maxoptra-float-logo.hidden {
  display: none;
}

.address-container h4 {
  margin-bottom: 0;
}
.address-container .title-label {
  margin-bottom: 0.5rem;
}
.address-container .address-section {
  margin-bottom: 1rem;
}

.location-view {
  display: flex;
  flex-direction: column;
}

/* Responsive blocks */
.address-container-flex {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .address-container-flex {
    grid-template-columns: 1fr 1fr;
  }
}
/* Shipment/labels */
.shipment-details .div-label {
  margin-bottom: 1rem;
}
.shipment-details .form__label {
  margin-bottom: 0.25rem;
}

.header-row h4 {
  margin-bottom: 0.75rem;
}

/* Address card */
.address-card {
  display: grid;
  grid-template-columns: 1fr minmax(84px, auto);
  grid-auto-rows: auto;
  column-gap: 0.75rem;
  row-gap: 0.5rem;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.75rem;
}

/* MaxOptra watermark (top-right) */
.maxoptra-logo {
  grid-column: 2;
  justify-self: end;
  padding-top: 2px;
  align-self: start;
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}

/* Address type pill (top-left) */
.quick-tag {
  grid-column: 1;
  grid-row: 1;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  background: #f5f3ff;
  color: #5b21b6;
  border: 1px solid #e9d5ff;
  white-space: nowrap;
}

.button-group {
  grid-template-columns: 1fr !important;
}

/* Depot line (left, row 2) */
.depot-label {
  grid-column: 1;
  grid-row: 2;
  display: inline-block;
  padding: 0.5rem;
  font-size: 14px;
  border-radius: 0.375rem;
  background: #f9fafb;
  color: #374151;
  font-style: italic;
}

/* Carrier status (right, row 2 — under logo) */
.carrier-status {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-self: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

/* Button (full width bottom row) */
.showClickToViewButton {
  grid-column: 1/-1;
  margin-top: 0.25rem;
}

.showClickToViewButton .button.full-width {
  width: 100%;
}

.address-card {
  border: 1px solid #3a3b45;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 14px;
  transition: border 0.3s, box-shadow 0.3s;
}

.address-card:hover {
  border-color: #9c6bff;
  box-shadow: 0 0 8px rgba(156, 107, 255, 0.3);
}

/* Button inside card */
.full-width {
  width: 100%;
}

/* Depot label below button */
.depot-label {
  font-size: 0.9rem;
  color: var(--text-color);
  margin: 0.5rem 0;
  font-style: italic;
}

/* Quick tag at the bottom */
.quick-tag {
  font-size: 0.8rem;
  background-color: rgba(156, 107, 255, 0.1);
  color: var(--text-color);
  border: 1px solid #b388ff;
  padding: 7px 12px 6px 12px;
  border-radius: var(--border-radius);
  display: inline-block;
  font-weight: 500;
}

/* Badge bubble next to heading */
.badge {
  background-color: #7b4de7;
  color: white;
  font-size: 0.8rem;
  padding: 2px 8px;
  border-radius: 50px;
  display: inline-block;
  margin-left: 6px;
  font-weight: bold;
}

/* ===== Address Card Styles End ===== */
.ui-dialog-titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  padding-bottom: 0.5rem;
}

.ui-dialog-titlebar-close {
  background-color: #f44336;
  color: white;
  border: none;
  padding: 5px;
  border-radius: 3px;
  font-weight: bold;
  cursor: pointer;
  margin: 0;
  width: auto;
  height: auto;
}

.ui-dialog-titlebar-close:hover {
  background-color: #d32f2f;
}

.ui-dialog {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #2d2d2d;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border: 1px solid #555;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  z-index: 9999;
}

.ui-dialog {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-dialog input,
.ui-dialog textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.support-help {
  display: none;
}

.remove-button {
  min-width: 2.75rem !important;
  max-height: 2.635rem !important;
  font-size: 36px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 1px;
  color: red;
  font-weight: var(--font-weight-heavy);
}

.channel-details-container {
  display: flex;
  align-items: center; /* Align items vertically in the center */
  gap: 10px; /* Space between logo and text */
}

.channel-logo {
  flex-shrink: 0; /* Prevent the logo from resizing */
}

.channel-logo-img {
  width: 35px; /* Set the logo size */
  height: 35px; /* Maintain the height */
  border-radius: 5px; /* Optional: rounded corners */
}

.channel-info {
  display: flex;
  flex-direction: column; /* Stack the name and description vertically */
  justify-content: center;
}

.channel-title {
  font-size: 14px;
  font-weight: bold;
}

.channel-description {
  font-size: 12px;
  color: #666; /* Set a lighter color to distinguish subtitle from title */
}

.modal-hidden {
  display: none;
}

.modal-visible {
  display: flex;
}

/* General Toolbar Styling */
.grid-toolbar.compact-toolbar.desktop-view {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 100;
  justify-content: flex-start;
  gap: 1rem;
  background-color: var(--background-color);
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: -1rem;
  color: var(--text-color); /* Text color */
}

.RadGrid_Default .rgPager {
  background-color: var(--background-color) !important;
}

/* Left Section: Rows Dropdown and Visible Orders */
.left-section {
  display: flex;
  gap: 20px;
}

.row-continer {
  display: flex;
  flex-direction: row;
}

/* Rows Container Styling */
.rows-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #4a4a4a; /* Border color matching the page numbers */
  border-radius: var(--border-radius);
  justify-content: center;
  padding: 0rem 0.25rem;
  width: 100%;
  height: 36px;
  color: var(--text-color);
  background-color: var(--background-color-card);
  overflow: hidden;
}

.rows-dropdown-container {
  max-width: 100px;
  height: 2.5rem;
}

/* Rows Label Styling */
.rows-container span {
  font-size: 14px;
  margin-right: 5px; /* Space between label and dropdown */
  color: #ffffff; /* Match the text color of page numbers */
}

/* Rows Dropdown Styling */
.rows-dropdown {
  background-color: transparent; /* Background color matching the container */
  color: #ffffff; /* Text color */
  border: none; /* Remove default border */
  border-radius: 8px; /* Rounded corners */
  height: 36px; /* Match dropdown height to container */
  width: 85px;
  font-size: 14px; /* Font size to match page numbers */
  cursor: pointer;
}

/* Rows Dropdown Hover State */
.rows-dropdown:hover {
  background-color: #3a3a3a; /* Slightly lighter background on hover */
}

.rows-dropdown-wrapper .rows-arrow-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent; /* Transparent background for the arrow button */
  border: none;
  cursor: pointer;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
}

.visible-orders-container {
  border: 1px solid #4a4a4a;
  border-radius: var(--border-radius);
  padding: 0rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: var(--text-color);
  background-color: var(--background-color-card);
}

.visible-orders-label {
  font-size: 18px;
  font-weight: bold;
  color: #007bff;
  text-wrap: nowrap;
}

.viewing-text,
.orders-text {
  font-size: 14px;
  font-weight: normal;
  color: var(--text-color);
}

/* Pagination Controls Container */
.pagination-controls {
  display: flex;
  align-items: center;
  gap: 0; /* No gap to ensure buttons and dropdown are connected */
}

/* Pagination Buttons (Prev and Next) */
.pagination-button {
  background-color: var(--primary-company-color);
  color: white;
  border: none;
  border-radius: 0; /* Remove border radius for a flush look */
  width: 50px; /* Same size as dropdown */
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-right: 1px solid #333; /* Add border to the right of the previous button */
}

.pagination-button.prev-button {
  border-bottom-left-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.pagination-button.next-button {
  border-bottom-right-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.pagination-button:hover {
  background-color: var(--background__color--hover); /* Hover color */
}

/* Page Number Container (Dropdown and Total Pages Label) */
.page-number-container {
  display: flex;
  align-items: center;
  height: 36px;
  overflow: hidden;
  background-color: var(--background-color-card);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.page-number-dropdown {
  /*    padding: 5px 10px;*/
  font-size: 14px;
  border: none; /* Remove default border */
  background-color: var(--background-color-card) !important;
  color: var(--text-color);
  text-align: center;
  height: 36px; /* Match button height */
  width: 75px;
  cursor: pointer;
  border-right: 1px solid #333; /* Add a border to separate dropdown from the total-pages text */
}

.page-number-dropdown option {
  padding-left: 0;
}

.total-pages {
  display: block;
  width: max-content;
  font-size: 14px;
  color: var(--text-color);
  padding: 0 10px;
}

/* Next Button */
.next-button {
  border-left: 1px solid #333; /* Add border to the left of the next button */
}

/* Hover States */
.page-number-dropdown:hover,
.pagination-button:hover {
  background-color: #0056b3;
}

/* Right Section: Filter Button */
.filter-controls {
  display: flex;
  align-items: center;
}

.flexgrow {
  display: flex;
  flex-grow: 1;
}

.filter-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  background-color: var(--primary-company-color); /* Matches buttons theme */
  color: white;
  border: none;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.filter-button:hover {
  background-color: var(--background__color--hover);
}

.filter-button i {
  font-size: 16px;
}

/* Hide Filter Text on Smaller Screens */
@media (max-width: 768px) {
  .filter-text {
    display: none;
  }
  .grid-toolbar.compact-toolbar.desktop-view {
    flex-wrap: wrap;
  }
  .left-section,
  .pagination-controls,
  .filter-controls {
    flex: 1 1 100%;
    justify-content: center;
  }
  .pagination-controls {
    align-items: center;
    gap: 5px; /* Add spacing between rows in mobile view */
    border: none; /* Remove borders for cleaner mobile view */
  }
  .page-number-container {
    border: none; /* Remove borders for cleaner mobile view */
  }
}
/* Desktop Layout */
@media (min-width: 769px) {
  .grid-toolbar.compact-toolbar.desktop-view {
    flex-wrap: nowrap;
  }
}
.rgHeaderWrapper {
  position: sticky;
  top: 60px;
  z-index: 1000000000000000000000000;
  background-color: #f4f4f4; /* Ensure the header has a solid background */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for better visibility */
}

.RadGrid_Default .rgMasterTable {
  font-family: Convergence !important; /* Use a clean font */
  font-size: 12px; /* Adjust text size */
  border-collapse: collapse; /* Ensure borders don't double up */
  width: 100%; /* Make grid responsive */
  color: #333; /* Default text color */
}

.RadGrid .rgHeader, .RadGrid .rgRow > td {
  padding: 0.5rem 0.5rem !important;
}

.RadGrid .rgHeader {
  vertical-align: bottom;
}

/* General Styling for RadButton */
.RadButton {
  border: none; /* Remove default border */
  background: none; /* Remove background */
  width: auto; /* Allow icon size to define button size */
  height: auto; /* Same as width */
  display: inline-flex; /* Center-align icon inside the button */
  align-items: center; /* Align icon vertically */
  justify-content: center; /* Align icon horizontally */
  cursor: pointer; /* Pointer cursor for interactivity */
  box-shadow: none; /* Remove any shadow */
}

/* Icon Styling for Font Awesome */
.RadButton .fa {
  margin-right: 5px; /* Space between icon and text */
  font-size: 18px; /* Adjust icon size */
}

button.icon {
  width: 30px;
  height: 30px;
}

.text-danger {
  color: red;
}

.text-success {
  color: green;
}

.rgRow > td, .rgAltRow > td {
  height: 62px;
  vertical-align: middle;
}

.label-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 30px !important;
  border-radius: 4px;
  /*    margin: 1rem;
  margin-left: 8px;*/
}

.status-container {
  display: flex;
  padding-right: 1rem;
}

.label-container.status-green {
  background-color: #28a745; /* Green for "Confirmed" */
  color: white;
}

.label-container.status-yellow {
  background-color: #ffc107; /* Yellow for "Delayed" */
  color: black;
}

.label-container.status-red {
  background-color: #dc3545; /* Red for "Failed" */
  color: white;
}

.label-container.status-grey {
  background-color: #6c757d; /* Grey for other statuses */
  color: white;
}

.customer-logo {
  height: 46px;
  max-width: 92px;
  width: auto;
  object-fit: contain;
}

.modal-footer {
  /*    width: calc(100% - 64px);*/
  position: relative;
  /*    left: 64px;*/
  padding: 0rem 1rem 1rem 1rem;
  background-color: var(--background-color-card);
  color: #ffffff;
  /* padding: 40px 20px; */
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

footer {
  margin-top: auto;
}

.footer-container {
  position: relative;
  /*height: -webkit-fill-available;*/ /* For WebKit-based browsers */
  /*height: fill-available;*/ /* For Firefox */
  background-color: #1a1a2e;
  color: #ffffff;
  padding: 40px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.footer-about {
  flex: 1 1 100%;
  text-align: center;
  margin-bottom: 20px;
}

.footer-about img {
  max-width: 150px;
  margin-bottom: 20px;
}

.footer-about p {
  font-size: 14px;
  text-align: left;
  line-height: 1.6;
  color: #d3d3d3;
}

.footer-links {
  display: flex;
  flex: 1 1 100%;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-column {
  flex: 1 1 200px;
}

.footer-column h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #f4b400;
  text-transform: uppercase;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 5px;
}

.footer-column ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}

.footer-column ul li a:hover {
  color: #f4b400;
}

.footer-highlight {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  margin: 20px 0;
}

.highlight-item {
  flex: 1 1 45%;
  text-align: center;
  background-color: #222244;
  padding: 20px;
  border-radius: 8px;
  color: #ffffff;
}

.highlight-item h4 {
  font-size: 16px;
  color: #f4b400;
  margin-bottom: 10px;
}

.highlight-item p {
  font-size: 14px;
  color: #d3d3d3;
}

.highlight-item img {
  max-height: 50px;
  margin: 5px;
}

.btn-highlight {
  display: inline-block;
  background-color: #f4b400;
  color: #1a1a2e;
  padding: 10px 20px;
  margin-top: 10px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
}

.btn-highlight:hover {
  background-color: #e39f00;
}

/* Footer Payment Section */
.footer-payment {
  text-align: center;
  margin-bottom: 20px;
}

.footer-top {
  display: flex;
  flex-direction: column;
}

/* Payment Logos */
.payment-logos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 45px;
  gap: 30px;
}

.payment-logos img {
  max-height: 40px; /* Ensure consistent size for payment logos */
  display: inline-block;
  border: 1px solid white;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.payment-logos img:hover {
  transform: scale(1.1); /* Add a subtle hover effect */
  opacity: 0.9;
}

.footer-social {
  text-align: center;
  flex: 1 1 100%;
  margin: 20px 0;
}

.footer-social h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

.social-icons a {
  margin: 0 10px;
  font-size: 20px;
  color: #ffffff;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: #f4b400;
}

.footer-legal {
  flex: 1 1 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  color: #d3d3d3;
  border-top: 1px solid #ffffff;
  padding-top: 10px;
}

#divMessageBanner {
  transition: all 0.3s ease;
}

ul.navlist {
  position: fixed;
  transition: top 0.3s ease;
  z-index: 999; /* Keep above content */
}

.filter-bar {
  position: sticky;
  top: 0;
  z-index: 998; /* Keep below banner and navlist */
}

.table-headers th {
  position: sticky;
  z-index: 997; /* Ensure headers are visible */
}

.filter-field-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.filter-label {
  width: 150px;
  font-weight: bold;
}

.filter-input {
  flex: 1;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.photo-caption-text {
  padding: 1rem 0rem;
}

.modal-footer-btn-left {
  display: flex;
  justify-content: flex-start;
}

.modal-footer.button-row {
  display: flex;
  justify-content: flex-start; /* Align to the left */
  align-items: center; /* Vertically center buttons */
  gap: 1rem; /* Space between buttons */
}

.modal-footer.button-row .right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .modal-footer.button-row {
    flex-direction: column; /* Stack buttons vertically */
    align-items: stretch; /* Full-width buttons */
  }
  .button {
    margin-right: 0; /* Reset horizontal margin for stacked buttons */
  }
}
.modal-footer.button-row {
  display: flex;
  justify-content: space-between; /* Space between left and right sections */
  align-items: center; /* Vertically align buttons */
}

.left-buttons {
  display: flex;
  gap: 1rem; /* Add space between the two left buttons */
}

.right-button {
  display: flex;
}

/* Center cell content vertically and horizontally */
.ag-theme-alpine .ag-cell {
  display: flex;
  align-items: center; /* Vertically center content */
  text-align: center; /* Center text alignment */
  height: 100%; /* Ensure it fills the row */
  line-height: normal; /* Prevent text overflow */
}

/* Global text styling for the grid body */
.grid-body-text {
  font-size: 12px;
  text-align: center;
  vertical-align: middle; /* Center-align text vertically */
}

.ag-cell a {
  user-select: text;
}

.copy-icon {
  cursor: pointer;
  margin-left: 0.25rem;
  opacity: 0;
  transition: opacity 0.15s;
}

.ag-cell:hover .copy-icon {
  opacity: 1;
}

/* Optional: Ensure consistency across all header rows */
.ag-header {
  font-size: 12px !important; /* Set font size for the entire header */
}

/* Ensure header text doesn't get cut off for narrow columns */
.ag-header-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Reduce left and right padding for all cells */
.ag-cell {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

/* Optional: Center-align text for all cells */
.ag-cell {
  text-align: center;
  vertical-align: middle;
}

/* Ensure header cells match the body cell padding */
.ag-header-cell {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

/* Set the font size of the tracking link to 12px */
.customer-orders-tracking-link {
  font-size: 12px !important; /* Ensure it matches the grid's font size */
  color: #007bff; /* Default blue color for links */
  text-decoration: none; /* Remove underline */
  font-weight: bold; /* Optional: Bold for better visibility */
}

.swal2-container {
  z-index: 10001 !important;
}

.create-as-checkbox {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}

#chkCreateAsSMG {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
}

.create-as-label {
  display: flex;
  align-items: center;
  height: 1.5rem;
}

#AdminModal.locked::before {
  content: "🔒 Access Denied";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.refresh-timer {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: var(--link-text-color);
  margin-top: 8px;
}

.modal1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

.modal1.show {
  display: flex;
}

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

/* Basic styling for your CRM table container */
#crmHistoryGrid {
  margin: 1rem 0;
  overflow-x: auto; /* Allows horizontal scrolling if table is too wide */
}

/* The .crm-grid class is applied to the <table> in updateCRMGrid */
.crm-grid {
  width: 100%;
  border-collapse: collapse; /* Combine adjacent cell borders */
  margin-bottom: 1rem;
  min-width: 576px; /* optional, ensures some minimum width */
  font-size: 0.9rem; /* optional, adjust text size */
}

/* Table headers */
.crm-grid thead th {
  text-align: left; /* left-align column headers */
  padding: 0.75rem;
  border-bottom: 2px solid #ddd;
}

/* Table cells */
.crm-grid td {
  border-bottom: 1px solid #ddd;
  padding: 0.75rem;
  word-wrap: break-word; /* in case of long text in CRM Notes */
}

/* Optional: styling for the table heading row */
.crm-grid thead tr {
  border-bottom: 2px solid #ddd;
}

.flatpickr-input {
  display: none;
}

/* hide all rows by default */
#loadProductRows .product-row {
  display: none;
}

/* show the very first row, always */
#loadProductRows .product-row:first-child {
  display: grid;
  padding-top: 1rem;
}

/* when you set data-show="true", show that row too */
#loadProductRows .product-row[data-show=true] {
  display: grid;
  padding-top: 1rem;
}

/* hide all rows by default */
#loadProductRows .product-row {
  display: none;
}

/* show only those rows marked .visible */
#loadProductRows .product-row.visible {
  display: grid;
  padding-top: 1rem;
}

.shipment-details {
  background: var(--background-color-card);
  padding: 1.5rem;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
}

.address-container {
  background: var(--background-color-card);
  padding: 1.5rem;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  width: 100%;
}

.location-address {
  flex-direction: column;
  min-width: 100%;
}

@media (min-width: 500px) {
  .location-address {
    flex-direction: column;
    min-width: 366px;
  }
}
.address-detail-container .address-location-container:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 844px) {
  .shipment-details {
    width: 350px;
  }
}
/*@media(min-width: 700px) {
    .address-container {
        width: 350px;
    }
}*/
.address-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.address-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

.edit-btn-container {
  cursor: pointer;
}

.address-divider {
  height: 1px;
  background: var(--border-color);
  margin: 1rem 0;
}

.address-section, .contact-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.address-line {
  font-size: 0.95rem;
  line-height: 1.5;
  font-weight: 400;
}

.address-line.bold {
  font-weight: 600;
}

.address-contact {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

.icon {
  font-size: 0.9rem;
  opacity: 0.8;
}

.eta-delivery-grid {
  display: flex;
  flex-direction: column; /* mobile default */
  flex-wrap: wrap;
  gap: 3rem;
}

/* 646px and up → row */
@media (min-width: 645px) {
  .eta-delivery-grid {
    flex-direction: row;
  }
}
/* 993px and up → column */
@media (min-width: 842px) {
  .eta-delivery-grid {
    flex-direction: column;
  }
}
/* 1201px and up → row */
@media (min-width: 1100px) {
  .eta-delivery-grid {
    flex-direction: row;
  }
}
/* 1341px and up → column */
@media (min-width: 1340px) {
  .eta-delivery-grid {
    flex-direction: column;
  }
}
/* 1401px and up → row */
@media (min-width: 1452px) {
  .eta-delivery-grid {
    flex-direction: row;
  }
}
.eta-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.eta-column h4 {
  font-size: 1.1rem;
  font-weight: 600;
}

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

.eta-item span {
  font-weight: 500;
}

.eta-item label {
  font-weight: 600;
}

.button-wrapper {
  margin-top: 1rem;
}

.modal-header.tracking-header {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.dashboard-container {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  font-family: "Segoe UI", sans-serif;
}

.dashboard-title {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0.75rem;
  color: #4e2c87;
  font-weight: 600;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
}

.kpi-card {
  background-color: #f9f9fb;
  border-left: 4px solid #4e2c87;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.kpi-label {
  font-size: 0.875rem;
  color: #777;
  margin-bottom: 0.25rem;
  text-transform: capitalize;
}

.kpi-value {
  font-size: 1.75rem;
  color: #222;
  font-weight: 600;
}

/* Calendar styling for available days */
.flatpickr-day.is-available {
  background: #e8fff3;
  border-color: #10b981;
  font-weight: 600;
}

.flatpickr-day.selected.is-available,
.flatpickr-day.is-available:hover,
.flatpickr-day.is-available:focus {
  background: #bbf7d0;
  border-color: #059669;
}

.buttons {
  display: flex;
  column-gap: 1rem;
}

.products-page {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

@media (min-width: 960px) {
  .products-page {
    padding: 1.5rem;
  }
}
.page-title {
  font-size: 1.375em;
  font-weight: 500;
}

.page-header__left {
  width: 100%;
  align-content: center;
}

.form__group .form__input.error,
.form__group .form__dropdown.error {
  border: 1px solid #d9534f;
}

.input-readonly {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.input-readonly .form__label {
  border-bottom-right-radius: 8px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/JourneaseCode/Personal_InspiredShippingSoftware/SMGExpress/Styles/app_v1.10.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAAS;AAET;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;AACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIA;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;AACA;AAAA;EAEA;EACA;AACA;;;AAGJ;EACI;AACI;IACA;AACA;AAAA;AAEA;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;AAKA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;IACA;AACA;;;AAIR;EACI;AACA;;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAKZ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;AACJ;;AAEI;EAPJ;IAQQ;AACR;;EAEQ;IACI;;EAGJ;IACI;;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;EAII;IACI;;EAGJ;IACI;;;AAIR;AACA;AAAA;AAAA;AAII;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAUJ;AAAA;AAAA;AAIA;EACI;IACI;;EAGJ;IACI;;AAIR;AAAA;AAAA;;AAAA;AAAA;AAAA;;AASA;EACI;;;AAGJ;EACI;EACA;AACJ;EACI;EACA;AACA;EACA;EACA;EACA;AACA;;;AAGJ;EACI;IACI;IACA;IACA;;;AAIR;EACI;AACJ;;;AAGA;EACI;IACI;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;AACA;EACA;;AAEA;AACI;EACA;EACA;EACA;EACA;AACR;AACQ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;AACA;EACA;AACA;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;;;AAGJ;EACI;IACI;;AAGJ;AAAA;AAAA;;AAKJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAKJ;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;;;AAGJ;AACA;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;AACA;EACA;EACA;;AAEA;EANJ;IAOQ;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAQpB;EACI;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AACA;EACI;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AACA;EACI;IACI;IACA;IACA;IACA;IACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;AACJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;IACI;IACA;;;;AAIZ;AACA;EACI;EACA;EACA;AACJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAEJ;AAEA;EACI;IACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGA;AAEA;EACI;EACA;;;AAEJ;AACA;AACA;EACI;EACA;EACA;EACA;;;AAEJ;AACA;EACI;EACA;EACA;EACA;EACA;AAAA;AAAA;;;AAIJ;AACA;EACI;EACA;EACA;;;AAGJ;EACI;AAAA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;AACA;;;AAGJ;EACI;EACA;;;AAEJ;AACA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAEJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBA;AACA;EACI;EACA;EACA;EACA;;;AAEJ;AACA;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAEJ;AACA;EACI;IACI;;EAGJ;AAAA;IAEI;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;AAAA;IAEI;;;AAGJ;EACI;IACI;;;AAKZ;AAAA;AAAA;EAGI;;;AAIJ;AAAA;AAAA;EAGI;;;AAEJ;AACA;EACI;IACI;;;AAIR;EACI;;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;IACI;IACA;IACA;;;;AAKZ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;AACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;AACR;EACY;;AAGJ;EACI;;;AAIR;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAGR;AAAA,cACc;AACd;AACA;;AAAA;AAAA,8BAG0B;AAC1B;AACA;;AAAA;AAAA,8BAG0B;AAC1B;;AAAA;AAAA,iCAG6B;AAC7B;AACA;AAGA;EACI;;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;;;AAGJ;EACI;;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAWA;AAKA;;AAdA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIA;EACI;;AAGJ;EACI;;;AAKZ;AAAA;AAAA;AAAA;AAKA;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;IACI;IACA;;;AAGR;AAAA;AAAA;AAAA;AAKA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;AAEA;EACI;IACI;IACA;IACA;;;AAIR;EACI;IACI;IACA;;;AAGR;AACA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;AACA;EACI;;;AAEJ;AACA;AACI;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;AAEJ;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;;;AAKR;AACA;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACI;IACI;;;AAIR;EACI;IACI;;;AAKZ;AAEA;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAMA;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;AAEI;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAEJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAOI;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAIJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;;;AAGJ;EACI;;;AAIJ;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAEJ;AACA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;AAAA;EAEI;;;AAIJ;AACA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;IACI;;EAGJ;IACI;;EAGJ;AAAA;AAAA;IAGI;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;;;AAIR;AACA;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAIJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;AACA;AAAA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AACI;EACA;AACA;EACA;EACA;EACA;AACA;EACA;EACA;;;AAKJ;EACI;;;AAGJ;EACI;AACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;IACI;IACA;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AA2BJ;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;EACA;;;AAIJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAIJ;AAAA;EAEI;EACA;EACA;;;AAKJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;AACA;EACI;;;AAOJ;EACI;;;AAOJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIJ;EACI;;;AAKJ;EACI;IACI;;;AAIR;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAMJ;EACI;EACA;EACA;EACA;;;AAGJ;AACA;EACI;IACI;;;AAIR;AACA;EACI;IACI;;;AAIR;AACA;EACI;IACI;;;AAIR;AACA;EACI;IACI;;;AAIR;AACA;EACI;IACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAMJ;EACI;EACA;;;AASR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAQJ;AACA;EACI;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAMR;EACI;EACA;;;AAGJ;EACI;EACA;;;AAMA;AAAA;EACI;;;AAIR;EACI;EACA;;;AAGJ;EACI%22%7D */