html,
body {
  background-color: #f1f1f1;
  box-sizing: border-box;
  margin: 0px !important;
  padding: 0px !important;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

:root {
  --load-up-green: hsla(88, 53%, 53%, 1);
  --load-up-blue-darker: #3f75a1;
  --load-up-blue: #5299d3;
  --load-up-grey: #919191;
  --shadow-black: #111111;
  --drop-shadow: drop-shadow(3px 3px 8px var(--shadow-black, #111111));
  --icon-grey: #343a40;
  --load-up-dark0: #000000;
  --load-up-dark1: #3f4242;
  --load-up-dark2: #3b3f3f;
  --load-up-dark3: #595959;
  --load-up-dark4: #88888f;
  --load-up-dark5: #919191;
  --load-up-dark-green: #34590a;
  --load-up-dark-green1: #21300b;
  --load-up-green0: #7bae42;
  --load-up-green1: #8cc44f;
  --load-up-green2: #8ac646;
  --load-up-green3: #9cd156;
  --load-up-green4: #bde794;
  --load-up-light0: #e8e8e8;
  --load-up-light1: #eaeaea;
  --load-up-light2: #f2f2f2;
  --load-up-light3: #ffffff;
  --load-up-red0: #dc2e48;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span {
  margin-bottom: 0;
}

.box-shadow {
  box-shadow: 0px -1px 5px -1px #a6a6a6;
}

.right {
  text-align: right;
}

.earnable-points {
  color: var(--load-up-green);
  font-size: 1.1em;
}

@media (min-width: 768px) {
  .pricing {
    position: fixed;
    top: 6em;
    max-width: 360px;
    width: 100%;
    z-index: 2;
    background: #f1f1f1;
  }

  .pricingBody {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 45vh;
  }
}
@media (max-width: 767px) {
  .DayPicker {
    width: 300px !important;
  }

  .bootstrap .btn-group-vertical {
    width: 100%;
  }

  body .bootstrap .btn-group-vertical .btn {
    font-size: 1em !important;
  }

  .ReactTable .rt-tbody .rt-td {
    font-size: 12px !important;
    padding: 5px !important;
  }

  .mobileMargin {
    margin-bottom: 1em;
  }

  .mobileCenter {
    text-align: center !important;
  }

  body .bootstrap .mobileCenter .mx-1 {
    margin-bottom: 0 !important;
  }
}
[data-css=b9916f9f-429c-45b8-a336-0dae7d20e962] .hover-source:hover .hover-target {
  display: block;
}
[data-css=b9916f9f-429c-45b8-a336-0dae7d20e962] .hover-target {
  display: none;
}

[data-css=ddc31aca-db98-45cf-b0dd-cda2fd9cd2f5] .active {
  background-color: initial !important;
  border-bottom-width: 2px;
  border-color: green;
}

html {
  font-family: "Nunito Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.create-order-form .field:not(:last-child) {
  margin-bottom: initial;
}

.navbar.is-fixed-top {
  height: 50px;
}

.navbar-inverted.navbar-brand {
  background-color: #1a202c;
  color: white;
  height: 100%;
}

.navbar-inverted.navbar-menu {
  background-color: #1a202c;
  color: white;
}

.navbar-inverted.navbar-menu .navbar-item {
  color: white;
}

.navbar-inverted.navbar-menu a.navbar-item:hover,
.navbar-inverted.navbar-menu a.navbar-item:active,
.navbar-inverted.navbar-menu a.navbar-item:focus {
  background-color: #1a202c;
  color: #a0aec0;
  cursor: pointer;
}

.navbar-inverted .navbar-burger.burger {
  color: white;
}

.navbar-inverted [data-css=ddc31aca-db98-45cf-b0dd-cda2fd9cd2f5] .active {
  border-color: #8bc647;
}

.navbar-inverted.navbar-menu .navbar-dropdown .navbar-item:hover,
.navbar-inverted.navbar-menu .navbar-dropdown .navbar-item:active,
.navbar-inverted.navbar-menu .navbar-dropdown .navbar-item:focus {
  background-color: white;
  color: #1a202c;
  cursor: pointer;
}

.border-neutral {
  border-color: #babed4;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .partner-order-form-pricing {
    position: fixed;
    top: 6.45rem;
    right: 0;
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .partner-order-form-pricing {
    margin: 0 1.5rem 1.3rem;
  }
}
.bg-neutral-100 {
  background-color: #f1f1f1;
}

.bg-neutral-200 {
  background-color: #d9d9d9;
}

.bg-neutral-300 {
  background-color: #c1c1c1;
}

.bg-neutral-400 {
  background-color: #a9a9a9;
}

.bg-neutral-500 {
  background-color: #919191;
}

.bg-neutral-600 {
  background-color: #797979;
}

.bg-neutral-700 {
  background-color: #606060;
}

.bg-neutral-800 {
  background-color: #484848;
}

.bg-neutral-900 {
  background-color: #303030;
}

.rewards-display {
  align-items: center;
  color: #8bc647;
  border-color: #8bc647;
  border-width: 2px;
  display: flex;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  margin: auto 0;
}

.rewards-display:hover:after {
  background-color: #111;
  border-radius: 0.2em;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  content: attr(data-tooltip);
  display: flex;
  font-size: 0.8em;
  margin: auto;
  opacity: 0.85;
  padding: 0.4em;
  position: absolute;
  right: 1em;
  text-align: center;
  top: 2em;
  width: 10em;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}

.rewards-display > svg {
  margin-bottom: 0.1rem;
}

.status-display:hover:after {
  background-color: #111;
  border-radius: 0.2em;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  content: attr(data-tooltip);
  display: flex;
  font-size: 1em;
  margin: auto;
  opacity: 0.95;
  padding: 1em;
  position: fixed;
  right: 2em;
  text-align: center;
  width: fit-content;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}

.navbar-burger-inverted span {
  min-height: 2px;
  background-color: white;
}

.navbar-inverted .navbar-dropdown {
  background-color: #1a202b;
}

.loadup-notification {
  position: absolute;
  top: 50px;
  z-index: 50;
  right: 0;
  max-width: 36rem;
  margin-right: 0.5rem;
}

.loadup-notification.no-offset {
  position: absolute;
  margin-top: 0.5rem;
  top: 0;
}

.loadup-notification:hover {
  position: absolute;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .loadup-notification {
    max-width: 100%;
    width: 100%;
    margin: 0;
    right: unset;
    top: 0;
  }
}
.error-box {
  box-shadow: 0 0 2px 0px #f56565;
}

.box-tab-start {
  border-top-left-radius: 9999px;
}

.box-tab {
  flex: 1 1 0%;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 2px;
}

.box-tab-end {
  border-top-right-radius: 9999px;
}

/* React Datepicker overrides */
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  background-color: #6ca031 !important;
}

/* fix from https://github.com/Hacker0x01/react-datepicker/issues/3028 */
.react-datepicker__navigation {
  overflow: inherit;
}

.react-datepicker__navigation-icon {
  width: 100%;
}

.react-datepicker__navigation-icon--previous::before {
  left: 10px;
}

.react-datepicker__navigation-icon--next::before {
  right: 10px;
  left: auto;
}

.img-brand {
  width: 9em;
}

.driver-notes {
  white-space: pre;
}

.CalendarDay__selected {
  background: #8bc748;
  border: 1px double #8bc748;
}
.CalendarDay__selected:hover {
  background: #77b036;
  border: 1px double #77b036;
}

.DayPicker_transitionContainer {
  min-height: 332px;
}

.border-clear {
  border-color: rgba(0, 0, 0, 0);
}

.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.button {
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}

.button-primary {
  color: white;
  background-color: #8bc647;
}
.button-primary:hover {
  color: white;
  background-color: #53772b;
}
.button-primary:disabled {
  background-color: #d1e8b5;
  color: white;
}

.button-disabled {
  background-color: #d1e8b5;
  color: white;
}

.button-link {
  border-color: #a0aec0;
  border-width: 1px;
  color: #4a5568;
}
.button-link:hover {
  border-color: white;
  background-color: #a0aec0;
  color: white;
}
.button-link:disabled {
  background-color: #cbd5e0;
  color: white;
  cursor: initial;
}

.item-svg {
  background: rbga(253, 253, 253, 0.9);
  border-color: #8bc647;
  border-radius: 2px;
  border-width: 1px;
  box-shadow: 0px 2px 6px 0px rbga(0, 0, 0, 0.1);
  color: #8bc748;
  height: 72px;
  padding: 0.6rem 1rem;
  width: 80px;
}

.text-area {
  border-color: #cbd5e0;
  border-radius: 2px;
  border-width: 1px;
  height: 12rem;
  min-height: 100%;
  margin: 0.5rem 0;
  padding: 0.6rem 0.8rem;
  resize: none;
}

.form-input {
  border-color: #e2e8f0;
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-input:hover {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-color: #63b3ed;
}

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

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

.input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-width: 2px;
  border-color: #e2e8f0;
  padding: 1rem 2rem;
  margin: 0.5rem 0;
}
.input-group input[type=number] {
  border-radius: 0.4rem;
  height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.8rem;
  text-align: center;
}

.input-group-error {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-width: 2px;
  border-color: #f56565;
  padding: 1rem 2rem;
  margin: 0.5rem 0;
}
.input-group-error input[type=number] {
  border-radius: 0.4rem;
  height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.8rem;
  text-align: center;
}

.number-input {
  display: flex;
  flex-direction: row;
  margin-right: -20px;
}

.number-input-buttons {
  display: flex;
  flex-direction: column;
  color: #a0aec0;
  font-size: 0.7rem;
  position: relative;
  height: 1rem;
  right: 1.05rem;
  text-align: center;
  width: 1rem;
}
.number-input-buttons span:first-of-type {
  border-color: #e2e8f0;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-top-right-radius: 4px;
  padding-top: 0.1rem;
  height: 100%;
}
.number-input-buttons span:first-of-type:hover {
  background-color: #d9d9d9;
}
.number-input-buttons span:nth-of-type(2) {
  border-color: #e2e8f0;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
  height: 100%;
}
.number-input-buttons span:nth-of-type(2):hover {
  background-color: #d9d9d9;
}

.toggle {
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: center;
  height: 4rem;
}
.toggle-on {
  padding: 0.12rem;
  width: 3.5rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: end;
  cursor: pointer;
  background-color: #8bc647;
}
.toggle-off {
  padding: 0.12rem;
  width: 3.5rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  background-color: #e2e8f0;
}
.toggle-inner {
  border-radius: 9999px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  width: 1.5rem;
  height: 1.5rem;
}

.indoor-outdoor div {
  max-width: 22rem;
  min-height: 11rem;
}

/* override bulma */
.load-size-label{
  margin-bottom: .25rem !important;
}

.time-selector {
  border-color: #8bc647;
  border-radius: 0.5rem;
  border-width: 2px;
  margin: 1rem auto;
}
.time-selector .time {
  text-align: center;
  width: 100%;
  padding: 0.5rem 0;
  border-color: #8bc647;
  color: #8bc647;
  align-self: center;
  border-bottom-width: 2px;
}
.time-selector .time-selected {
  text-align: center;
  width: 100%;
  padding: 0.5rem 0;
  background-color: #8bc647;
  border-color: #8bc647;
  color: white;
  align-self: center;
  border-bottom-width: 2px;
}
.time-selector .time:last-of-type {
  border-width: 0;
}
.time-selector .time:hover {
  background-color: #8bc647;
  color: white;
}

.text-10xl {
  font-size: 10rem;
}

/* fix from https://github.com/Hacker0x01/react-datepicker/issues/3028 */
.react-datepicker__navigation {
  overflow: inherit;
}

.react-datepicker__navigation-icon {
  width: 100%;
}

.react-datepicker__navigation-icon--previous::before {
  left: 10px;
}

.react-datepicker__navigation-icon--next::before {
  right: 10px;
  left: auto;
}

/**
 * StorageUnitForm
 */
[data-css=storage-unit-form-dc2a2a0c] .navigation-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  /* To compensate for pricing section */
  margin-right: 32%;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-buttons {
  display: grid;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  justify-content: center;
  grid-auto-flow: column;
  /* To compensate for pricing section */
  margin-right: 32%;
  margin-bottom: 2rem;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-button {
  background-color: #7db240;
  color: white;
  padding: 0.5rem;
  border-width: 2px;
  border-color: #7db240;
  border-radius: 0.25rem;
  width: 8rem;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-button:disabled {
  cursor: default;
  background-color: #9ca3af;
  border-color: #9ca3af;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-button:first-of-type {
  margin-right: 0.25rem;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-button:last-of-type {
  margin-left: 0.25rem;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-button:hover {
  background-color: #3f5920;
  border-color: #3f5920;
  color: white;
  padding: 0.5rem;
  border-width: 2px;
}

[data-css=storage-unit-form-dc2a2a0c] .next-previous-button:disabled:hover {
  cursor: default;
  background-color: #9ca3af;
  border-color: #9ca3af;
}

@media screen and (max-width: 768px) {
  [data-css=storage-unit-form-dc2a2a0c] .navigation-container {
    background-color: #f1f1f1;
    border-color: var(--load-up-green);
    border-width: 2px 0;
    bottom: 0;
    position: fixed;
    z-index: 100;
    padding-bottom: 0.5rem;
    width: 100%;
  }

  [data-css=storage-unit-form-dc2a2a0c] .page-container {
    z-index: 1;
  }

  [data-css=storage-unit-form-dc2a2a0c] .next-previous-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    margin: 0rem 0rem 5rem;
    padding: 0 1.5rem;
    width: 100%;
  }

  [data-css=storage-unit-form-dc2a2a0c] .next-previous-button {
    flex: 1;
  }
}
/**
 * PageTemplate
 */
[data-css=page-container-9c78c34d].page-content-container {
  position: relative;
  left: 0;
  width: 67%;
}

@media screen and (max-width: 768px) {
  [data-css=page-container-9c78c34d].page-content-container {
    width: 100%;
  }
}
/**
 * StorageUnitPricingDisplay
 */
[data-css=storage-unit-pricing-display-bbae810f].storage-unit-pricing-display {
  position: fixed;
  right: 0.5rem;
  width: 32%;
}

@media screen and (max-width: 768px) {
  [data-css=storage-unit-pricing-display-bbae810f].storage-unit-pricing-display {
    display: grid;
    position: initial;
    width: 100%;
  }
}
/**
 * StorageUnit SpecialItemsSection
 */
[data-css=special-items-section-0cc631e1] .special-items-img {
  vertical-align: middle;
  border-style: none;
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
}

[data-css=special-items-section-0cc631e1] .special-item-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-width: 2px;
  padding: 0.5rem;
  border-color: #7db240;
  color: #2a3b15;
  border-radius: 0.25rem;
}

[data-css=special-items-section-0cc631e1] .special-item-toggle {
  padding: 0.8rem;
  height: 100%;
  width: 100%;
}

[data-css=special-items-section-0cc631e1] .special-item-button:hover {
  background-color: #9ca3af;
}

[data-css=special-items-section-0cc631e1] .special-item-button[data-selected=true] {
  background-color: #d1e8b5;
}

[data-css=special-items-section-0cc631e1] .special-item-button[data-selected=true]:hover {
  color: white;
  background-color: #7db240;
}

[data-css=special-items-section-0cc631e1] .special-item-button[data-selected=true]:hover input {
  color: #111827;
}

[data-css=special-items-section-0cc631e1] .count-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

[data-css=special-items-section-0cc631e1] .count-button {
  cursor: pointer;
  padding: 0.3rem;
}

[data-css=special-items-section-0cc631e1] .count-button:hover {
  color: white;
}

/**
 * CapcityButtons
 */
[data-css=capacity-buttons-d22a9168] .percent-button {
  text-align: center;
  padding: 0.5rem 1rem;
  flex: 1;
  font-weight: bold;
  border-width: 2px 0px 2px 2px;
}

[data-css=capacity-buttons-d22a9168] .percent-button:last-of-type {
  border-width: 2px;
}

[data-css=capacity-buttons-d22a9168] .percent-button[data-active=false] {
  background-color: white;
  border-color: #7db240;
  color: #7db240;
}

[data-css=capacity-buttons-d22a9168] .percent-button[data-active=false]:hover {
  background-color: #d1d5db;
}

[data-css=capacity-buttons-d22a9168] .percent-button[data-active=true] {
  color: white;
  background-color: #7db240;
  border-color: #7db240;
}

[data-css=capacity-buttons-d22a9168] .percent-button[data-active=true]:hover {
  background-color: #2a3b15;
  border-color: #2a3b15;
}

@media screen and (max-width: 768px) {
  [data-css=capacity-buttons-d22a9168] .percent-button {
    font-size: 0.85rem;
  }
}
/**
 * Storage Unit PlacementButtons
 */
[data-css=placement-buttons-e9f74503] .storage-unit-placement-button {
  border-width: 2px 2px 0px 2px;
  flex: 1;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-align: center;
  width: 100%;
}

[data-css=placement-buttons-e9f74503] .storage-unit-placement-button:last-of-type {
  border-width: 2px;
}

[data-css=placement-buttons-e9f74503] .storage-unit-placement-button[data-active=false] {
  background-color: white;
  border-color: #7db240;
  color: #7db240;
}

[data-css=placement-buttons-e9f74503] .storage-unit-placement-button[data-active=false]:hover {
  background-color: #e2e8f0;
}

[data-css=placement-buttons-e9f74503] .storage-unit-placement-button[data-active=true] {
  color: white;
  background-color: #7db240;
  border: #7db240;
}

[data-css=placement-buttons-e9f74503] .storage-unit-placement-button[data-active=true]:hover {
  background-color: #3f5920;
  border-color: #3f5920;
}

@media screen and (max-width: 768px) {
  [data-css=placement-buttons-e9f74503] .storage-unit-placement-button {
    font-size: 0.85rem;
  }
}
/**
 * TextModal
 */
[data-css=text-modal-f3d68b0c] .text-modal-close-icon svg {
  stroke-width: 1px;
}

[data-css=text-modal-f3d68b0c] .text-modal-close-icon:hover svg {
  stroke-width: 2px;
}

/**
 * DetailNotice
 */
[data-css=detail-notice-477049ec].detail-notice-toolip:hover {
  cursor: help;
}

[data-css=detail-notice-477049ec].detail-notice-tooltip:hover::after {
  border-radius: 0.2em;
  -webkit-text-fill-color: white !important;
  background-color: #222222;
  box-shadow: 0 3px 6px rgba(20, 20, 20, 0.8);
  color: white !important;
  content: attr(data-tooltip);
  display: flex;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  margin: auto;
  opacity: 0.85;
  padding: 0.4em;
  position: absolute;
  text-align: center;
  text-transform: none;
  width: 30rem;
  z-index: 2;
}

/**
 * SelectableItemOption
 */
[data-css=selectable-item-option-98a329d9].selectable-item-box {
  width: 100%;
  background: rgba(253, 253, 253, 0.9);
  border: 1px solid #8ac646;
  border-radius: 2px;
  margin: 5px auto;
  min-height: 100px;
  max-height: 100px;
  padding: 5px;
  opacity: 0.65;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-sizing: unset !important;
  cursor: pointer;
}

@media (max-width: 767px) {
  [data-css=selectable-item-option-98a329d9].selectable-item-box {
    box-sizing: border-box !important;
  }
}
[data-css=selectable-item-option-98a329d9].selectable-item-box:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

[data-css=selectable-item-option-98a329d9].selectable-item-box:hover {
  opacity: 1;
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px 0px #cccccc;
  -moz-box-shadow: 0px 3px 10px 0px #cccccc;
  box-shadow: 0px 3px 10px 0px #cccccc;
}

[data-css=selectable-item-option-98a329d9].selectable-item-selected {
  opacity: 0.4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: initial;
}

[data-css=selectable-item-option-98a329d9].selectable-item-selected:hover {
  cursor: initial;
  opacity: 0.4;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

[data-css=selectable-item-option-98a329d9] .selected-selectable-item-text {
  color: #3c3c3c;
  margin-top: 0.3rem;
}

[data-css=selectable-item-option-98a329d9] .selectable-item-box-content {
  position: absolute;
  z-index: 2;
  max-width: 100%;
  max-height: 100px;
  text-align: center;
  padding: 3px;
  left: 0;
  right: 0;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}

[data-css=selectable-item-option-98a329d9] .selectable-item-img {
  margin: auto;
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
  object-position: center center;
  width: 100vw;
  height: 100vh;
  margin-bottom: 5px;
}

[data-css=selectable-item-option-98a329d9] .selectable-item-label {
  text-transform: uppercase;
  font-size: 0.6rem;
  font-weight: 900;
  line-height: 0.65rem;
  letter-spacing: 1px;
}

/**
 * ItemSelector Shared Forms
 */
[data-css=item-selector-04ead27c] .item-selector-custom-row {
  border-top: 1px solid #f5f5f5;
  padding: 0.5em;
}

[data-css=item-selector-04ead27c].item-selector-container h6 {
  height: 1.5rem;
  margin-top: 0.2rem !important;
  visibility: hidden;
}

[data-css=item-selector-04ead27c] .item-selector-img {
  vertical-align: middle;
  border-style: none;
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn {
  width: 99%;
  border: none;
  border-left: 1px solid #fefefe;
  border-right: 1px solid #fefefe;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  font-size: 0.8rem !important;
  height: 100vh;
  border-radius: 0 !important;
  max-height: 80px;
  padding: 5px;
  opacity: 1;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 99;
  font-weight: 600;
  text-transform: uppercase !important;
  cursor: pointer;
  background: #8ac646;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn .btn-content {
  position: absolute;
  max-width: 100%;
  max-height: 100px;
  text-align: center;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}
[data-css=item-selector-04ead27c] .item-selector-custom-btn .btn-content p {
  margin-top: 10px !important;
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn:hover {
  background: #fff;
  color: #8ac646;
  -webkit-text-fill-color: #8ac646;
  z-index: 100;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn-disabled {
  width: 99%;
  height: 100vh;
  border: none;
  border-left: 1px solid #fefefe;
  border-right: 1px solid #fefefe;
  box-shadow: none;
  font-size: 0.8rem !important;
  border-radius: 3px !important;
  max-height: 80px;
  padding: 5px;
  opacity: 1;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 99;
  font-weight: 600;
  text-transform: uppercase !important;
  cursor: pointer;
  background: #efefef;
  color: #6c757d;
  -webkit-text-fill-color: #6c757d;
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn-disabled:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn-disabled .btn-disabled-content {
  position: absolute;
  max-width: 100%;
  max-height: 100px;
  text-align: center;
  left: 0;
  right: 0;
  top: 49%;
  -webkit-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}

[data-css=item-selector-04ead27c] .item-selector-custom-btn-disabled .btn-disabled-content p {
  font-size: 0.6rem;
  line-height: 0.9rem;
}

[data-css=service-counter-5a4b647d].item-selector-service-counter {
  padding: 0 10px;
}

[data-css=service-counter-5a4b647d].item-selector-service-counter label {
  width: 100%;
  text-align: center;
}

[data-css=service-counter-5a4b647d].item-selector-service-counter label span {
  font-size: 0.6rem;
  text-transform: uppercase;
  color: #595959;
  font-weight: 900;
  letter-spacing: 0.1em;
}

[data-css=item-selector-04ead27c] .item-selector-remove-btn {
  font-weight: 700;
  border: 1px solid #dc2e48;
  border-radius: 25px;
  text-transform: uppercase;
  font-size: 0.6em !important;
  padding: 3px 10px;
  margin: 15px auto 0;
  max-width: 70px;
}

@media (max-width: 767px) {
  [data-css=item-selector-04ead27c] .item-selector-custom-btn {
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }

  [data-css=item-selector-04ead27c] .item-selector-custom-btn-disabled {
    border: none;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
}
[data-css=item-selector-04ead27c] .item-selector-error h6 {
  color: #f56565;
  height: 1.5rem !important;
  font-size: 1rem !important;
  margin-left: 0.6rem;
  visibility: visible !important;
}

/**
 * ItemSelector Sustainability
 */
[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-row {
  border-top: 1px solid #f5f5f5;
  padding: 0.5em;
}

[data-css=sustainability-item-selector-366149b4].sustainability-item-selector-container h6 {
  height: 1.5rem;
  margin-top: 0.2rem !important;
  visibility: hidden;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-img {
  vertical-align: middle;
  border-style: none;
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn {
  width: 99%;
  border: none;
  border-left: 1px solid #fefefe;
  border-right: 1px solid #fefefe;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  font-size: 0.8rem !important;
  height: 100vh;
  border-radius: 0 !important;
  max-height: 80px;
  padding: 5px;
  opacity: 1;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 99;
  font-weight: 600;
  text-transform: uppercase !important;
  cursor: pointer;
  background: #8ac646;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn .btn-content {
  position: absolute;
  max-width: 100%;
  max-height: 100px;
  text-align: center;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn .btn-content p {
  margin-top: 10px !important;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn:hover {
  background: #fff;
  color: #8ac646;
  -webkit-text-fill-color: #8ac646;
  z-index: 100;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn-disabled {
  width: 99%;
  height: 100vh;
  border: none;
  border-left: 1px solid #fefefe;
  border-right: 1px solid #fefefe;
  box-shadow: none;
  font-size: 0.8rem !important;
  border-radius: 3px !important;
  max-height: 80px;
  padding: 5px;
  opacity: 1;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 99;
  font-weight: 600;
  text-transform: uppercase !important;
  cursor: pointer;
  background: #efefef;
  color: #6c757d;
  -webkit-text-fill-color: #6c757d;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn-disabled:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn-disabled .btn-disabled-content {
  position: absolute;
  max-width: 100%;
  max-height: 100px;
  text-align: center;
  left: 0;
  right: 0;
  top: 49%;
  -webkit-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn-disabled .btn-disabled-content p {
  font-size: 0.6rem;
  line-height: 0.9rem;
}

[data-css=service-counter-554fb7f9].sustainability-item-selector-service-counter {
  padding: 0 10px;
}

[data-css=service-counter-554fb7f9].sustainability-item-selector-service-counter label {
  width: 100%;
  text-align: center;
}

[data-css=service-counter-554fb7f9].sustainability-item-selector-service-counter label span {
  font-size: 0.6rem;
  text-transform: uppercase;
  color: #595959;
  font-weight: 900;
  letter-spacing: 0.1em;
}

[data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-remove-btn {
  font-weight: 700;
  border: 1px solid #dc2e48;
  border-radius: 25px;
  text-transform: uppercase;
  font-size: 0.6em !important;
  padding: 3px 10px;
  margin: 15px auto 0;
  max-width: 70px;
}

@media (max-width: 767px) {
  [data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn {
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }

  [data-css=sustainability-item-selector-366149b4] .sustainability-item-selector-custom-btn-disabled {
    border: none;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
}
[data-css=sustainability-item-selector-366149b4].sustainability-item-selector-error {
  border: 1px solid #feb2b2 !important;
  box-shadow: 0 0 2px 0px #f56565;
}

[data-css=sustainability-item-selector-366149b4].sustainability-item-selector-error h6 {
  color: #f56565;
  height: 1.5rem !important;
  font-size: 1rem !important;
  margin-left: 0.6rem;
  visibility: visible !important;
}

/**
 * GeneralSearch
 */
[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input {
  padding-left: 2rem;
  transition: width 100ms ease-in;
  width: 3rem;
}

[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input:focus,
[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input:focus-within,
[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input:active {
  width: 12rem;
}

[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input::placeholder {
  opacity: 0;
}

[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input:focus::placeholder,
[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input:focus-within::placeholder,
[data-css=dispatch-map-e87fe678] .dispatch-collapsible-input:active::placeholder {
  opacity: 100%;
}

/**
 * OrderForm SpecialInstructions
 */
[data-css=special-instructions-532770e3].special-instructions-label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0;
  width: 100%;
}

[data-css=special-instructions-532770e3].special-instructions-label .sublabel {
  font-weight: bold;
  color: #7bae42;
}

/**
 * Disposal Orders Special Instructions
 */
[data-css=special-instructions-d51b216c].special-instructions-label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0;
  width: 100%;
}

[data-css=special-instructions-d51b216c].special-instructions-label .sublabel {
  font-weight: bold;
  color: #7bae42;
}



/* Tailwind Switch https://codepen.io/lhermann/pen/EBGZRZ*/
[data-css='switch-ae9b7fbc-dd89-47c6-8c0f-87b8e0f02799'] .dot {
  top: 3px;
  left: 3px;
  height: 11px;
  width: 11px;
}

[data-css='switch-ae9b7fbc-dd89-47c6-8c0f-87b8e0f02799'] .switch-line {
  height: 1.1rem;
  width: 2.3rem;
}

[data-css='switch-ae9b7fbc-dd89-47c6-8c0f-87b8e0f02799'] input:checked ~ .dot {
  transform: translateX(180%);
}

[data-css='switch-ae9b7fbc-dd89-47c6-8c0f-87b8e0f02799']
input:checked
~ .switch-line {
  background-color: var(--load-up-green, #8bc748);
}



/** Tootltips
 *
 */
 [data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  padding-bottom: 32px;
}

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: ' ';
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}


[data-css='radio-toggle-button-22351'] {

> fieldset {
   margin: 0;
	 box-sizing: border-box;
	 display: block;
	 border: none;
	 border: solid 1px #ccc;
	 min-width: 0;
	 background-color: #fff;
}
/* TOGGLE STYLING */
 > .toggle {
	 box-sizing: border-box;
	 font-size: 0;
	 display: flex;
	 flex-flow: row nowrap;
	 justify-content: flex-start;
	 align-items: stretch;
   height: 2rem;
}
 > .toggle input {
   width: 0;
	 height: 0;
	 position: absolute;
	 left: -9999px;
}
 > .toggle input + label {
   margin: 0;
	 padding: 0.5rem;
	 box-sizing: border-box;
	 position: relative;
	 display: inline-flex;
   flex: 1 1 0%;
	 border: solid 1px #ddd;
	 background-color: #fff;
	 font-size: 1rem;
	 font-weight: 600;
	 text-align: center;
	 box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	 transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
   justify-content: center;
   align-items: center;
}
 > .toggle input + label:first-of-type {
   border-radius: 6px 0 0 6px;
	 border-right: none;
}
 > .toggle input + label:last-of-type {
   border-radius: 0 6px 6px 0;
	 border-left: none;
}
 > .toggle input:hover + label {
   border-color: #213140;
}
 > .toggle input:checked + label {
   background-color: #4b9dea;
	 color: #fff;
	 box-shadow: 0 0 10px rgba(102, 179, 251, .5);
	 border-color: #4b9dea;
	 z-index: 1;
}
  > .toggle input:focus + label {
   outline: dotted 1px #ccc;
	 outline-offset: 0.45rem;
  }
}