@charset "UTF-8";
.rateit {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.rateit .rateit-range {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  background: url(star.gif);
  height: 16px;
  outline: 0;
}

.rateit .rateit-range * {
  display: block;
}

* html .rateit,
* html .rateit .rateit-range {
  display: inline;
}

.rateit .rateit-hover,
.rateit .rateit-selected {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
}

.rateit .rateit-hover-rtl,
.rateit .rateit-selected-rtl {
  left: auto;
  right: 0;
}

.rateit .rateit-hover {
  background: url(star.gif) left -32px;
  color: #efc529;
}

.rateit .rateit-hover-rtl {
  background-position: right -32px;
}

.rateit .rateit-selected {
  background: url(star.gif) left -16px;
  color: #bf4242;
}

.rateit .rateit-selected-rtl {
  background-position: right -16px;
}

.rateit .rateit-preset {
  background: url(star.gif) left -48px;
  color: #ef6b22;
}

.rateit .rateit-preset-rtl {
  background: url(star.gif) right -48px;
}

.rateit button.rateit-reset {
  background: url(delete.gif) 0 0;
  width: 16px;
  height: 16px;
  display: -moz-inline-box;
  display: inline-block;
  float: left;
  outline: 0;
  border: none;
  padding: 0;
}

.rateit .rateit-reset span {
  display: none;
}

.rateit button.rateit-reset:focus,
.rateit button.rateit-reset:hover {
  background-position: 0 -16px;
}

.rateit-font {
  font-size: 24px;
  line-height: 1em;
}

.rateit-font .rateit-range {
  background: 0 0;
  height: auto;
}

.rateit-font .rateit-empty {
  color: #ccc;
}

.rateit-font .rateit-range > div,
.rateit-font .rateit-range > span {
  background: 0 0;
  overflow: hidden;
  cursor: default;
}

.rateit.rateit-font .rateit-reset {
  font-size: inherit;
  background: 0 0;
  width: 0.6em;
  height: 0.6em;
  margin-top: 0.2em;
  background: gray;
  border-radius: 50%;
  position: relative;
}

.rateit.rateit-font .rateit-reset span {
  display: block;
  font-weight: 700;
  color: #fff;
  height: calc(50% - 0.045em);
  top: 0;
  position: absolute;
  border-bottom: 0.09em solid #fff;
  width: 72%;
  margin-left: 14%;
}

.rateit.rateit-font .rateit-reset:hover,
.rateit.rateit-font button.rateit-reset:focus {
  background: #e6574b;
  background: radial-gradient(ellipse at center, #e6574b 55%, #f6836b 77%, #f9d3cc 100%);
  background-position: 0 0;
}

.offcanvas.signin .signin-lawinlogo {
  background-image: url("../img/logo-transparent-horizontal.png");
  width: 100%;
  height: 28px;
  background-position: center;
  background-size: contain;
  margin: 0;
  background-repeat: no-repeat;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.offcanvas.signin .offcanvas-body {
  padding-top: 0px;
  padding-left: 32px;
  padding-right: 32px;
}
.offcanvas.signin .signin-header {
  font-size: 20px;
}
.offcanvas.signin .signin-subheader {
  color: #ccc;
  margin-bottom: 6px;
}
.offcanvas.signin .signup-for-free {
  color: #ddd;
  letter-spacing: 1.15px;
  font-family: monospace;
  color: #fff !important;
}
.offcanvas.signin .signin-footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 24px;
}

.navbar {
  z-index: 3;
}
.navbar.is_stuck {
  box-shadow: 0px 3px 5px rgba(4, 4, 5, 0.25);
}

.navbar-express .navbar-brand {
  background-image: url("../img/d_black_transparent_white_bird.png") !important;
  width: 42px;
  background-position: center;
  background-size: 20px;
  height: 39px;
  margin-right: -8px;
}

.navbar-merchant {
  background-color: #273142;
  height: 60px;
  padding: 0 !important;
}
.navbar-merchant .navbar-brand {
  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-image: url(../img/logo_commerce_white.png);
  background-position: 6px 15px;
  background-size: 86px;
  cursor: pointer;
}
.navbar-merchant .navbar-toggler {
  border: 0;
  background: transparent;
  display: flex;
  height: 60px;
  align-items: center;
}
.navbar-merchant .navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(159, 159, 159, 0.31);
}
.navbar-merchant .navbar-toggler svg {
  width: 32px;
  height: 32px;
  color: #95a1b5;
}
.navbar-merchant .notifications-icon-svg {
  color: #444;
}

.navbar-white {
  background-color: #fff;
  height: 60px;
  padding: 0 !important;
}
.navbar-white .navbar-brand {
  width: 140px;
  height: 60px;
  background-position: 6px 13px;
  background-size: 130px;
  background-repeat: no-repeat;
  background-image: url(../img/logo-transparent-new.png?sss21);
  margin-left: -8px;
  background-position: 9px 13px;
  background-size: 129px;
  cursor: pointer;
}
.navbar-white .navbar-brand.logo-only {
  background-image: url("../img/d-small-transparent.png?1s");
  width: 42px;
  background-position: center;
  background-size: 20px;
  height: 39px;
  margin-right: -8px;
}
.navbar-white .navbar-toggler {
  border: 0;
  background: transparent;
  display: flex;
  height: 51px;
  align-items: center;
  margin-right: -10px;
}
.navbar-white .navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(159, 159, 159, 0.31);
}
.navbar-white .navbar-toggler svg {
  width: 32px;
  height: 32px;
  color: #242424;
}
.navbar-white .notifications-icon-svg {
  color: #444;
}

.navbar-exim {
  background: #fff;
}
.navbar-exim .navbar-brand {
  background-image: url("../img/exim-logo-2.png") !important;
  background-size: 162px;
  width: 172px;
}

.navbar-stars {
  background: #faeeea;
}
.navbar-stars .navbar-brand {
  background-image: url("../img/avium-s-logo-new.png") !important;
  background-size: 162px;
  width: 172px;
}
.navbar-stars .signin-button {
  border: 1px solid #444;
  color: #444;
}

.navbar-green {
  background-color: #0c2b30;
  height: 60px;
  padding: 0 !important;
}
.navbar-green.consumer-type {
  height: auto;
  align-items: start !important;
}
.navbar-green.consumer-type .round-overflow {
  height: 39px;
  width: 100%;
  background: #fff;
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
  margin-top: 9px;
}
.navbar-green .navbar-brand {
  width: 140px;
  height: 60px;
  background-position: 4px 17px;
  background-size: 130px;
  background-repeat: no-repeat;
  background-image: url(../img/avium_d.png?222);
  margin-left: -8px;
  cursor: pointer;
}
.navbar-green .navbar-brand.logo-only {
  background-image: url("../img/d-small-transparent.png?1s");
  width: 42px;
  background-position: center;
  background-size: 28px;
  height: 39px;
  margin-left: 2px;
  margin-right: 0px;
}
.navbar-green .navbar-toggler {
  border: 0;
  background: transparent;
  display: flex;
  height: 51px;
  align-items: center;
  margin-right: -10px;
}
.navbar-green .navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(159, 159, 159, 0.31);
}
.navbar-green .navbar-toggler svg {
  width: 32px;
  height: 32px;
  color: #fff;
}

.merchant-sidebar .offcanvas-body .left-menu-collasible li .btn-toggle {
  width: 100%;
  text-align: left;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
  border: 0;
}
.merchant-sidebar .offcanvas-body .left-menu-collasible li .btn-toggle:not(.notoggle)::after {
  line-height: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
  margin-left: auto;
  content: "";
  height: 16px;
  width: 16px;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: -6px;
}

@media (max-width: 991px) {
  .merchant-navbar .navbar .navbar-brand {
    background-size: 91px !important;
    min-width: 91px;
  }
}
.merchant-navbar {
  background: linear-gradient(0deg, #fbfbfb, #fdfdfc);
  z-index: 2;
  border-bottom: none !important;
  padding: 0;
}
.merchant-navbar .link-color {
  color: #222;
}
.merchant-navbar .navbar {
  padding: 0;
}
.merchant-navbar .navbar-brand {
  background-image: url(../img/merchant/logo-navbar.png);
  height: 60px;
  background-position: center;
  background-size: 115px;
  margin: 0;
  background-repeat: no-repeat;
  min-width: 125px;
  width: 17%;
  background-position: left center;
}
@media (max-width: 767px) {
  .merchant-navbar .navbar-brand {
    min-width: unset;
    width: 91px;
  }
}
.merchant-navbar .hamburger {
  background: transparent;
  border: none;
  padding: 0;
  height: 54px;
  width: 37px;
  margin-left: -12px;
  padding-left: 12px;
  color: #e5e6ee;
}
.merchant-navbar .hamburger .icon {
  position: relative;
  width: 20px;
  height: 16px;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
}
.merchant-navbar .hamburger .icon .a {
  top: 0px;
}
.merchant-navbar .hamburger .icon .b {
  top: 7px;
}
.merchant-navbar .hamburger .icon .c {
  top: 14px;
}
.merchant-navbar .hamburger .icon .a,
.merchant-navbar .hamburger .icon .b,
.merchant-navbar .hamburger .icon .c {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: rgb(51, 51, 51);
  opacity: 1;
  left: 0px;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out 0s;
}
.merchant-navbar .hamburger.white .icon .a,
.merchant-navbar .hamburger.white .icon .b,
.merchant-navbar .hamburger.white .icon .c {
  background: #fff;
}
.merchant-navbar .navbar-bar {
  min-height: 54px;
  height: auto;
}
.merchant-navbar .basket-icon {
  position: relative;
  height: 57px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.merchant-navbar .basket-icon .checkout-count {
  position: absolute;
  background-color: #8d1e77 !important;
  border-radius: 50% !important;
  color: #fff !important;
  right: 0px;
  top: 12px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  padding-block-start: 1px;
  align-items: center !important;
  justify-content: center;
  text-align: center;
  display: flex;
}
.merchant-navbar #searchDropdown {
  margin-top: -1px !important;
  border: 1px solid #f2f4fa;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.merchant-navbar .search-form {
  margin-top: 2px;
  margin-bottom: 10px;
}
.merchant-navbar .search-form button,
.merchant-navbar .search-form input {
  height: 44px;
  transition: all 0.1s;
}
.merchant-navbar .search-form.open .input-group :first-child {
  border-bottom-left-radius: 0px !important;
}
.merchant-navbar .search-form.open .input-group :last-child {
  border-bottom-right-radius: 0px !important;
}
.merchant-navbar .search-form.open .input-group.barcode-button {
  border: 1px solid #e0e0e0;
  border-left: 0;
  background-color: #fff;
}
.merchant-navbar .search-form.open .input-group button,
.merchant-navbar .search-form.open .input-group input {
  height: 54px;
}
.merchant-navbar .search-form .barcode-button {
  border: 1px solid #e0e0e0;
  border-left: 0;
  background-color: #fff;
}
.merchant-navbar .search-form .search-input {
  border-right: none;
  padding-left: 20px;
  padding-right: 12px;
  font-size: 13px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  color: #000;
  font-weight: 400;
  transition: all 0.1s;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.merchant-navbar .search-form .search-input:focus {
  outline: none;
  box-shadow: none;
}
.merchant-navbar .search-form .search-button {
  padding: 0 12px;
  font-size: 14px;
  font-weight: 400;
  background: #f2f2f4;
  color: #000;
  border: 1px solid #e0e0e0;
  transition: all 0.1s;
  background: #fff;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-right: 0;
}
.merchant-navbar .search-form .search-button:focus {
  outline: none;
  box-shadow: none;
}
.merchant-navbar .search-form .search-button svg {
  width: 20px;
  margin-top: 0px;
  margin-left: -2px;
  color: #666;
}
.merchant-navbar .splide__arrow.splide__arrow--next {
  right: -3px;
  background: linear-gradient(270deg, #fdfdfc, 90%, rgba(255, 255, 255, 0.3803921569));
}
.merchant-navbar .splide__arrow.splide__arrow--prev {
  left: -3px;
  background: linear-gradient(90deg, #fdfdfc, 90%, rgba(255, 255, 255, 0.3803921569));
}
.merchant-navbar.dark {
  background: linear-gradient(0deg, #222, #232323);
}
.merchant-navbar.dark .splide__arrow.splide__arrow--next {
  background: linear-gradient(270deg, #222222, 90%, rgba(35, 35, 35, 0.3803921569));
  right: -3px;
}
.merchant-navbar.dark .splide__arrow.splide__arrow--next svg {
  fill: #cdcdcd;
}
.merchant-navbar.dark .splide__arrow.splide__arrow--prev {
  background: linear-gradient(90deg, #222222, 90%, rgba(35, 35, 35, 0.3803921569));
  left: -3px;
}
.merchant-navbar.dark .splide__arrow.splide__arrow--prev svg {
  fill: #cdcdcd;
}
.merchant-navbar.dark .link-color {
  color: #f2f4fa;
}
.merchant-navbar.dark .navbar-brand {
  background-image: url("../img/merchant/avium_b.png");
}
.merchant-navbar.dark .checkout-count {
  background-color: #f6bf00 !important;
  color: #000 !important;
}
.merchant-navbar .navbar-bottom-segments .active {
  color: #f27a1a;
  background: rgba(242, 122, 26, 0.0588235294);
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 48px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.merchant-navbar .merchant-nav-big-menu {
  width: 100%;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-top: 14px !important;
  overflow: hidden;
  transition: max-height 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.merchant-navbar .merchant-nav-big-menu .dropdown-item.active {
  color: #f27a1a !important;
  background: inherit !important;
}
.merchant-navbar .merchant-nav-big-menu a:hover {
  color: #f27a1a !important;
}

@media (min-width: 1500px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1380px;
  }
}
.form-switch:has(.form-check-on) {
  position: relative;
  padding: 0;
  margin: 0;
}
.form-switch:has(.form-check-on) input[type=checkbox] {
  min-width: 52px;
  min-height: 22px;
}
.form-switch:has(.form-check-on) input[type=checkbox] ~ .form-check-on,
.form-switch:has(.form-check-on) input[type=checkbox] ~ .form-check-off {
  font-weight: 500;
  font-size: 10px;
  width: 100%;
  margin: 0;
  height: 100%;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  padding-bottom: 1px;
  display: none;
  position: absolute;
  pointer-events: none;
}
.form-switch:has(.form-check-on) input[type=checkbox]:checked ~ .form-check-on {
  color: #fff;
  padding-left: 4px;
  padding-right: 20px;
  display: flex;
}
.form-switch:has(.form-check-on) input[type=checkbox]:not(:checked) ~ .form-check-off {
  color: #999;
  padding-left: 20px;
  padding-right: 4px;
  display: flex;
}

input[type=file].special-file-input::file-selector-button {
  background-color: #eee;
  color: #000;
  border: 0px;
  border-right: 1px solid #e5e5e5;
  padding: 11px 15px;
  margin-right: 15px;
  transition: 0.5s;
}
input[type=file].special-file-input::file-selector-button:hover {
  border: 0px;
  border-right: 1px solid #e5e5e5;
}

.rounded-0-important {
  border-radius: 0 !important;
}

.document-upload-wrapper.uploading {
  position: relative;
}
.document-upload-wrapper.uploading::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.document-upload-wrapper.uploading::before {
  content: "";
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid #2196f3;
  border-right-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.document-upload-wrapper input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.document-upload-wrapper label {
  background: #f2f2f4;
  border-radius: 9px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 2px 18px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  margin-left: 4px;
  min-height: 52px;
}
.document-upload-wrapper label svg {
  width: 30px;
  height: 30px;
  color: #2196f3;
}
.document-upload-wrapper label svg.success {
  display: none;
}
.document-upload-wrapper label svg.cloud {
  display: block;
}
.document-upload-wrapper label.active {
  background: #2196f3;
  color: #fff;
  border-radius: 100%;
  height: 42px;
  width: 42px;
  min-height: 42px;
  padding: 11px !important;
}
.document-upload-wrapper label.active .text {
  display: none;
}
.document-upload-wrapper label.active svg {
  color: #fff;
}
.document-upload-wrapper label.active svg.success {
  display: block;
}
.document-upload-wrapper label.active svg.cloud {
  display: none;
}

.btn-outline-success:active svg, .btn-outline-success:focus svg, .btn-outline-success:hover svg,
.btn-success:active svg,
.btn-success:focus svg,
.btn-success:hover svg {
  fill: #fff !important;
}

.accordion-button.yellow {
  background-color: #f2f2f4;
}
.accordion-button.yellow:not(.collapsed) {
  background-color: #fc0;
  color: #000;
}
.accordion-button.yellow:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.accordion-button.no-caret::after {
  display: none;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3).form-floating input,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).form-floating input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3).form-floating input:focus,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).form-floating input:focus {
  z-index: 3;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3).form-floating input:focus + label,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).form-floating input:focus + label {
  z-index: 4;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).form-floating {
  margin-left: -1px;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).form-floating input {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).form-floating input:focus {
  z-index: 3;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).form-floating input:focus + label {
  z-index: 4;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).input-group-text {
  margin-left: -2px;
}

.form-floating.custom input {
  padding: 12px !important;
}
.form-floating.custom input::-moz-placeholder {
  display: none !important;
  opacity: 0;
}
.form-floating.custom input::placeholder {
  display: none !important;
  opacity: 0;
}
.form-floating.custom label {
  position: absolute;
  top: -3px !important;
  padding: 1rem 0.75rem !important;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: all 0.2s;
  color: #aaa !important;
  height: auto !important;
  left: 2px !important;
  font-weight: normal;
  z-index: 2;
}
.form-floating.custom .form-control:not(:-moz-placeholder-shown) ~ label {
  top: 0px !important;
  background: #ffffff !important;
  padding: 0px 6px !important;
  display: inline-flex !important;
  opacity: 1 !important;
  font-weight: 500;
  color: #666 !important;
}
.form-floating.custom .form-control-plaintext ~ label,
.form-floating.custom .form-control:focus ~ label,
.form-floating.custom .form-control:not(:placeholder-shown) ~ label,
.form-floating.custom .form-select ~ label {
  top: 0px !important;
  background: #ffffff !important;
  padding: 0px 6px !important;
  display: inline-flex !important;
  opacity: 1 !important;
  font-weight: 500;
  color: #666 !important;
}

.picker .picker-picked {
  font-weight: 500;
}
.picker .picker-body {
  font-size: 13px;
}
.picker .picker-title {
  font-size: 14px;
}
.picker .picker-footer button {
  font-size: 13px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .toast-container {
    width: 100%;
  }
  .toast-container .toast {
    width: 100%;
  }
}
.toast-body {
  line-height: 30px;
}

.fs-11 {
  font-size: 11px !important;
}

table.dataTable {
  border-collapse: separate;
  border-spacing: 0px 8px;
}

table.dataTable.stripe > tbody > tr.even > *,
table.dataTable.display > tbody > tr.even > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.02);
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  opacity: 0.25;
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 0.85;
}

.table > :not(caption) > * > * {
  border-bottom-width: 0;
}

table.dataTable.no-footer {
  border-bottom: none;
}

.text-muted {
  color: #6c757d !important;
}

.btn-secondary {
  background-color: #eff1f6;
  color: #000;
  border: none !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #b9bbc0;
}

@media (max-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 100%;
    margin: 0 auto;
    height: 100%;
  }
}

.bg-darker-light {
  background-color: #eff1f6;
}

.btn-close-new {
  background-color: #fff;
  border-radius: 100%;
  opacity: 1;
  background-size: 10px;
  height: 18px;
  width: 18px;
  margin-top: -4px;
  margin-bottom: -4px;
  background-position: center;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px;
  background: #eff1f6;
  line-height: 32px;
  border-bottom: 0;
}

.rounded-start-2x {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-end-2x {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.nav-pills .nav-link {
  border: 1px solid #0d6efd;
  border-radius: 0.375rem;
  position: relative;
}
.nav-pills .nav-link .badge {
  position: absolute;
  top: -12px;
  right: 2px;
}

.nav-pills .nav-item {
  margin-left: 4px;
  margin-right: 4px;
}

.green-accordion .accordion-item {
  border: 1px solid #198754;
  border-bottom: none;
}
.green-accordion .accordion-item:last-of-type {
  border-bottom: 1px solid #198754;
}
.green-accordion .accordion-item:last-of-type .accordion-body {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.green-accordion .accordion-item .accordion-button {
  background: transparent;
  font-weight: 500;
  color: #198754;
}
.green-accordion .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23198754'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.green-accordion .accordion-item .accordion-body {
  background-color: #f2f2f4;
}
.green-accordion .accordion-item .accordion-body * {
  background-color: transparent;
}

.border-radius-0-items .select2-selection.select2-selection--single {
  border-radius: 0 !important;
}
.border-radius-0-items .datepicker {
  border-radius: 0 !important;
}
.border-radius-0-items .ms-options-wrap button {
  border-radius: 0 !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 1;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #7b7b7b !important;
  background: #eeeeee;
}

.fs-13i {
  font-size: 13px !important;
}

.highlight-selectr {
  background-color: rgba(0, 140, 255, 0.1450980392);
}

.top-switch-icon .active .icon {
  background: #f9d30d;
  color: #000;
}
.top-switch-icon .icon {
  border-radius: 100%;
  background: #f2f2f4;
  width: 24px;
  height: 24px;
  color: #000;
  padding: 3px;
}

.yellow-borders .location-select .select2-container .select2-selection--single,
.yellow-borders .location-select .select2-container .select2-selection--multiple,
.yellow-borders .select2-container--default .select2-search--dropdown .select2-search__field:active {
  border: 1px solid #f09c48;
}
.yellow-borders .select2-container--default .select2-search--dropdown .select2-search__field:active,
.yellow-borders .select2-container--default .select2-search--dropdown .select2-search__field {
  margin-top: -2px;
  outline: none;
  border: 1px solid #f09c48;
}
.yellow-borders .location-select svg {
  stroke: #0a7fb5 !important;
}

.spin12s {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 34000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 34000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 34000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 34000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.highlight-input {
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
  background: antiquewhite;
  border-radius: 12px;
  padding-top: 12px;
  padding-bottom: 12px !important;
  z-index: 1;
}

.action-bar-mini a {
  color: #000;
  text-decoration: none;
}
.action-bar-mini .action {
  font-size: 12px;
}
.action-bar-mini .action .icon {
  width: 36px;
  height: 36px;
  color: #ffffff;
  margin-bottom: 6px;
  border-radius: 100%;
  background: #8d1e77;
  padding: 8px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.modal-backdrop.bg-half-black {
  background-color: rgba(0, 0, 0, 0.75) !important;
}

.prime_rules_confirmable {
  padding: 15px;
}
.prime_rules_confirmable .modal-content {
  border-radius: 12px !important;
}

.work_days_and_hours_selector {
  padding-left: 1px;
  padding-right: 1px;
}
.work_days_and_hours_selector .list-group-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}
.work_days_and_hours_selector .list-group-item .form-select {
  height: calc(3.5rem + 2px) !important;
  padding-top: 32px !important;
}
.work_days_and_hours_selector .list-group-item .form-check {
  padding-left: 20px !important;
}
.work_days_and_hours_selector .list-group-item .form-check input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.accordion-button:not(.collapsed) {
  color: black;
  font-weight: 500;
}

.invalid-feedback {
  font-size: 12px;
  display: block;
  text-align: start;
}
.invalid-feedback:first-letter {
  text-transform: capitalize;
}

.collapse-button-caret::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 6px;
  transform: rotate(180deg);
  transition: all 0.4s;
  margin-left: auto !important;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");
}
.collapse-button-caret.collapsed::after {
  transform: rotate(0deg);
}
.collapse-button-caret.caret-white::after {
  filter: invert(1);
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 0;
}

.carousel:hover .carousel-control-next,
.carousel:hover .carousel-control-prev,
.carousel:focus .carousel-control-next,
.carousel:focus .carousel-control-prev,
.carousel:active .carousel-control-next,
.carousel:active .carousel-control-prev {
  opacity: 1;
}

.tooltip-inner {
  padding: 12px;
}

.logged-user {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.15);
  padding: 8px;
}
.logged-user:hover, .logged-user:focus, .logged-user:active {
  background: rgba(0, 0, 0, 0.45);
}

.form-check.oval-check {
  position: relative;
  padding: 0;
}
.form-check.oval-check label {
  border-radius: 151px;
  display: flex;
  border: 1px solid #ddd;
  padding: 10px 18px;
  justify-content: center;
  align-items: center;
  color: #777;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  padding-left: 32px;
}
.form-check.oval-check input[type=checkbox],
.form-check.oval-check input[type=radio] {
  position: absolute;
  left: 15px;
  top: 8px;
  opacity: 0;
}
.form-check.oval-check input[type=checkbox]:checked ~ label,
.form-check.oval-check input[type=radio]:checked ~ label {
  background: #0d6efd;
  color: #fff;
}
.form-check.oval-check input[type=checkbox]:checked ~ :after,
.form-check.oval-check input[type=radio]:checked ~ :after {
  transition: 0.05s all;
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  left: 17px;
  top: 12px;
}
.form-check.oval-check input[type=checkbox]:not(:checked) ~ :after,
.form-check.oval-check input[type=radio]:not(:checked) ~ :after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 15px;
  top: 14px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.form-check.oval-check.blue-sea label {
  color: #000;
}
.form-check.oval-check.blue-sea input[type=checkbox]:checked ~ label {
  background: rgba(0, 140, 255, 0.15) !important;
  color: #000;
}
.form-check.oval-check.blue-sea input[type=checkbox]:checked ~ :after {
  border: solid #0d6efd;
  border-width: 0 2px 2px 0;
}

.input-group-with-icon {
  box-shadow: 0 15px 30px rgba(58, 111, 191, 0);
}
.input-group-with-icon .input-group-text {
  border-right: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  height: 54px;
  justify-content: center;
  border-color: #ededed;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-with-icon .input-group-text svg {
  width: 22px;
  height: 22px;
  color: #008eff;
}
.input-group-with-icon .form-control {
  border-left: none;
  padding-left: 44px;
  align-items: center;
  height: 54px;
  border-color: #ededed;
}
.input-group-with-icon .form-control::-moz-placeholder {
  color: #ccc;
}
.input-group-with-icon .form-control::placeholder {
  color: #ccc;
}
.input-group-with-icon .form-control.text-muted {
  color: #ccc !important;
}

.input-group-with-iconless {
  box-shadow: none !important;
}
.input-group-with-iconless .input-group-text {
  border-right: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  border-color: #ced4da !important;
}
.input-group-with-iconless .input-group-text svg {
  width: 22px;
  height: 22px;
  color: #008eff;
}
.input-group-with-iconless .form-control {
  padding-left: 44px;
  align-items: center;
  height: 54px;
  border-color: #ced4da !important;
}
.input-group-with-iconless .form-control::-moz-placeholder {
  color: #999;
}
.input-group-with-iconless .form-control::placeholder {
  color: #999;
}

.dropdown-item {
  color: #000;
  font-weight: 500;
}

button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn-secondary {
  background-color: #eff1f6;
  color: #000;
  border: none !important;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #dcdee0;
  color: #000;
}

.rotate-180 {
  transform: rotate(180deg);
}

.btn-yellow,
.btn-green {
  background-color: #fc0;
  color: #000;
  border: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn-yellow:hover, .btn-yellow:active,
.btn-green:hover,
.btn-green:active {
  background-color: #f9d30d;
  color: #000;
  border: none;
}
.btn-yellow:disabled,
.btn-green:disabled {
  background-color: #f9d30d;
  opacity: 0.6;
}

.btn-green {
  background-color: #48b451;
  color: #fff;
}
.btn-green:hover, .btn-green:active {
  background-color: #2b7931;
  color: #fff;
}

.btn-outline-secondary-custom {
  border-color: #ced4da !important;
  color: #000 !important;
  line-height: 26px;
  text-align: left;
}
.btn-outline-secondary-custom::-moz-placeholder {
  font-size: 12px;
  color: #ccc;
}
.btn-outline-secondary-custom::placeholder {
  font-size: 12px;
  color: #ccc;
}
.btn-outline-secondary-custom:active, .btn-outline-secondary-custom:focus {
  background: #eee;
}
.btn-outline-secondary-custom.form-control:focus, .btn-outline-secondary-custom.form-control:active {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.add-new-dimensions-wrapper .form-label {
  font-size: 12px !important;
  font-weight: 500 !important;
}

select.btn-outline-secondary-custom {
  color: #ccc !important;
  text-align: left;
  font-size: 12px;
  background-image: linear-gradient(45deg, transparent 50%, #b3b2b2 60%), linear-gradient(135deg, #b3b2b2 40%, transparent 50%) !important;
  background-position: calc(100% - 14px) 13px, calc(100% - 8px) 13px, 100% 0 !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: #ccc !important;
  font-size: 12px !important;
}
select.btn-outline-secondary-custom option {
  color: #555;
}

.collapse-button-caret.bg-success::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 6px;
  transform: rotate(180deg);
  transition: all 0.4s;
  color: #fff;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");
}
.collapse-button-caret::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 6px;
  transform: rotate(180deg);
  transition: all 0.4s;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");
}
.collapse-button-caret.collapsed::after {
  transform: rotate(0deg);
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #fff;
  opacity: 1;
  color: #ddd !important;
}

.dropdown-toggle::after {
  margin-top: 2px;
  margin-left: 6px;
  margin-left: auto;
  color: #999;
}

.btn-with-icon svg {
  width: 24px;
  height: 24px;
}

.focus-inset {
  display: flex;
  align-items: center;
}
.focus-inset .input-group-text {
  height: calc(100% - 0.6rem) !important;
  justify-content: center;
  border-color: transparent !important;
  align-items: center;
  margin-left: 8px !important;
  width: 24px !important;
}
.focus-inset .form-control {
  padding: left 36px, i !important;
}
.focus-inset .form-control:focus {
  box-shadow: 0 0 0 0.25rem inset rgba(13, 110, 253, 0.25) !important;
}

.border-right-radius-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-left-radius-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.no-ring.form-control:focus {
  box-shadow: 0 0 0 0.25rem inset rgba(255, 255, 255, 0) !important;
}

.placeholder-12fs::-moz-placeholder {
  font-size: 12px;
}

.placeholder-12fs::placeholder {
  font-size: 12px;
}

.input-group-with-icon {
  box-shadow: 0 15px 30px rgba(58, 111, 191, 0);
}
.input-group-with-icon .input-group-text {
  border-right: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  height: 52px;
  justify-content: center;
  border-color: transparent;
  top: 1px;
  left: 1px;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-with-icon .input-group-text svg {
  width: 22px;
  height: 22px;
  color: #008eff;
}
.input-group-with-icon .form-control {
  border-left: none;
  padding-left: 44px;
  align-items: center;
  height: 54px;
  border-color: #ededed;
}
.input-group-with-icon .form-control::-moz-placeholder {
  color: #ccc;
}
.input-group-with-icon .form-control::placeholder {
  color: #ccc;
}
.input-group-with-icon .form-control.text-muted {
  color: #ccc !important;
}

.input-group-with-iconless {
  box-shadow: none !important;
}
.input-group-with-iconless .input-group-text {
  border-right: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  border-color: #ced4da !important;
}
.input-group-with-iconless .input-group-text svg {
  width: 22px;
  height: 22px;
  color: #008eff;
}
.input-group-with-iconless .form-control {
  padding-left: 44px;
  align-items: center;
  height: 54px;
  border-color: #ced4da !important;
}
.input-group-with-iconless .form-control::-moz-placeholder {
  color: #999;
}
.input-group-with-iconless .form-control::placeholder {
  color: #999;
}

.dropdown-item {
  color: #000;
  font-weight: 500;
}

.suggested-services .form-check {
  border: 1px solid #ddd;
  border-radius: 120px;
  padding: 8px 36px;
  display: flex;
  align-items: center;
}
.suggested-services .form-check .form-check-input {
  margin-top: 0;
  margin-right: 6px;
}

.dropdown-menu-left-right-1px {
  width: calc(100% + 2px) !important;
  margin-left: -1px !important;
}

.dropdown-caret-near::after {
  margin-left: 6px !important;
}

.dropdown-no-caret::after {
  display: none;
}

.special-button {
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  height: 58px;
}
.special-button .status-text {
  padding: 11px 14px;
  font-size: 11px;
}
.special-button .count {
  position: absolute;
  left: -8px;
  top: -4px;
  background: #19725c;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid;
}
.special-button.green {
  background: #e1f5ec;
}
.special-button.red {
  background: #fbe9eb;
}
.special-button.with-grey-bg {
  background-color: #ededed;
}
.special-button.sea {
  color: #0f0f10;
  background-color: rgb(217, 238, 255);
}
.special-button.land {
  color: #0f0f10;
  background-color: rgb(217, 245, 243);
}
.special-button.air {
  color: #0f0f10;
  background-color: rgba(245, 44, 91, 0.15);
}
.special-button.rail {
  color: #0f0f10;
  background-color: rgba(149, 134, 89, 0.15);
}

.card.statistics {
  border: none !important;
  background-color: #ededed;
}
.card.statistics.revert {
  background-color: #1d926f;
}
.card.statistics.revert .header {
  color: #fff !important;
}
.card.statistics.revert .sub-header {
  color: #ddd;
}
.card.statistics.revert .icon {
  background-color: #f9b233;
}
.card.statistics.revert .icon svg {
  color: black;
}
.card.statistics .sub-header {
  font-size: 9px;
  color: rgb(51, 51, 51);
}
.card.statistics .icon {
  background-color: #1d926f;
  border-radius: 100%;
  width: 32px;
  height: 32px;
}
.card.statistics .icon svg {
  height: 24px;
  width: 24px;
  color: #fff;
}

.mobile-footer-menu {
  position: fixed;
  bottom: 0;
  background: #0c2b30;
  width: 100%;
  height: 54px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eee;
  font-size: 11px;
  padding-left: 4px;
  padding-right: 4px;
  z-index: 1000;
}
.mobile-footer-menu a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  position: relative;
}
.mobile-footer-menu a svg {
  color: #f9d30d;
  width: 30px;
  height: 30px;
}
.mobile-footer-menu a .count {
  position: absolute;
  right: -9px;
  top: -2px;
  background: #fff;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 10px;
  font-weight: 700;
}

.toast {
  background-color: rgb(255, 255, 255);
}

.custom5xdropdowntoggle::after {
  margin-top: 2px !important;
  margin-left: 6px !important;
  margin-left: auto !important;
  color: #b1b5b4 !important;
  display: inline-block !important;
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 7px solid !important;
  border-right: 6px solid transparent !important;
  border-bottom: 0 !important;
  border-left: 6px solid transparent !important;
}

.avium-wizard {
  border: none !important;
}
.avium-wizard .tab-pane {
  padding: 0 !important;
}

.avium-buttons {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  outline: 0px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
.avium-buttons.avium-button-black {
  background-color: rgb(51, 51, 51);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(51, 51, 51);
}
.avium-buttons.avium-button-white {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border: 1px solid rgb(27, 27, 27);
}
.avium-buttons.avium-button-purple {
  background-color: #8d1e77;
  color: white;
  border: 1px solid #8d1e77;
}
.avium-buttons.avium-button-orange {
  border-color: #f27a1a;
  color: #f27a1a;
}
.avium-buttons.avium-button-orange.filled {
  background-color: #f27a1a;
  color: white;
}
.avium-buttons.avium-button-orange.filled:hover {
  background-color: #d1660e;
  color: white;
}
.avium-buttons.avium-button-orange:hover {
  background-color: #f27a1a;
  color: white;
}
.avium-buttons.avium-button-big {
  height: 50px;
}
.avium-buttons .icon {
  width: 15px;
  height: 15px;
  margin-left: 13px;
  margin-top: 1px;
}

.collapse.collapse-request-details.bg {
  background: none !important;
  background-color: #f2f4fa !important;
  color: #000 !important;
}
.collapse.collapse-request-details.bg .bg {
  background: none !important;
  background-color: #f2f4fa !important;
  color: #000 !important;
}

.payment-page {
  font-size: 14px;
}
.payment-page .hire-purchase {
  margin-top: 20px;
}
.payment-page .hire-purchase .list-group-item {
  display: flex;
  justify-content: space-between;
}
.payment-page .hire-purchase .list-group-item.header {
  font-weight: 600;
}
.payment-page .pay-info .form-check {
  margin-top: 8px;
  padding-left: 32px;
  font-size: 13px;
  margin-bottom: 15px;
}
.payment-page .pay-info .form-check .form-check-input {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.payment-page .pay-info .form-check .form-check-input:checked {
  background-color: #931c7b;
  border-color: #931c7b;
}
.payment-page .pay-info .form-check .form-check-input:focus {
  box-shadow: none !important;
}
.payment-page .pay-info .credit-cards .list-group-item {
  padding: 12px;
}
.payment-page .pay-info .credit-cards .list-group-item .dropdown-toggle::after {
  border: none !important;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 14px;
  transition: transform 0.2s ease-in-out;
  background-position: center 1px;
}
.payment-page .pay-info .credit-cards .bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
  box-shadow: 0 !important;
}
.payment-page .pay-info .credit-cards .dropdown-menu.show {
  overflow: hidden;
}
.payment-page .pay-info .credit-cards .dropdown-menu.show .dropdown-item {
  padding: 0;
}
.payment-page .pay-info .credit-cards .dropdown-menu.show .text {
  padding: 0;
  display: block;
}
.payment-page .pay-info .credit-cards li {
  padding: 4px;
}
.payment-page .pay-info .credit-cards .my-select {
  width: 100% !important;
}
.payment-page .pay-info .credit-cards .my-select .dropdown-toggle.btn-light {
  padding: 0;
  padding-right: 4px;
}
.payment-page .pay-info .credit-cards .credit-card {
  width: 100%;
  background-color: #f5f5f5;
  font-size: 14px;
  justify-content: space-between;
  color: #000;
  height: 36px;
  align-items: center;
  padding: 0px 12px;
  padding-right: 4px;
}
.payment-page .pay-info .credit-cards .credit-card.btn-check:active + .btn-outline-light, .payment-page .pay-info .credit-cards .credit-card.btn-check:checked + .btn-outline-light, .payment-page .pay-info .credit-cards .credit-card.btn-outline-light.active, .payment-page .pay-info .credit-cards .credit-card.btn-outline-light.dropdown-toggle.show, .payment-page .pay-info .credit-cards .credit-card.btn-outline-light:active {
  background-color: #666 !important;
  border-color: #666 !important;
}
.payment-page .pay-info .credit-cards .credit-card span {
  display: flex;
  align-items: center;
}
.payment-page .pay-info .credit-cards .credit-card span img {
  margin-left: 4px;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.payment-page .pay-info .card-header {
  font-weight: 500;
  font-size: 14px;
  background: #8d1e77;
  color: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.payment-page .pay-info .card-header a {
  color: #fff;
  font-size: 13px;
}
.payment-page .accordion-button {
  font-size: 14px;
  padding: 12px 15px;
}
.payment-page .accordion-button::after {
  background-size: 14px;
  width: 14px;
  height: 14px;
}
.payment-page .accordion-button:focus {
  box-shadow: none !important;
}
.payment-page .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #8b8b8b;
}
.payment-page .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.payment-page .delivery-adresses .delivery-adress-item {
  padding: 16px 12px;
}
.payment-page .delivery-adresses .delivery-adress-item .brand-delivery {
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: baseline;
}
.payment-page .delivery-adresses .delivery-adress-item .brand-delivery a {
  color: #b4804e;
  text-decoration: underline;
  font-weight: 500;
}
.payment-page .delivery-adresses .delivery-adress-item .brand-delivery a .delivery-adress-brand-item-count {
  font-size: 13px;
  font-weight: normal;
}
.payment-page .delivery-adresses .delivery-adress-item select {
  font-size: 13px;
  color: #333;
}
.payment-page .delivery-adresses .delivery-adress-item .form-check {
  margin-top: 15px;
  padding-left: 21px;
  font-size: 13px;
}
.payment-page .delivery-adresses .delivery-adress-item .form-check .form-check-input {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-right: 8px;
}
.payment-page .delivery-adresses .delivery-adress-item .form-check .form-check-input:checked {
  background-color: #931c7b;
  border-color: #931c7b;
}
.payment-page .delivery-adresses .delivery-adress-item .form-check .form-check-input:focus {
  box-shadow: none !important;
}
.payment-page .new-credit-card-form {
  display: none;
}
.payment-page .new-credit-card {
  padding: 12px;
  font-size: 14px;
}
.payment-page .new-credit-card select {
  width: 90%;
  padding-left: 6px;
  padding-right: 20px;
  background-position: right 3px center;
}
.payment-page .new-credit-card select.form-select:first-child {
  margin-right: 8px;
}
.payment-page .new-credit-card input,
.payment-page .new-credit-card select {
  font-size: 14px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #666;
}
.payment-page .new-credit-card input:focus,
.payment-page .new-credit-card select:focus {
  box-shadow: none !important;
}

.accordion-button.no-caret::after {
  background-image: none !important;
}

.my-select:focus-visible {
  outline: #198754 auto 1px;
}

.payment-page .form-check-input:checked,
.agreements .form-check-input:checked {
  background-color: #198754 !important;
  border-color: #198754 !important;
}

.rateit-reset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16' /%3E%3C/svg%3E") !important;
  width: 23px !important;
  height: 23px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 17px !important;
  top: 0px !important;
  left: -6px;
  opacity: 0;
  background-color: transparent !important;
}
.rateit-reset span {
  display: none !important;
}

.rateit-reset:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16' /%3E%3C/svg%3E") !important;
}

.tooltip {
  font-size: 12px;
}

:root {
  --bs-info-rgb: 13, 202, 240;
  --bs-gray-300: #dee2e6;
  --bs-danger-rgb: 220, 53, 69;
  --bs-warning-rgb: 255, 193, 7;
}

.callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}
.callout.callout-info {
  --bd-callout-bg: rgba(var(--bs-info-rgb), 0.075);
  --bd-callout-border: rgba(var(--bs-info-rgb), 0.5);
}
.callout.callout-danger {
  --bd-callout-bg: rgba(var(--bs-danger-rgb), 0.075);
  --bd-callout-border: rgba(var(--bs-danger-rgb), 0.5);
}
.callout.callout-warning {
  --bd-callout-bg: rgba(var(--bs-warning-rgb), 0.075);
  --bd-callout-border: rgba(var(--bs-warning-rgb), 0.5);
}
.callout.callout-success {
  --bd-callout-bg: rgba(25, 135, 111, 0.075);
  --bd-callout-border: rgba(25, 135, 111, 0.5);
}

.container-commerce-type input[type=radio]:checked + label {
  background-color: #0d6efd !important;
  color: #fff !important;
}
.container-commerce-type input[type=radio]:checked + label::after {
  display: none !important;
}

.placeholder-p-0::-moz-placeholder {
  padding-left: 0 !important;
  margin-left: 27px;
}

.placeholder-p-0::placeholder {
  padding-left: 0 !important;
  margin-left: 27px;
}

.container-commerce-sale .ms-options-wrap > button:focus,
.container-commerce-sale .ms-options-wrap > button {
  height: 54px;
  padding-left: 42px;
}

.express-type input[type=radio]:checked + label {
  background-color: #02bcb1 !important;
  color: #fff !important;
}
.express-type input[type=radio]:checked + label::after {
  display: none !important;
}

.btn-outline-secondary-light:active {
  background: #f2f2f4;
}

.special-blue-button {
  background-color: rgba(0, 140, 255, 0.15);
  border-color: rgba(0, 140, 255, 0.15);
}

.tab-menu-new {
  flex-wrap: nowrap;
}
.tab-menu-new .tab-badge {
  position: absolute;
  right: 8%;
  top: -11px;
  background: #ffc107;
  color: black;
  font-weight: 600;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 11px;
}
.tab-menu-new .nav-item {
  font-weight: 500;
}
.tab-menu-new .nav-item.active {
  font-weight: 600;
}

.new-title-class {
  color: rgb(13, 84, 117);
  font-weight: 600;
}

.offcanvas-full {
  width: 100% !important;
  border-bottom: 0 !important;
}

.bottom-bar-menu {
  height: 100% !important;
}
.bottom-bar-menu .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}
.bottom-bar-menu a {
  color: #333;
  text-decoration: none;
  margin-bottom: 22px;
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  width: auto !important;
  padding-right: 8px;
}

.btn-black {
  background-color: #0c2b30;
  color: #fff;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  font-size: 1.1em;
}

.form-floating select:has(option:checked[value=""]) {
  text-indent: -99999px;
}
.form-floating select:has(option:checked[value=""]) ~ label {
  opacity: unset !important;
  transform: unset !important;
}

.text-blue-black {
  color: #2c2f35;
}

.shadow-sm {
  box-shadow: 0 0.7px 4px rgba(0, 0, 0, 0.055) !important;
}

.col-half-offset {
  margin-left: 4.166666667%;
}

.dropdown.modern .dropdown-menu,
.dropdown-menu.modern {
  font-family: "Inter", sans-serif;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 8px;
  background-clip: border-box;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
}
.dropdown.modern .dropdown-menu .dropdown-item,
.dropdown-menu.modern .dropdown-item {
  padding: 6px 10px;
  color: rgb(45, 45, 49);
  border-radius: 6px;
  display: flex;
  align-items: center;
  line-height: 1.25rem;
}
.dropdown.modern .dropdown-menu .dropdown-item .icon,
.dropdown-menu.modern .dropdown-item .icon {
  color: #9fa7b1;
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
.dropdown.modern .dropdown-menu .dropdown-item:hover, .dropdown.modern .dropdown-menu .dropdown-item:focus, .dropdown.modern .dropdown-menu .dropdown-item:active,
.dropdown-menu.modern .dropdown-item:hover,
.dropdown-menu.modern .dropdown-item:focus,
.dropdown-menu.modern .dropdown-item:active {
  background-color: #f8f9fa;
}
.dropdown.modern .dropdown-menu .dropdown-item.danger:hover,
.dropdown-menu.modern .dropdown-item.danger:hover {
  color: rgb(220, 38, 68);
  background-color: #f8d7da;
}
.dropdown.modern .dropdown-menu .dropdown-item.danger:hover .icon,
.dropdown-menu.modern .dropdown-item.danger:hover .icon {
  color: rgb(220, 38, 68);
}
.dropdown.modern .dropdown-menu .dropdown-divider,
.dropdown-menu.modern .dropdown-divider {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .order-md-unset {
    order: unset !important;
  }
}
.avium-soft-list-group .list-group-item {
  border: none;
  padding: 10px 16px;
  border-radius: 8px;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
}
.avium-soft-list-group .list-group-item.list-group-item-action:hover, .avium-soft-list-group .list-group-item.list-group-item-action.active {
  color: #f27a1a;
  background-color: #fef4eb;
}
.avium-soft-list-group .list-group-header {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #f2f4fa;
  border-radius: 0;
  padding-bottom: 16px;
}

body {
  font-family: "Montserrat", sans-serif;
  background-color: #fdfdfc;
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
.font-family-inter {
  font-family: "Inter", sans-serif;
}

.bg-success-translucent {
  background-color: rgba(72, 180, 81, 0.925);
}

.bg-danger-translucent {
  background-color: rgba(220, 53, 69, 0.925);
}

.bg-warning-translucent {
  background-color: rgba(255, 193, 7, 0.925);
}

.bg-info-translucent {
  background-color: rgba(23, 162, 184, 0.925);
}

.x-scroll {
  position: relative;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  transition: all 0.2s;
  will-change: transform;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

body {
  /* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
  /** {
    scrollbar-width: thin;
    scrollbar-color: #8A8A8A #ECF6F8;
  }*/
  /* Chrome, Edge and Safari */
}
body *::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
body *::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(236, 246, 248, 0);
}
body *::-webkit-scrollbar-track:hover {
  background-color: #d1dadc;
}
body *::-webkit-scrollbar-track:active {
  background-color: #cad3d5;
}
body *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgb(164, 165, 170);
  background-clip: padding-box;
}
body *::-webkit-scrollbar-thumb:hover {
  background-color: #8c8da3;
}
body *::-webkit-scrollbar-thumb:active {
  background-color: #757da3;
}

.navbar-homepage {
  background-color: #0f0f0f;
  height: 60px;
  padding: 0 !important;
}
.navbar-homepage .navbar-brand {
  width: 140px;
  height: 60px;
  background-position: 6px 17px;
  background-size: 130px;
  background-repeat: no-repeat;
  background-image: url(../img/avium_d.png?222);
  margin-left: -8px;
}
.navbar-homepage .navbar-brand.logo-only {
  background-image: url("../img/logotransparent.png?1ss");
  width: 42px;
  background-position: center;
  background-size: 20px;
  height: 39px;
  margin-right: -8px;
}
.navbar-homepage .navbar-toggler {
  border: 0;
  background: transparent;
  display: flex;
  height: 51px;
  align-items: center;
  margin-right: -10px;
}
.navbar-homepage .navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem #f2f2fa;
}
.navbar-homepage .navbar-toggler svg {
  width: 32px;
  height: 32px;
  color: #f2f2fa;
}
.navbar-homepage .notifications-icon-svg {
  color: #f2f2fa;
}

@media (max-width: 991.98px) {
  .px-0-below-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .px-0-below-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ps-0-below-md {
    padding-left: 0 !important;
  }
  .pe-0-below-md {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  body {
    position: relative;
  }
  .navbar.is_stuck {
    box-shadow: 0px 15px 14px -18px rgba(17, 17, 17, 0.3019607843) !important;
  }
  #ajaxcanvas {
    max-width: 600px;
    height: 100% !important;
    margin-left: auto;
    border-radius: 0 !important;
    border: none;
  }
  .offcanvas-burger-menu {
    max-width: 28% !important;
    width: 28% !important;
    min-width: 420px !important;
  }
  .rounded-lg-3 {
    border-radius: 0.5rem !important;
  }
  .offcanvas-lg-full {
    border-bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  div.modal.modal-responsive-end .modal-dialog {
    transform: translateY(0) translateX(100%);
    max-width: 600px;
    height: 100% !important;
    margin-right: unset;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0 !important;
    border: none;
  }
  div.modal.modal-responsive-end.show .modal-dialog {
    transform: translateY(0) translateX(0);
  }
  div.offcanvas.offcanvas-responsive-end {
    max-width: 600px;
    height: 100% !important;
    margin-left: auto;
    border-radius: 0 !important;
    border: none;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translateY(0) translateX(100%);
  }
  div.offcanvas.offcanvas-responsive-center {
    max-width: 600px;
    border-radius: 0 !important;
    border: none;
    margin: auto;
    top: 0;
    bottom: 0;
    height: -moz-max-content !important;
    height: max-content !important;
    transform: scale(0.1);
  }
  div.offcanvas.offcanvas-responsive-start {
    max-width: 600px;
    height: 100% !important;
    margin-right: auto;
    border-radius: 0 !important;
    border: none;
    top: 0;
    left: 0;
    transform: translateY(0) translateX(-100%);
  }
}
hr {
  opacity: 0.036;
}

@media (min-width: 768px) {
  .offcanvas-md-full {
    width: 100% !important;
    height: 100% !important;
  }
}
.bg-ice-white {
  background-color: #f8fafc;
}

.border-lighten {
  border-color: #dae1e4 !important;
}
.border-lighten:disabled {
  background-color: #f8fafc;
}

.fw-500 {
  font-weight: 500;
}

.features {
  background-color: rgb(249, 245, 240);
  padding: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0;
  padding-right: 0px;
}
.features .feature {
  padding: 28px 24px;
  padding-left: 0;
  padding-right: 0px;
}
.features .feature .feature-description {
  font-size: 16px;
  padding-left: 42px;
  padding-right: 24px;
  line-height: 32px;
  background: #e7f1ff;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000;
  font-weight: 500;
}
.features .feature .feature-action {
  text-decoration: underline;
  font-size: 14px;
}

.feature-header,
.feature-header-border {
  padding-bottom: 3px;
  border-left: 2px solid #5396f9;
  margin-top: 8px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 40px;
  line-height: 36px;
  padding-right: 24px;
  font-size: 20px;
  color: rgb(13, 84, 117);
}

.bg-colored {
  background: #f9f5f0;
}

.noty_type__addBasket {
  background: #8d1e77;
  color: #fff;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  background-color: #000000 !important;
  opacity: 0.4 !important;
}

#noty_layout__bottomCenter {
  transform: translate(-50%) translateZ(0) scale(1, 1) !important;
}

.lang-switcher {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.lang-switcher .lang-switcher-button {
  background: #f4faff;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.lang-switcher .lang-switcher-button .list-item {
  padding-left: 2px;
  padding-right: 2px;
}
.lang-switcher .lang-switcher-button .seperator {
  padding-left: 2px;
  padding-right: 2px;
  color: #ddd;
}
.lang-switcher .lang-switcher-button .switch-icon {
  margin-left: 6px;
  width: 20px;
  height: 20px;
  color: #777;
}

.rateit .rateit-selected {
  color: #fcc404;
}

.bluetick {
  list-style: none;
  padding-right: 12px;
}
.bluetick li {
  font-size: 14px;
  position: relative;
  margin-bottom: 18px;
  line-height: 28px;
}
.bluetick li::before {
  position: absolute;
  content: "•";
  color: #5396f9;
  top: -2px;
  font-weight: bold;
  display: inline-block;
  width: 19px;
  margin-left: -20px;
  font-size: 28px;
}

.accordion-only-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-only-button button {
  width: 32px;
  height: 32px;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.accordion-only-button button::after {
  margin: 0;
  margin: 0;
  padding: 0;
}

.homepage-carousel .carousel-item {
  padding-top: 62%;
}
.homepage-carousel .carousel-item::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.homepage-carousel .carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.homepage-carousel.no-overlay .carousel-item::before {
  display: none;
}
.homepage-carousel .carousel-caption {
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.homepage-carousel .carousel-caption p {
  margin-bottom: 0;
}
.homepage-carousel .carousel-indicators {
  bottom: -18px;
}
.homepage-carousel .carousel-indicators [data-bs-target] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
.homepage-carousel .carousel-control-next,
.homepage-carousel .carousel-control-prev {
  width: 8%;
}
.homepage-carousel .carousel-control-next .carousel-control-next-icon,
.homepage-carousel .carousel-control-next .carousel-control-prev-icon,
.homepage-carousel .carousel-control-prev .carousel-control-next-icon,
.homepage-carousel .carousel-control-prev .carousel-control-prev-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.bottom-widget {
  padding: 15px;
  margin-top: 32px;
  margin-bottom: 12px;
  background: linear-gradient(180deg, #0c2b30 26%, 64%, rgb(27, 117, 94) 100%) !important;
  color: #fff;
  padding-top: 36px;
  padding-bottom: 45px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
}
.bottom-widget h5 {
  line-height: 30px;
  margin-bottom: 24px;
  font-size: 22px !important;
  color: #ffbf09;
}
.bottom-widget .bottom-widget-footer {
  justify-content: space-between;
  margin-top: 32px;
}
.bottom-widget .bottom-widget-footer .btn {
  width: 50%;
}

.nice-tabs-v2 .nav-tabs {
  border-bottom: none;
  position: relative;
}
.nice-tabs-v2 .nav-tabs::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 100%;
  height: 2px;
  opacity: 1;
  transform: translate(-50%);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #f2f2f4 !important;
  z-index: -1;
}
.nice-tabs-v2 .nav-tabs .nav-link {
  color: #232323;
  font-size: 13px;
  font-weight: 500;
  margin-right: 15px;
  position: relative;
  padding-bottom: 12px;
  border: none;
  padding-left: 12px;
  padding-right: 12px;
}
.nice-tabs-v2 .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 100%;
  height: 2px;
  opacity: 1;
  transform: translate(-50%);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #0c9e18 !important;
  z-index: 0;
}
.nice-tabs-v2 .tab-content {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0;
  padding-right: 0;
}
.nice-tabs-v2 .tab-content .tab-pane {
  padding: 0;
}
.nice-tabs-v2 .tab-content .tab-pane.active {
  padding: 0;
}

.payment-methods-form .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  width: calc(100% - 15px);
}

.payment-methods-form .form-floating > .form-control-plaintext ~ label,
.payment-methods-form .form-floating > .form-control:focus ~ label,
.payment-methods-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.payment-methods-form .form-floating > .form-select ~ label {
  width: calc(100% - 15px);
}
.payment-methods-form .form-floating label {
  width: calc(100% - 30px);
}
.payment-methods-form .form-floating svg {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  color: #48b451;
  opacity: 0.9;
}

.green-button-new {
  background-color: #48b451 !important;
  border-color: #48b451 !important;
}

.tooltip-inner {
  max-width: 250px;
}

.animated-check {
  animation: 0.32s ease-in-out 1.03s animated-check-check-group;
  transform-origin: center;
}

.animated-check .check {
  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards animated-check-check;
  stroke-dasharray: 0, 75px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.animated-check .outline {
  animation: 0.38s ease-in animated-check-outline;
  transform: rotate(0deg);
  transform-origin: center;
}

.animated-check .circle {
  animation: 0.35s ease-in 0.35s forwards animated-check-circle;
  transform: none;
  transform-origin: center;
}

@keyframes animated-check-outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
@keyframes animated-check-circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes animated-check-check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
@keyframes animated-check-check-group {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09);
  }
  to {
    transform: scale(1);
  }
}
.bg-darker {
  background-color: #0f0f0f;
}

.headline {
  font-size: 30px;
  font-weight: 600;
  line-height: 64px;
}

.homepage-location-select .select2-container .select2-selection--single {
  padding-left: 54px !important;
}
.homepage-location-select .select2-container .select2-selection--single .select2-selection__placeholder {
  color: #7c7c80;
  font-size: 13px;
}

@media (max-width: 767.98px) {
  .modal-md-mobile-bottom .modal-dialog {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 85vh;
    min-height: auto;
    transform: translateY(0);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .modal-md-mobile-bottom .modal-content {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .modal-md-mobile-bottom .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  }
  .modal-md-mobile-bottom .modal-body::-webkit-scrollbar {
    width: 6px;
    position: absolute;
    right: 0;
  }
  .modal-md-mobile-bottom .modal-body::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .modal-md-mobile-bottom .modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .modal-md-mobile-bottom .modal-body:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .modal-md-mobile-bottom .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.btn-express-food {
  background-color: #ea004b !important;
  border-color: #ea004b !important;
  color: #fff !important;
}
.btn-express-food:hover {
  background-color: #d10043 !important;
  border-color: #d10043 !important;
  color: #fff !important;
}

.grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .grid-md-3x3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .grid-lg-4x4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.golden-ratio {
  position: relative;
  width: 100%;
  padding-top: 61.804697157%; /* Yani 61.8% */
  background-size: cover;
  background-position: center;
}

@media (min-width: 768px) {
  .rectangle-ratio-md {
    position: relative;
    width: 100%;
    padding-top: 50%; /* Yani 50% */
    background-size: cover;
    background-position: center;
  }
}
.fw-medium {
  font-weight: 500;
  font-weight: 600;
}

.fw-600 {
  font-weight: 600;
}

.fs-20 {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-24 {
  font-size: 24px;
}

.fs-15 {
  font-size: 15px;
}

.fs-14 {
  font-size: 14px;
}

.fs-13 {
  font-size: 13px;
}

.fs-12 {
  font-size: 12px;
}

.fs-10 {
  font-size: 10px;
}

.fs-9 {
  font-size: 9px;
}

.text-yellow {
  color: rgb(255, 200, 0);
}

.text-slight {
  color: #ccc;
}

.text-dark-light {
  color: #313135;
}

.position-relative-meh {
  position: relative;
}

.bg-soft-white {
  background-color: #fdfdfc;
}

.link-orange {
  color: #f27a1a;
}
.link-orange:hover {
  color: #f17610;
}

.two-line-truncate,
.three-line-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.two-line-truncate {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.three-line-truncate {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.bg-hard-green {
  background-color: #0c2b30;
}

.bg-greeny-gradient {
  background: linear-gradient(180deg, #0c2b30 26%, 64%, rgba(29, 146, 111, 0.98) 100%) !important;
  color: #fff;
}

.bg-grey {
  background-color: #f2f4fa !important;
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn-yellow-submit {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  height: 52px;
  padding: 0px 16px;
  background-color: #f9d30d;
  border: 1px solid #f9d30d;
  letter-spacing: 1px;
  font-weight: bold;
  color: #000;
}

.user-profile-avatar {
  color: aliceblue;
  background: slategray;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  margin-right: 3px;
  border: 1px solid #fff;
}
.user-profile-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.top-radius {
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
  background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple.primary div {
  border-color: #03a9f4;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.text-group {
  border-radius: 4px;
}
.text-group .btn {
  border-color: #ccc;
  display: flex;
  align-items: center;
}
.text-group .btn.fill {
  background-color: #f2f4fa !important;
}

.overflow-scroll-hidden {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow: auto;
}
.overflow-scroll-hidden::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.border-top-white {
  border-top-color: #fff;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.elevation-custom {
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
}

.badge-soft-success {
  background-color: #e6fffa;
  color: #38b2ac;
}

.badge-soft-danger {
  background-color: #fff5f5;
  color: #e53e3e;
}

.badge-soft-warning {
  color: #f4952a;
  background-color: #fdf6e3;
}

.badge-soft-info {
  background-color: #ebf8ff;
  color: #63b3ed;
}

.badge-soft-primary {
  background-color: #d2e5fc;
  color: #4274e1;
}

.badge-soft-secondary {
  background-color: #f7fafc;
  color: #718096;
}

.badge-soft-light {
  background-color: #f8f9fa;
  color: #adb5bd;
}

.badge-soft-dark {
  background-color: #f8f9fa;
  color: #495057;
}

table.table-modern {
  font-family: "Inter", inherit, sans-serif;
}
table.table-modern.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
  box-shadow: none !important;
}
table.table-modern.table-striped tbody tr:nth-of-type(odd),
table.table-modern.table-striped .table-striped tbody tr.odd {
  background-color: #f8f9fa;
}
table.table-modern.table-striped tbody tr:nth-of-type(odd) .bg-light,
table.table-modern.table-striped .table-striped tbody tr.odd .bg-light {
  background-color: #fff !important;
}
table.table-modern thead tr th {
  border: 1px solid #f2f4fa !important;
  border-bottom: none !important;
  color: #333335;
  font-weight: 600;
  font-size: 14px;
}
table.table-modern tbody tr.dt-hasChild {
  background: #f2f4fa !important;
}
table.table-modern tbody tr.dt-hasChild + tr.child .dtr-details {
  width: 100%;
}
table.table-modern tbody tr.dt-hasChild + tr.child .dtr-details li {
  padding: 8px 4px;
}
table.table-modern tbody tr.dt-hasChild + tr.child .dtr-details li .dtr-title {
  min-width: 75px;
  display: block;
  margin-bottom: 2px;
  color: #999;
  font-weight: normal;
}
table.table-modern tbody tr.dt-hasChild + tr.child .dtr-details li .dtr-data {
  display: block;
  color: #333;
  font-weight: 500;
}
table.table-modern tbody tr td {
  border: 1px solid #f2f4fa;
  color: #333335;
  font-size: 13px;
  font-weight: 400;
  background: transparent;
}
table.table-modern .dtr-control {
  position: relative;
}
table.table-modern .dtr-control:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bg-greeny-gradient .invalid-feedback {
  color: #ef9aa3;
}

select.form-select:focus {
  border-color: #08f;
  outline: 0;
  box-shadow: none;
}
select.form-select:focus.border-lighten {
  border-color: #08f !important;
}

.form-select {
  background-size: 14px 10px;
}

.form-switch .form-check-input.check-success:focus {
  border-color: #48b451;
  box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.57);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dbf0d3'/%3e%3c/svg%3e");
}
.form-switch .form-check-input.check-success:checked {
  background-color: #48b451;
  border-color: #48b451;
}

select:has(option:checked[value=""]) {
  color: #ced4da;
}

select:has(option:checked[value=""]) option {
  color: #000;
}

.selectbox-arrow-nice {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 5px top 9px;
  background-size: 13px;
}

.no-caret-selectbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
}

.dropdown-menu.dashed-items-menu li .dropdown-item {
  border-bottom: 1px dashed #eceef3 !important;
  padding: 12px;
}
.dropdown-menu.dashed-items-menu li:last-of-type .dropdown-item {
  border-bottom: none !important;
}

.lawin-form.lawin-form-grey #offer_buy_wants_insurance_check {
  background-color: #fff;
}
.lawin-form.lawin-form-grey #offer_buy_wants_insurance_check:checked {
  background-color: #4caf50;
  border-color: #4caf50;
}
.lawin-form.lawin-form-grey #offer_buy_wants_insurance_check:focus, .lawin-form.lawin-form-grey #offer_buy_wants_insurance_check:active {
  box-shadow: 0 0 0 0.25rem rgba(185, 191, 209, 0.57);
  border-color: #4caf50;
}
.lawin-form.lawin-form-grey input {
  background-color: #f2f4fa;
}
.lawin-form.lawin-form-grey input::-moz-placeholder {
  color: #aaa;
}
.lawin-form.lawin-form-grey input::placeholder {
  color: #aaa;
}
.lawin-form.lawin-form-grey .hs-code-selector-in-basket-form > button,
.lawin-form.lawin-form-grey .dropdown-select button {
  background-color: #f2f4fa;
}
.lawin-form.lawin-form-grey .input-group-text {
  background-color: #f2f4fa !important;
}
.lawin-form.lawin-form-grey .input-group-text::before, .lawin-form.lawin-form-grey .input-group-text::after {
  display: none;
}
.lawin-form.lawin-form-grey .ms-options-wrap button {
  background-color: #f2f4fa;
}
.lawin-form.lawin-form-grey .ms-options-wrap:not(.ms-has-selections) button {
  color: #aaa;
}
.lawin-form.lawin-form-grey .select2-container--default .select2-selection--single {
  background-color: #f2f4fa !important;
}
.lawin-form.lawin-form-grey .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #aaa;
}
.lawin-form.lawin-form-grey .select2-container--default .select2-selection--single::-moz-placeholder {
  color: #aaa;
}
.lawin-form.lawin-form-grey .select2-container--default .select2-selection--single::placeholder {
  color: #aaa;
}
.lawin-form input:not([type=checkbox]):not([type=radio]),
.lawin-form select {
  height: 46px !important;
}
.lawin-form input,
.lawin-form select,
.lawin-form textarea {
  font-size: 12px;
}
.lawin-form textarea::-moz-placeholder {
  color: #ccc;
}
.lawin-form textarea::placeholder {
  color: #ccc;
}
.lawin-form .file-upload-single {
  border: 1px dashed #ccc;
  border-radius: 4px;
  padding-top: 10px;
  padding-left: 8px;
}
.lawin-form .file-upload {
  padding: 16px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  font-size: 12px;
  display: block;
}
.lawin-form .file-upload input[type=file] {
  position: absolute;
  right: -9999px;
  visibility: hidden;
  opacity: 0;
}
.lawin-form .file-upload label {
  display: inline-block;
  padding: 0.5em 1em;
  background: #eff1f6;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.lawin-form .file-upload label:hover {
  background: #ced0d4;
}
.lawin-form .file-upload .files-to-upload {
  background: #efefef;
  padding: 8px;
  margin: 1rem 0;
  border-radius: 6px;
}
.lawin-form .file-upload .files-to-upload ul {
  list-style: none;
  padding: 0;
  max-height: 150px;
  overflow: auto;
}
.lawin-form .file-upload .files-to-upload ul li {
  padding: 0.5rem 0;
  padding-right: 2rem;
  position: relative;
  font-size: 12px;
}
.lawin-form .file-upload .files-to-upload ul li i {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translatey(-50%);
  color: #999;
  font-size: 18px;
}

.big-form .input-group-text {
  line-height: 1.7;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  width: 46px;
  justify-content: center;
}
.big-form .input-group-text::before, .big-form .input-group-text::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  right: 42px;
}
.big-form .input-group-text::before {
  top: 1px;
}
.big-form .input-group-text::after {
  bottom: 1px;
}
.big-form label {
  padding-left: 2px;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.big-form .form-control {
  height: 46px;
  font-size: 12px;
  padding-left: 0.7rem;
  border-color: #ccc;
}
.big-form .form-control::-moz-placeholder {
  color: #ccc;
}
.big-form .form-control::placeholder {
  color: #ccc;
}
.big-form .form-control:focus {
  box-shadow: none;
  border-color: #08f !important;
}
.big-form .form-control.active {
  color: #333 !important;
  border-color: #b9c6da !important;
}
.big-form .form-control.active svg {
  color: #666 !important;
}
.big-form .form-control.is-invalid {
  border-color: #dc3545;
}
.big-form .form-control.is-invalid:focus {
  border-color: #dc3545;
}
.big-form .required {
  color: #dd0014;
  padding-left: 2px;
  font-weight: bold;
  font-size: 11px;
}

.is-invalid {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.is-invalid:focus {
  border-color: #dc3545;
}

.input-with-icon {
  position: relative;
}
.input-with-icon input,
.input-with-icon button {
  color: #ccc;
  height: 45px;
  padding-left: 36px;
  padding-top: 7px;
  display: flex;
  align-items: center;
}
.input-with-icon svg {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 14px;
  color: #cdcdcd;
  left: 12px;
}

.pill-options {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.pill-options input[type=checkbox],
.pill-options input[type=radio] {
  display: none;
}
.pill-options input[type=checkbox] + label,
.pill-options input[type=radio] + label,
.pill-options input[type=checkbox] + label,
.pill-options input[type=radio] + label {
  height: auto !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 12px;
  border-radius: 58px !important;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 9px 18px;
  border: 1px solid silver;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  margin: 1px 4px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.78;
}
.pill-options input[type=checkbox]:checked + label,
.pill-options input[type=radio]:checked + label {
  box-shadow: none !important;
  background-color: #0082ff !important;
  color: #fff !important;
  border: 1px solid #0082ff !important;
  opacity: 1;
}
.pill-options input[type=checkbox]:checked + label::before,
.pill-options input[type=radio]:checked + label::before {
  filter: brightness(100);
}
.pill-options input[type=checkbox]:checked + label::after,
.pill-options input[type=radio]:checked + label::after {
  content: unset !important;
}

.custom-checkboxes.is-invalid,
.custom-radioboxes.is-invalid {
  padding-right: 0 !important;
  background-position: right 3px !important;
}
.custom-checkboxes.is-invalid input[type=checkbox] + label,
.custom-checkboxes.is-invalid input[type=radio] + label,
.custom-radioboxes.is-invalid input[type=checkbox] + label,
.custom-radioboxes.is-invalid input[type=radio] + label {
  border-color: #dc3545 !important;
}
.custom-checkboxes input[type=checkbox],
.custom-checkboxes input[type=radio],
.custom-radioboxes input[type=checkbox],
.custom-radioboxes input[type=radio] {
  display: none;
}
.custom-checkboxes label:first-of-type,
.custom-radioboxes label:first-of-type {
  margin-left: 0px !important;
}
.custom-checkboxes label:last-of-type,
.custom-radioboxes label:last-of-type {
  margin-right: 0px !important;
}
.custom-checkboxes.only-icons input[type=checkbox] + label,
.custom-checkboxes.only-icons input[type=radio] + label,
.custom-radioboxes.only-icons input[type=checkbox] + label,
.custom-radioboxes.only-icons input[type=radio] + label {
  height: 38px;
  width: 38px;
}
.custom-checkboxes.only-icons input[type=checkbox] + label .icon,
.custom-checkboxes.only-icons input[type=radio] + label .icon,
.custom-radioboxes.only-icons input[type=checkbox] + label .icon,
.custom-radioboxes.only-icons input[type=radio] + label .icon {
  font-size: 18px;
  color: #6b6b6b;
}
.custom-checkboxes.only-icons input[type=checkbox]:checked + label::after,
.custom-checkboxes.only-icons input[type=radio]:checked + label::after,
.custom-radioboxes.only-icons input[type=checkbox]:checked + label::after,
.custom-radioboxes.only-icons input[type=radio]:checked + label::after {
  top: -2px;
  right: 1px;
}
.custom-checkboxes input[type=checkbox] + label,
.custom-checkboxes input[type=radio] + label,
.custom-radioboxes input[type=checkbox] + label,
.custom-radioboxes input[type=radio] + label {
  border: 1px solid #f2f4fa;
  border-radius: 0.25em;
  opacity: 0.914;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 50px;
}
.custom-checkboxes input[type=checkbox] + label:last-of-type,
.custom-checkboxes input[type=radio] + label:last-of-type,
.custom-radioboxes input[type=checkbox] + label:last-of-type,
.custom-radioboxes input[type=radio] + label:last-of-type {
  margin-right: 0 !important;
}
.custom-checkboxes input[type=checkbox]:checked + label,
.custom-checkboxes input[type=radio]:checked + label,
.custom-radioboxes input[type=checkbox]:checked + label,
.custom-radioboxes input[type=radio]:checked + label {
  border: 1px solid #0082ff !important;
  opacity: 1;
}
.custom-checkboxes input[type=checkbox]:checked + label::after,
.custom-checkboxes input[type=radio]:checked + label::after,
.custom-radioboxes input[type=checkbox]:checked + label::after,
.custom-radioboxes input[type=radio]:checked + label::after {
  content: " ";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 16px;
  height: 16px;
  background-image: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-color: #0082ff;
}
.custom-checkboxes.yellow_border input[type=checkbox]:checked + label,
.custom-checkboxes.yellow_border input[type=radio]:checked + label,
.custom-radioboxes.yellow_border input[type=checkbox]:checked + label,
.custom-radioboxes.yellow_border input[type=radio]:checked + label {
  border: 1px solid #f19e48;
}
.custom-checkboxes.yellow_border input[type=checkbox]:checked + label::after,
.custom-checkboxes.yellow_border input[type=radio]:checked + label::after,
.custom-radioboxes.yellow_border input[type=checkbox]:checked + label::after,
.custom-radioboxes.yellow_border input[type=radio]:checked + label::after {
  background-color: #f19e48;
}
.custom-checkboxes.yellow input[type=checkbox]:checked + label,
.custom-checkboxes.yellow input[type=radio]:checked + label,
.custom-radioboxes.yellow input[type=checkbox]:checked + label,
.custom-radioboxes.yellow input[type=radio]:checked + label {
  border-color: #fc0 !important;
  background-color: #fc0 !important;
  color: #000 !important;
}
.custom-checkboxes.yellow input[type=checkbox]:checked + label::after,
.custom-checkboxes.yellow input[type=radio]:checked + label::after,
.custom-radioboxes.yellow input[type=checkbox]:checked + label::after,
.custom-radioboxes.yellow input[type=radio]:checked + label::after {
  background-color: #fc0 !important;
}
.custom-checkboxes.bold-borders input[type=checkbox] + label,
.custom-checkboxes.bold-borders input[type=radio] + label,
.custom-radioboxes.bold-borders input[type=checkbox] + label,
.custom-radioboxes.bold-borders input[type=radio] + label {
  border-width: 2px !important;
}
.custom-checkboxes.orange input[type=checkbox]:checked + label,
.custom-checkboxes.orange input[type=radio]:checked + label,
.custom-radioboxes.orange input[type=checkbox]:checked + label,
.custom-radioboxes.orange input[type=radio]:checked + label {
  border-color: #fb7701 !important;
  color: #000 !important;
}
.custom-checkboxes.orange input[type=checkbox]:checked + label::after,
.custom-checkboxes.orange input[type=radio]:checked + label::after,
.custom-radioboxes.orange input[type=checkbox]:checked + label::after,
.custom-radioboxes.orange input[type=radio]:checked + label::after {
  background-color: #fb7701 !important;
}

.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.dropdown-select .dropdown-toggle {
  color: #ccc;
  height: 46px;
  border-color: #ccc;
}
.dropdown-select .dropdown-toggle.active {
  color: #333;
  border-color: #333;
}
.dropdown-select .dropdown-toggle .inside-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.dropdown-select .dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border: none !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 12px;
  width: 12px;
  height: 16px;
}
.dropdown-select .dropdown-menu {
  max-height: 300px;
  overflow-x: visible;
  overflow-y: auto;
  z-index: 4;
}
.dropdown-select .dropdown-menu .dropdown-item {
  white-space: normal;
}
.dropdown-select .dropdown-menu .dropdown-item.selected {
  color: #000;
  text-decoration: none;
  background-color: #d9eeff;
}

.option-group-soft-blue .btn-primary {
  background-color: #f5f7fb !important;
  border: none !important;
  color: #000 !important;
}
.option-group-soft-blue .btn-primary:has(.btn-check:checked) {
  color: #000;
  background-color: #d9eeff !important;
  border-color: #d9eeff !important;
}

.option-group-hard-blue .btn-primary {
  background-color: #fff !important;
  border: none !important;
  color: #000 !important;
}
.option-group-hard-blue .btn-primary:has(.btn-check:checked) {
  color: #fff !important;
  background-color: #005ce6 !important;
  border-color: #005ce6 !important;
}

.carriage-way-select {
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-left: 4px;
  padding-right: 4px;
  overflow: hidden;
}
.carriage-way-select.grey label {
  background-color: #f2f4fa;
}
.carriage-way-select li {
  width: 25%;
}
.carriage-way-select .form-check-label {
  border: none !important;
  border-radius: 4px !important;
  height: 47px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 4px 15px !important;
  letter-spacing: 0.5px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 55px !important;
}
.carriage-way-select .form-check-label:first-of-type {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.carriage-way-select .form-check-label:last-of-type {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.carriage-way-select .form-check-label::after {
  display: none;
}
.carriage-way-select .form-check-label svg {
  width: 21px;
  height: 21px;
  color: #cdcdcd;
  margin-right: 2px;
}
.carriage-way-select .form-check-input:checked + .form-check-label {
  border: none !important;
}
.carriage-way-select .form-check-input:checked + .form-check-label.sea {
  color: #0f0f10;
  background-color: rgba(0, 140, 255, 0.15);
}
.carriage-way-select .form-check-input:checked + .form-check-label.sea svg {
  fill: #008eff;
}
.carriage-way-select .form-check-input:checked + .form-check-label.land {
  color: #0f0f10;
  background-color: rgba(2, 188, 176, 0.15);
}
.carriage-way-select .form-check-input:checked + .form-check-label.land svg {
  color: #02bcb1;
}
.carriage-way-select .form-check-input:checked + .form-check-label.air {
  color: #0f0f10;
  background-color: rgba(245, 44, 91, 0.15);
}
.carriage-way-select .form-check-input:checked + .form-check-label.air svg {
  color: #f52c5c;
}
.carriage-way-select .form-check-input:checked + .form-check-label.rail {
  color: #0f0f10;
  background-color: rgba(149, 134, 89, 0.15);
}
.carriage-way-select .form-check-input:checked + .form-check-label.rail svg {
  color: #958659;
}
.carriage-way-select .form-check-input:checked + .form-check-label#express-tab {
  color: #0f0f10;
  background-color: rgba(255, 189, 9, 0.15);
}
.carriage-way-select .form-check-input:checked + .form-check-label#express-tab svg {
  color: #ffbf09;
}

.profile-image-upload .wrapper {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 46px;
  padding-left: 4px;
  padding-right: 4px;
}
.profile-image-upload .wrapper img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-image-upload .wrapper input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.input-group {
  flex-wrap: nowrap;
}
.input-group .weight-unit-select {
  max-width: 70px;
  padding: 12px;
  font-size: 12px;
  font-weight: 500;
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(
  	var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) +
  		var(--iti-flag-width)
  );
  --iti-selected-country-arrow-padding: calc(
  	var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) +
  		var(--iti-spacer-horizontal) + var(--iti-arrow-width) +
  		var(--iti-input-padding)
  );
  --iti-path-flags-1x: url("../img/flags.png?3");
  --iti-path-flags-2x: url("../img/flags@2x.png?3");
  --iti-path-globe-1x: url("../img/globe.png?3");
  --iti-path-globe-2x: url("../img/globe@2x.png?3");
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: block;
}

.input-group .iti {
  width: 100%;
}
.input-group .iti:first-child .iti__tel-input {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.input-group .iti:last-child .iti__tel-input {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
  z-index: 4;
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  background: none;
  border: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
  font-size: 13px;
  outline: 1px solid var(--bs-blue);
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: var(--iti-border-width) solid var(--iti-border-gray);
}

.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
  font-size: 13px;
  color: #212121;
}

.iti__dial-code {
  color: var(--iti-text-gray);
  margin-left: auto;
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__flag-box,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}

[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}

.iti--allow-dropdown .iti__country-container,
.iti--show-selected-dial-code .iti__country-container {
  right: auto;
  left: 0;
}

[dir=rtl] .iti--allow-dropdown .iti__country-container,
[dir=rtl] .iti--show-selected-dial-code .iti__country-container {
  right: 0;
  left: auto;
}

.iti--allow-dropdown .iti__country-container:hover,
.iti--allow-dropdown .iti__country-container:hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
  background-color: var(--iti-hover-color);
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover {
  cursor: default;
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover .iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover .iti__selected-country {
  background-color: transparent;
}

.iti--show-selected-dial-code .iti__selected-country {
  background-color: var(--iti-hover-color);
}

.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: var(--iti-arrow-padding);
}

[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: var(--iti-arrow-padding);
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060999999;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}

.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}

.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}

.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}

.iti__flag {
  height: var(--iti-flag-height);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-width) 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
}
.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
.new-request-button {
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: center;
  font-size: 14px;
  line-height: 40px;
  color: rgb(1, 57, 255);
  font-weight: 500;
}
.new-request-button svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: #eee;
  border-radius: 100%;
  padding: 0px;
}

.change-tab-button {
  display: flex;
  align-items: center;
  background: transparent;
  justify-content: center;
  font-size: 14px;
  line-height: 32px;
  color: #000;
  font-weight: 500;
  border: none;
}
.change-tab-button.active {
  color: rgb(1, 57, 255);
  background-color: #fff;
}
.change-tab-button svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: #eee;
  border-radius: 100%;
  padding: 2px;
}

#newRequestStickyButton {
  padding: 10px 5px 0px 5px;
  z-index: 20;
  transition: 0.2s all;
  background: rgb(242, 244, 250);
}
#newRequestStickyButton.is_stuck {
  box-shadow: 0px 3px 5px rgba(4, 4, 5, 0.25);
  padding: 4px;
  background: #fff;
}

.margin-right-1 {
  margin-right: -1px !important;
}

.request-and-give-offer-tab {
  padding-top: 4px;
}
.request-and-give-offer-tab.new {
  background-color: #f2f4fa;
}
.request-and-give-offer-tab.new .form-control {
  height: 54px;
  border-color: #fff;
  padding-left: 47px !important;
}
.request-and-give-offer-tab.new .form-control:focus {
  box-shadow: 0 0 0 1px #00a8ff;
}
.request-and-give-offer-tab.new .comboTreeWrapper {
  width: 100%;
}
.request-and-give-offer-tab.new .comboTreeWrapper .comboTreeDropDownContainer {
  margin-top: -2px;
  border-top: 1px solid #00a8ff;
}
.request-and-give-offer-tab.new .comboTreeWrapper .comboTreeDropDownContainer .multiplesFilter {
  padding: 12px !important;
  border-top: none !important;
}
.request-and-give-offer-tab.new .comboTreeWrapper .comboTreeDropDownContainer ul {
  margin-bottom: 0px !important;
  padding-right: 0px !important;
  border-radius: 0px !important;
  margin-top: 0px !important;
}
.request-and-give-offer-tab.new .comboTreeWrapper .comboTreeDropDownContainer > ul:first-of-type {
  margin: 0;
  margin-left: -15px;
  padding-top: 0px;
  padding-right: 0 !important;
}
.request-and-give-offer-tab.new .all-comma-except-last:after {
  content: ",";
  padding-right: 4px;
}
.request-and-give-offer-tab.new .all-comma-except-last:last-child:after {
  content: "";
}
.request-and-give-offer-tab.new .selectize-control.single .selectize-input.no_border_transparent_bg {
  height: 54px;
  margin-top: -6px;
  border-radius: 4px;
  width: calc(100% + 57px);
  margin-left: -46px;
}
.request-and-give-offer-tab.new .selectize-control.single .selectize-input.no_border_transparent_bg::before {
  content: none;
}
.request-and-give-offer-tab.new .selectize-control.single .selectize-input.no_border_transparent_bg.input-active.focus {
  box-shadow: none !important;
}
.request-and-give-offer-tab.new .selectize-control.single .selectize-input.no_border_transparent_bg.input-active.focus:has(input:focus) {
  box-shadow: 0 0 0 1px #00a8ff !important;
}
.request-and-give-offer-tab.new .selectize-control.single .selectize-input.no_border_transparent_bg + .selectize-dropdown {
  margin-top: -4px !important;
}
.request-and-give-offer-tab.new .selectize-control.single .selectize-input.no_border_transparent_bg + .selectize-dropdown .selected {
  background-color: #0d6efd;
}
.request-and-give-offer-tab.new .location-select .select2-container .select2-selection--single,
.request-and-give-offer-tab.new .location-select .select2-container .select2-selection--multiple {
  padding-left: 46px !important;
}
.request-and-give-offer-tab.new .select2-container--default .select2-search--dropdown .select2-search__field {
  margin-top: -4px;
  border-radius: 0;
  height: 54px;
  padding-top: 10px;
  border: none;
}
.request-and-give-offer-tab.new .ms-options-wrap > button {
  height: 54px;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 0px;
  padding-left: 46px;
  font-size: 12px;
  width: 100%;
}
.request-and-give-offer-tab.new .ms-options-wrap.ms-active > button {
  border-color: none;
  box-shadow: 0 0 0 1px #00a8ff !important;
}
.request-and-give-offer-tab.new .dropdown .show[data-bs-toggle=dropdown] {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  border-radius: 6px;
}
.request-and-give-offer-tab ul {
  margin: 4px;
  background: #fff;
  align-items: center;
  margin-bottom: 4px !important;
  padding-right: 12px !important;
  border-radius: 4px !important;
  margin-top: 6px !important;
}
.request-and-give-offer-tab .tab-content.new .input-group-with-icon {
  box-shadow: none !important;
}
.request-and-give-offer-tab .nav-link {
  margin-bottom: 0;
  color: #0f0f10;
  letter-spacing: -0.6px;
  height: 45px;
}
.request-and-give-offer-tab .nav-link.active {
  color: #0f0f10;
  background-color: #a9d7ff;
}

#fly .icon {
  color: #f52c5c;
}
#fly .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 44, 91, 0.15) !important;
}

#land .icon {
  color: #02bcb1;
}
#land .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(2, 188, 176, 0.15) !important;
}

#rail .icon {
  color: #958659;
}
#rail .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(149, 134, 89, 0.15) !important;
}

.select-type-tab {
  justify-content: space-between;
  margin: 0px !important;
  border: none !important;
  margin-bottom: 8px !important;
}
.select-type-tab .nav-link {
  border: none !important;
  border-radius: 4px !important;
  height: 54px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 4px 15px !important;
  letter-spacing: 0.5px;
}
.select-type-tab .nav-link svg {
  width: 21px;
  height: 21px;
  color: #cdcdcd;
}
.select-type-tab .nav-link#sea-tab svg {
  fill: #cdcdcd;
}
.select-type-tab .nav-link.active#sea-tab {
  color: #0f0f10;
  background-color: rgba(0, 140, 255, 0.15);
}
.select-type-tab .nav-link.active#sea-tab svg {
  fill: #008eff;
}
.select-type-tab .nav-link.active#fly-tab {
  color: #0f0f10;
  background-color: rgba(245, 44, 91, 0.15);
}
.select-type-tab .nav-link.active#fly-tab svg {
  color: #f52c5c;
}
.select-type-tab .nav-link.active#land-tab {
  color: #0f0f10;
  background-color: rgba(2, 188, 176, 0.15);
}
.select-type-tab .nav-link.active#land-tab svg {
  color: #02bcb1;
}
.select-type-tab .nav-link.active#rail-tab {
  color: #0f0f10;
  background-color: rgba(149, 134, 89, 0.15);
}
.select-type-tab .nav-link.active#rail-tab svg {
  color: #958659;
}
.select-type-tab .nav-link.active#express-tab {
  color: #0f0f10;
  background-color: rgba(255, 189, 9, 0.15);
}
.select-type-tab .nav-link.active#express-tab svg {
  color: #ffbf09;
}

.offer-button {
  margin-bottom: 0;
  color: #fff;
  height: 45px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  border: none !important;
}
.offer-button.sea {
  background-color: rgba(0, 140, 255, 0.15) !important;
  color: #000 !important;
}
.offer-button.sea:focus, .offer-button.sea.active {
  background-color: #0d6efd !important;
  color: #fff !important;
}
.offer-button.air {
  background-color: rgba(245, 44, 91, 0.15) !important;
  color: #000 !important;
}
.offer-button.air:focus, .offer-button.air.active {
  background-color: #f52c5c !important;
  color: #ffffff !important;
}
.offer-button.land {
  background-color: rgba(2, 188, 176, 0.15) !important;
  color: #000 !important;
}
.offer-button.land:focus, .offer-button.land.active {
  background-color: #02bcb1 !important;
  color: #ffffff !important;
}
.offer-button.rail {
  background-color: rgba(149, 134, 89, 0.15) !important;
  color: #000 !important;
}
.offer-button.rail:focus, .offer-button.rail.active {
  background-color: #958659 !important;
  color: #ffffff !important;
}

.swap-dimensions-button {
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  right: 7px;
  bottom: -14px;
  z-index: 1;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.19);
}
.swap-dimensions-button:active, .swap-dimensions-button:focus {
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.19) !important;
}
.swap-dimensions-button.active svg:first-child {
  left: 7px !important;
}
.swap-dimensions-button.active svg:last-child {
  left: 4px !important;
}
.swap-dimensions-button .swap-dimensions-wrapper {
  display: flex;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  position: relative;
  transform: rotate(180deg);
}
.swap-dimensions-button .swap-dimensions-wrapper svg:first-child {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 5px;
  top: 8px;
  fill: #0d6ffd;
}
.swap-dimensions-button .swap-dimensions-wrapper svg:last-child {
  position: absolute;
  top: 3px;
  left: 6px;
  height: 12px;
  width: 12px;
  transform: rotate(180deg);
  fill: #0d6efd;
}

.container-dimensions-table {
  width: 100%;
}
.container-dimensions-table tbody,
.container-dimensions-table td,
.container-dimensions-table tfoot,
.container-dimensions-table th,
.container-dimensions-table thead,
.container-dimensions-table tr {
  border: 1px solid #14544a;
  padding: 12px 8px;
}

.table-complemantary-services tbody,
.table-complemantary-services td,
.table-complemantary-services tfoot,
.table-complemantary-services th,
.table-complemantary-services thead,
.table-complemantary-services tr {
  font-size: 12px;
}
.table-complemantary-services .code {
  width: 76px;
  text-align: center;
  font-size: 11px;
  vertical-align: bottom;
}
.table-complemantary-services .description {
  padding-left: 12px;
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.upload-date::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 0;
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #999;
  margin-top: -3px;
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-clearable {
  position: relative;
}
.datepicker-clearable .clear-button {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="%23777" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 0;
  height: 20px;
  position: absolute;
  width: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}
.datepicker-clearable:has(input:-moz-placeholder-shown) .clear-button {
  display: none;
}
.datepicker-clearable:has(input:placeholder-shown) .clear-button {
  display: none;
}

.datepicker {
  border-radius: 4px;
  direction: ltr;
  min-width: 235px !important;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #dedede;
  cursor: default;
}

.datepicker table tr td.day {
  font-weight: 500;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted.focus,
.datepicker table tr td.highlighted:focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted:active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted.active.focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted:active:hover {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled].focus,
.datepicker table tr td.highlighted[disabled]:focus,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted.focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777;
}

.datepicker table tr td.today {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.datepicker table tr td.today.focus,
.datepicker table tr td.today:focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today:active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today.active.focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:active:hover {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
  background-color: #ffc107;
  border-color: #ffc107;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffc107;
  color: #777;
}

.datepicker table tr td.range {
  color: #000;
  background-color: #eee;
  border-color: #bbb;
  border-radius: 0;
}

.datepicker table tr td.range.focus,
.datepicker table tr td.range:focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range.active,
.datepicker table tr td.range:active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range.active.focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range:active:hover {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled].focus,
.datepicker table tr td.range[disabled]:focus,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.focus,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range:hover {
  background-color: #eee;
  border-color: #bbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eee;
  color: #777;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focus,
.datepicker table tr td.range.highlighted:focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted:active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted.active.focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted:active:hover {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled].focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777;
}

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:active:hover {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777;
  border-color: #555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}

.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected:active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active.focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:active:hover {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}

.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected.highlighted[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:hover,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover {
  background-color: #777;
  border-color: #555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:focus {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #204d74;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  color: #fff;
  background-color: #0d6efd;
  border-color: #204d74;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #0d6efd;
}

.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active.highlighted[disabled].focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:hover,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:focus {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #204d74;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  color: #fff;
  background-color: #0d6efd;
  border-color: #204d74;
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #0d6efd;
}

.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #777;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  padding: 8px;
}

.datepicker-dropdown {
  padding: 0px !important;
  margin-left: -1px;
  margin-top: -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  padding-bottom: 15px !important;
  z-index: 2000 !important;
}
@media (max-width: 992px) {
  .datepicker-dropdown {
    position: fixed;
    top: 42% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    padding: 0 !important;
    max-width: 450px;
  }
  .datepicker-dropdown::after, .datepicker-dropdown::before {
    display: none;
  }
}
.datepicker-dropdown::before {
  border-bottom: 7px solid rgb(13, 110, 253);
  border-bottom-color: rgb(13, 110, 253);
}
.datepicker-dropdown::after {
  border-bottom: 6px solid rgb(13, 110, 253);
}
.datepicker-dropdown .day {
  font-weight: 500;
  height: 42px;
}
.datepicker-dropdown .datepicker-switch:hover,
.datepicker-dropdown .next:hover,
.datepicker-dropdown .prev:hover,
.datepicker-dropdown tfoot tr th:hover {
  background-color: #0d6efd;
}
.datepicker-dropdown thead,
.datepicker-dropdown thead * {
  background-color: #0d6efd;
  color: #fff;
  border-radius: 0 !important;
  visibility: visible !important;
}
.datepicker-dropdown * {
  border-radius: 2px !important;
}
.datepicker-dropdown tbody::before {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
.datepicker-dropdown th {
  padding: 12px !important;
}
.datepicker-dropdown .table-condensed {
  width: 100%;
  font-size: 12px;
}

.datepicker.active {
  color: #444 !important;
}

footer .lang {
  background: lightgrey;
  padding-top: 68px;
  padding-bottom: 50px;
  margin-top: 50px;
  padding-left: 6px;
  padding-right: 6px;
}
footer .lang li {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 6px;
}
footer .copyright {
  background: #727272;
  color: #fff;
  font-size: 12px;
  padding-top: 50px;
  padding-bottom: 34px;
  background: linear-gradient(0deg, #0c2b30 26%, 64%, rgb(27, 117, 94) 100%) !important;
}
footer .footer-links {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
footer .footer-links .header {
  font-weight: 600;
  font-size: 16px;
  color: #eef1f7;
  margin-bottom: 12px;
}
footer .footer-links .link {
  padding-bottom: 4px;
}
footer .footer-links .link a {
  font-size: 13px;
  color: #eef1f7;
  text-decoration: none;
}

.footer .bottom-search-form {
  margin-left: -4px;
  margin-right: 8px;
}
.footer .bottom-search-form .navbar-search {
  height: 48px;
  background: #f7f7f7;
  border-radius: 22px;
  border: 1px solid #757575;
  border-radius: 30px;
  align-items: center;
  margin-top: 16px;
}
.footer .bottom-search-form .navbar-search .material-icons {
  font-size: 28px;
}
.footer .bottom-search-form .navbar-search input {
  border: none;
  background: #f7f7f7;
  font-weight: 500;
  font-size: 14px;
}
.footer .bottom-search-form .navbar-search button {
  padding-top: 14px;
  padding-right: 0;
  color: #757575;
}
.footer .footer-descriptions {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 10px;
  justify-content: center;
  display: flex;
}
.footer .mobile-app-icon img {
  width: 160px;
  height: 54px;
  -o-object-fit: fill;
     object-fit: fill;
}
.footer .bottom-links {
  font-size: 12px;
  white-space: nowrap;
  text-decoration: underline;
  margin: 6px;
  display: inline-block;
}
.footer .footer-menu {
  margin-right: 12px;
}
.footer .footer-menu .accordion-item {
  background: transparent;
}
.footer .footer-menu .accordion-button {
  padding-left: 0px;
  font-weight: 500;
  color: #343434;
  background: transparent;
  padding-right: 2px;
}
.footer .footer-menu .accordion-button:not(.collapsed) {
  background: transparent;
  color: #343434;
}
.footer .footer-menu .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.footer-dark {
  background-color: #0f0f0f;
}

.offcanvas-fullscreen {
  height: 100% !important;
}
.offcanvas-fullscreen .offcanvas-body {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.offcanvas-fullscreen .offcanvas-body .body-wrapper {
  max-width: 600px;
  width: 100%;
}

.offcanvas-local .offcanvas-body {
  max-width: 600px;
  width: 100%;
}

.offcanvas {
  z-index: 1056;
}
.offcanvas .btn-close {
  background: transparent;
  position: absolute;
  right: 24px;
  top: 16px;
}
.offcanvas .btn-close svg {
  color: #ccc;
}
.offcanvas.low-animation {
  transition: transform 0s ease-in-out;
}

.offcanvas-burger-menu {
  width: 100% !important;
  border-left: none !important;
}
.offcanvas-burger-menu .btn-close {
  position: absolute;
  top: 10px;
  left: -6px;
}
.offcanvas-burger-menu .btn-close svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.offcanvas-burger-menu .offcanvas-burger-menu-header {
  background-color: #0c2b30;
  padding-top: 23px;
  padding-bottom: 17px;
  padding-right: 8px;
  padding-left: 8px;
}
.offcanvas-burger-menu .offcanvas-burger-menu-header .buttons-wrapper {
  margin-top: 16px;
  padding-left: 6px;
  padding-right: 4px;
}
.offcanvas-burger-menu .offcanvas-burger-menu-header .buttons-wrapper .buttons {
  text-decoration: none;
  background: #1f5e68;
  padding: 5px 8px;
  font-size: 14px;
  margin-top: 12px;
  color: #fff;
  border-radius: 16px;
  position: relative;
  letter-spacing: 0.5px;
}
.offcanvas-burger-menu .offcanvas-burger-menu-header .buttons-wrapper .buttons .absolute-badge {
  position: absolute;
  top: -11px;
  right: 0;
  background: #ffc90a;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 10px;
  color: #000;
  padding-left: 6px;
  padding-right: 6px;
  width: auto;
  font-weight: 600;
}
.offcanvas-burger-menu .offcanvas-burger-menu-header .welcome-text {
  color: #fff;
  padding-right: 12px;
  font-size: 16px;
  margin-top: -5px;
}
.offcanvas-burger-menu .burger-menu {
  padding-left: 4px !important;
  padding-right: 6px !important;
}
.offcanvas-burger-menu .burger-menu .menu-item {
  padding: 6px 2px;
  font-size: 15px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.offcanvas-burger-menu .burger-menu .menu-item:has(a.active) {
  background: #f2f2f4;
  border-radius: 8px;
  padding-left: 12px;
  font-weight: 500;
  margin-left: -10px;
}
.offcanvas-burger-menu .burger-menu .menu-item a {
  color: inherit;
  text-decoration: none;
}
.offcanvas-burger-menu .burger-menu .menu-item.header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 0;
  padding-bottom: 4px;
  font-size: 17px;
  font-weight: 600;
}
.offcanvas-burger-menu .burger-menu .menu-item.header.special {
  margin-bottom: 15px;
  margin-top: 3px;
  border-bottom: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  background: linear-gradient(275.85deg, #dbff49 0%, #f7e8d6 79.91%);
  border-radius: 32px;
  padding: 6px 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: 1px solid #0c2b30;
}
.offcanvas-burger-menu .burger-menu .menu-item.header.special svg {
  background: linear-gradient(275.85deg, #f7e8d6 0%, #dcfe50 79.91%);
  border-radius: 100%;
  width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 8px;
  color: #000000;
  font-weight: 400 !important;
}
.offcanvas-burger-menu .burger-menu .menu-item.go-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  padding: 6px 0px;
}
.offcanvas-burger-menu .burger-menu .menu-item.go-right img {
  width: 28px;
  height: 28px;
  margin-right: -3px;
}
.offcanvas-burger-menu .burger-menu .menu-item.collapse-button-caret {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  padding: 8px 0px;
}
.offcanvas-burger-menu .burger-menu .menu-item.collapse-button-caret::after {
  width: 18px;
  height: 18px;
}
.offcanvas-burger-menu .burger-menu .menu-item.collapse-button-caret:not(.collapsed) {
  color: #0d6efd;
}

.offcanvas-auto-height-90 {
  height: auto !important;
  max-height: 90% !important;
}

.dashboard-body {
  padding: 12px 15px !important;
  padding-top: 0;
}
.dashboard-body .form-header {
  background: transparent;
  margin-top: 0px;
  padding: 12px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  padding-top: 0px;
}
.dashboard-body .form-description {
  color: #999;
  letter-spacing: 0.5px;
  line-height: 25px;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;
}
.dashboard-body .form-subheader {
  padding-left: 2px;
  font-size: 18px;
  color: #444;
}

.gradient-extended {
  background: linear-gradient(180deg, #0c2b30 26%, 64%, rgba(29, 146, 111, 0.98) 100%) !important;
  color: white;
  padding-top: 18px;
  padding-bottom: 96px;
  padding-left: 12px;
  padding-right: 12px;
}

.breadcrumb {
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
}
.breadcrumb,
.breadcrumb a {
  display: inline-block;
}
.breadcrumb a {
  text-rendering: optimizeLegibility;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 22px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb a:first-child {
  padding-left: 16px;
}
.breadcrumb a:last-child:after, .breadcrumb a:last-child:before {
  border: 0;
}
.breadcrumb a:after, .breadcrumb a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 2;
  height: 40px;
}
.breadcrumb a:before {
  margin-left: 1px;
  z-index: 1;
}

.light {
  border: none;
}
.light a {
  color: #454545;
  background-color: #f2f2f4;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.7);
  height: 40px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}
.light a:after {
  border-left-color: #f2f2f4;
}
.light a:before {
  border-left-color: #9c9e9e;
}
.light a:hover, .light a:focus {
  background: #edf1f1;
}
.light a:hover:after, .light a:focus:after {
  border-left-color: #edf1f1;
}
.light a:active:before {
  border-left-color: #edf1f1;
}
.top_breadcrumb {
  position: fixed;
  top: 0px;
  z-index: 10;
  width: 100%;
  background: #f2f2f4;
  height: 40px;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  font-size: 14px;
  padding-right: 0px;
}
.top_breadcrumb .xkit:not(:first-child):not(.dont_icon) {
  position: relative;
  margin-left: 24px;
}
.top_breadcrumb .xkit:not(:first-child):not(.dont_icon):after, .top_breadcrumb .xkit:not(:first-child):not(.dont_icon):before {
  background: white;
  bottom: 0;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}
.top_breadcrumb .xkit:not(:first-child):not(.dont_icon):before {
  background: #cbd2d9;
  margin-left: 1px;
}
.top_breadcrumb .xkit {
  font-weight: 500;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 4px;
}
.top_breadcrumb .wrapper {
  overflow: scroll;
  width: 100%;
  display: flex;
  margin-right: 12px;
}

.add-duty-service-cta {
  background-color: #d6ecdf;
  padding: 12px 16px;
  width: 100%;
  margin-top: 24px;
  border-radius: 8px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.add-duty-service-cta .icon {
  display: inline-block;
  color: inherit;
  fill: currentcolor;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0px;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.add-duty-service-cta .desc {
  margin: 0px;
  padding: 0px;
  color: rgb(15, 71, 54);
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.15px;
  margin-left: 8px;
}

.filters-dropdown-parent .multiplesFilter {
  padding-left: 25px !important;
}
.filters-dropdown-parent .multiplesFilter::-moz-placeholder {
  color: #999 !important;
  font-weight: 500 !important;
  text-align: start !important;
}
.filters-dropdown-parent .multiplesFilter::placeholder {
  color: #999 !important;
  font-weight: 500 !important;
  text-align: start !important;
}

.filter-wrapper-list .badge {
  margin-bottom: 8px;
  margin-top: 8px;
  padding-right: 8px !important;
}

.dashboard-multi-purpose-filter .filter-button {
  padding: 5px 24px;
  height: 46px;
  background: #f8f9fa !important;
  color: #333 !important;
}
.dashboard-multi-purpose-filter .filter-button .comboTreePlaceholder {
  color: #333 !important;
}
.dashboard-multi-purpose-filter .filter-button .count {
  display: none;
}
.dashboard-multi-purpose-filter .filter-button.active {
  background-color: #177b4f !important;
  color: #fff !important;
}
.dashboard-multi-purpose-filter .filter-button.active .comboTreePlaceholder {
  color: #fff !important;
}
.dashboard-multi-purpose-filter .filter-button.active .count {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: 2px;
  padding: 2px 5px;
  font-weight: 600;
  background: #ffc107;
  border-radius: 6px;
  font-size: 10px;
  color: #000;
}
.dashboard-multi-purpose-filter .comboTreeWrapper {
  margin-right: 4px;
}
.dashboard-multi-purpose-filter .comboTreeInputBox {
  border: none !important;
}
.dashboard-multi-purpose-filter .comboTreeInputBox .comboTreePlaceholder {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.filters-dropdown-parent .comboTreeDropDownContainer {
  max-height: 300px;
  margin-top: 1px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  border-color: #d9d9d9;
}

.hs-code-selector-list .hs-code-list .hs-code-button {
  padding-top: 9px;
  padding-bottom: 9px;
}

.hs-code-list .hs-code-button {
  position: relative;
  padding-left: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.hs-code-list .hs-code-button .ms-auto {
  color: rgba(0, 0, 0, 0.75) !important;
}
.hs-code-list .hs-code-button::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background-size: 786px;
  background-image: url(../img/icon-css_sprites.png);
  background-repeat: no-repeat;
  left: 12px;
}
.hs-code-list .hs-code-button[data-category="01-05"]::before {
  background-position: -160px;
}
.hs-code-list .hs-code-button[data-category="06-14"]::before {
  background-position: -176px;
}
.hs-code-list .hs-code-button[data-category="15-15"]::before {
  background-position: -192px;
}
.hs-code-list .hs-code-button[data-category="16-24"]::before {
  background-position: -208px;
}
.hs-code-list .hs-code-button[data-category="25-27"]::before {
  background-position: -224px;
}
.hs-code-list .hs-code-button[data-category="28-38"]::before {
  background-position: -240px;
}
.hs-code-list .hs-code-button[data-category="39-40"]::before {
  background-position: -256px;
}
.hs-code-list .hs-code-button[data-category="41-43"]::before {
  background-position: -272px;
}
.hs-code-list .hs-code-button[data-category="44-46"]::before {
  background-position: -288px;
}
.hs-code-list .hs-code-button[data-category="47-49"]::before {
  background-position: -304px;
}
.hs-code-list .hs-code-button[data-category="50-63"]::before {
  background-position: -320px;
}
.hs-code-list .hs-code-button[data-category="64-67"]::before {
  background-position: -336px;
}
.hs-code-list .hs-code-button[data-category="68-70"]::before {
  background-position: -352px;
}
.hs-code-list .hs-code-button[data-category="71-71"]::before {
  background-position: -368px;
}
.hs-code-list .hs-code-button[data-category="72-83"]::before {
  background-position: -384px;
}
.hs-code-list .hs-code-button[data-category="84-85"]::before {
  background-position: -400px;
}
.hs-code-list .hs-code-button[data-category="86-89"]::before {
  background-position: -416px;
}
.hs-code-list .hs-code-button[data-category="90-92"]::before {
  background-position: -432px;
}
.hs-code-list .hs-code-button[data-category="93-93"]::before {
  background-position: -448px;
}
.hs-code-list .hs-code-button[data-category="94-96"]::before {
  background-position: -464px;
}
.hs-code-list .hs-code-button[data-category="97-97"]::before {
  background-position: -480px;
}
.hs-code-list .hs-code-button[data-code="99-00"]::before, .hs-code-list .hs-code-button[data-category="99-00"]::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="%23000C37"><path d="M13.9875 3.9625L12.2256 0.684375C12.0906 0.273438 11.7125 0 11.2781 0H7.5V4H13.9625C13.9719 3.98438 13.9781 3.97813 13.9875 3.9625ZM0 5V12.5C0 13.3281 0.671562 14 1.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5H0ZM6.5 4V0H2.72281C2.28906 0 1.91031 0.273438 1.77344 0.68375L0.0117188 3.9625C0.0234375 3.97813 0.0273438 3.98438 0.0390625 4H6.5Z" fill="%23currentColor"></path></svg>');
  background-size: 14px;
  background-position: 0;
}
.hs-code-list .hs-code-button[data-code="98-99"]::before, .hs-code-list .hs-code-button[data-category="98-99"]::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="%23000C37"><path d="M13.7998 5H11.5498V3.75C11.5498 1.68219 9.86856 0 7.7998 0C5.73105 0 4.0498 1.68219 4.0498 3.75V5H1.7998C1.24762 5 0.799805 5.44688 0.799805 6V13.5C0.799805 14.8813 1.91918 16 3.2998 16H12.2998C13.6804 16 14.7998 14.8806 14.7998 13.5V6C14.7998 5.44688 14.3529 5 13.7998 5ZM5.5498 3.75C5.5498 2.50938 6.55918 1.5 7.7998 1.5C9.04043 1.5 10.0498 2.50938 10.0498 3.75V5H5.5498V3.75ZM4.7998 7.75C4.3873 7.75 4.0498 7.41563 4.0498 7C4.0498 6.58437 4.3873 6.25 4.7998 6.25C5.2123 6.25 5.5498 6.5875 5.5498 7C5.5498 7.4125 5.21543 7.75 4.7998 7.75ZM10.7998 7.75C10.3857 7.75 10.0498 7.41406 10.0498 7C10.0498 6.58594 10.3873 6.25 10.7998 6.25C11.2123 6.25 11.5498 6.5875 11.5498 7C11.5498 7.4125 11.2154 7.75 10.7998 7.75Z" fill="%23currentColor"></path></svg>');
  background-size: 14px;
  background-position: 0;
}

.sea-fcl-icon, .sea-lcl-icon, .sea-bulk-icon {
  width: 24px;
  height: 24px;
  margin-top: -2px;
}

.sea-bulk-icon {
  margin-top: -8px;
}

.iqdropdown {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

.iqdropdown * {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

.iqdropdown *::after,
.iqdropdown *::before {
  box-sizing: inherit;
}

.iqdropdown *:not(input) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.iqdropdown *:focus {
  outline: none;
}

.iqdropdown h1,
.iqdropdown h2,
.iqdropdown h3,
.iqdropdown h4,
.iqdropdown h5,
.iqdropdown h6 {
  margin: 0;
}

.iqdropdown p {
  margin: 0;
}

.iqdropdown ul,
.iqdropdown ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.iqdropdown a {
  cursor: pointer;
}

.iqdropdown button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.iqdropdown select::-ms-expand {
  display: none;
}

.iqdropdown input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

.iqdropdown .icon-decrement {
  display: inline-block;
  height: 15px;
  margin: auto;
  min-width: 15px;
  position: relative;
  width: 15px;
}

.iqdropdown .icon-decrement::before {
  content: "";
  display: block;
  position: absolute;
  transition: transform 0.25s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 12H4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  top: 1px;
  right: -1px;
}

.iqdropdown .icon-decrement.icon-increment::before {
  content: "";
  display: block;
  position: absolute;
  transition: transform 0.25s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4v16m8-8H4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  top: 1px;
  right: 1px;
}

.iqdropdown .iqdropdown-menu {
  background-color: #ffffff;
  box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: none;
  left: 0;
  margin: -1px -2px -1px;
  position: absolute;
  right: 0;
  top: 46px;
  transition: all 0.2s ease-in-out;
  z-index: 99999;
  padding-top: 8px;
  max-height: 263px;
  overflow: auto;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.iqdropdown .iqdropdown-menu-category {
  align-items: center;
  display: flex;
  padding: 10px 12px;
  transition: all 0.2s;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid transparent;
}
.iqdropdown .iqdropdown-menu-category:not(:last-of-type) {
  border-bottom: 1px solid #eee;
}
.iqdropdown .iqdropdown-menu-category::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4v16m8-8H4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  top: 14px;
  right: 26px;
  position: absolute;
  content: "";
  display: block;
  transition: transform 0.25s ease-in-out;
}
.iqdropdown .iqdropdown-menu-category:not(.collapsed) {
  background-color: #f2f2f4;
}
.iqdropdown .iqdropdown-menu-category:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 12H4' /%3E%3C/svg%3E");
}
.iqdropdown .iqdropdown-menu-category.selected {
  background-color: #f2f2f4;
}
.iqdropdown .iqdropdown-menu-category.selected.sea {
  border-left-color: #008eff;
}
.iqdropdown .iqdropdown-menu-category.selected.land {
  border-left-color: #02bcb1;
}
.iqdropdown .iqdropdown-menu-category.selected.air {
  border-left-color: #f52c5c;
}
.iqdropdown .iqdropdown-menu-category.selected.rail {
  border-left-color: #958659;
}

.iqdropdown .iqdropdown-menu-option {
  align-items: center;
  display: flex;
  padding: 6px 15px;
  transition: all 0.2s;
}
.iqdropdown .iqdropdown-menu-option:not(:last-of-type) {
  border-bottom: 1px solid #eee;
}
.iqdropdown .iqdropdown-menu-option.highlight.sea {
  background-color: #d9eeff;
}
.iqdropdown .iqdropdown-menu-option.highlight.sea .counter.highlight {
  background: #008eff;
  color: #fff;
}
.iqdropdown .iqdropdown-menu-option.highlight.land {
  background-color: #d9f5f3;
}
.iqdropdown .iqdropdown-menu-option.highlight.land .counter.highlight {
  background: #02bcb1;
  color: #fff;
}
.iqdropdown .iqdropdown-menu-option.highlight.air {
  background-color: #fee0e7;
}
.iqdropdown .iqdropdown-menu-option.highlight.air .counter.highlight {
  background: #f52c5c;
  color: #fff;
}
.iqdropdown .iqdropdown-menu-option.highlight.rail {
  background-color: #efede6;
}
.iqdropdown .iqdropdown-menu-option.highlight.rail .counter.highlight {
  background: #958659;
  color: #fff;
}
.iqdropdown .iqdropdown-menu-option.disabled {
  opacity: 0.2;
}

.iqdropdown-collapse .iqdropdown-menu-option {
  padding-left: 15px;
}

.iqdropdown .iqdropdown-menu-option:last-child {
  border: 0;
}

.iqdropdown .iqdropdown-menu-close {
  color: #002674;
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  margin: 20px 0;
  padding: 0 15px;
  text-align: right;
  width: 100%;
}

.iqdropdown.menu-open .iqdropdown-menu {
  display: block;
}

@media only screen and (max-width: 640px) {
  .iqdropdown .iqdropdown-menu.mobile-top-menu {
    top: -285px;
  }
}
.iqdropdown-content {
  flex: 1;
  padding-right: 10px;
}

.iqdropdown-item {
  color: #000;
  font-size: 12px;
  font-weight: 500;
}

.iqdropdown p.iqdropdown-description {
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
}

.iqdropdown .iqdropdown-item-controls {
  display: flex;
  height: 32px;
}

.iqdropdown .iqdropdown-item-controls .counter {
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  background-color: #fff;
}
.iqdropdown .iqdropdown-item-controls .counter.highlight {
  background: #d9eeff;
}

.iqdropdown .iqdropdown-item-controls button {
  align-items: center;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  display: flex;
  height: 32px;
  padding: 0 10px;
  transition: all 0.2s ease-in-out;
}

.iqdropdown .iqdropdown-item-controls button:active {
  background-color: #efefef;
}

.iqdropdown .iqdropdown-item-controls button.button-decrement {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}

.iqdropdown .iqdropdown-item-controls button.button-increment {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}

.iqdropdown {
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 46px;
  justify-content: space-between;
  padding: 0 15px;
  position: relative;
  width: 100%;
  padding-left: 0.7rem;
  border-color: #ccc;
  padding-right: 12px;
}

.iqdropdown .iqdropdown-selection {
  color: #ccc;
  font-size: 12px;
  font-weight: 400;
  flex: 1;
  position: relative;
  white-space: nowrap;
}
.iqdropdown .iqdropdown-selection.selected {
  color: #333;
}

.iqdropdown::after {
  transition: 0.3s all;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAMAAABGBS09AAAAeFBMVEVMaXGVlZWRkZGRkZH///+UlJSRkZGQkJCRkZGZmZmRkZGRkZGSkpKRkZGVlZWQkJCdnZ2QkJCVlZWUlJSQkJCXl5eRkZGSkpKRkZGSkpKRkZGRkZGRkZGRkZGQkJCQkJCRkZGSkpKQkJCRkZGTk5OSkpKRkZGQkJAWlBl2AAAAJ3RSTlMAHcnXATdy+f4FzLJg5ySKDYgMJuYbSm61XtmUmcc1qkiq9fVHWVidqGmEAAAAhUlEQVR42o2O5w7CYAhF6e7XvfdwtN73f0OhatLUxnj+wMklAP2mHGpFX6h6KLn0QFcds6oDeq6rC6DJ91HeAHAf0k4jACdOPlESOwDG6WVmW7CFgblJELIULcubLJVh3SKydFmTZrQn8uXMdZYH/IiOXAxsGAudoOwbcLcVnaN5nkb/8gRapQtVGGewNQAAAABJRU5ErkJggg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 5px;
  width: 12px;
  position: absolute;
  right: 14px;
  top: 45%;
}

.iqdropdown.menu-open {
  border-color: #08f;
}

.iqdropdown.menu-open::after {
  transform: rotate(180deg);
}

.iqdropdown-clear {
  position: absolute;
  right: 8px;
  top: -30px;
  width: 24px;
  text-align: center;
}
.iqdropdown-clear svg {
  width: 14px;
}

.select2-dropdown-bigger .select2-results__option {
  padding: 12px 8px;
}

.select2-selection__clear {
  right: 40px;
  position: absolute !important;
  background: #ededed;
  border: none;
  border-radius: 100%;
  font-size: 24px;
  width: 32px;
  height: 32px;
  font-weight: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
}
.select2-selection__clear span {
  opacity: 0.7;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container--default {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-search__field::-moz-placeholder {
  font-size: 14px;
}

.select2-search__field::placeholder {
  font-size: 14px;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
  border: 1px solid #ccc;
  margin-top: -4px;
  padding: 8px 4px 4px 4px;
  font-size: 12px;
  box-shadow: 0px 2px 11px -5px rgba(0, 0, 0, 0.75);
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -48px;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -48px;
}

.select2-search--dropdown {
  display: block;
  padding: 0px;
}

.select2-search--dropdown .select2-search__field {
  width: 100%;
  box-sizing: border-box;
  border-color: #ccc;
  height: 48px;
  padding: 12px;
}
.select2-search--dropdown .select2-search__field:active {
  border: 1px solid #08f;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 48px;
  font-size: 12px;
  padding-left: 0.7rem;
  border-color: #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 18px;
  width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  display: none;
}

.is-invalid .select2-selection__arrow {
  right: 22px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 0px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
  border: 1px solid #ccc;
  outline: 1px solid #08f;
  border-radius: 6px;
  outline-offset: 0 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:active {
  border: 1px solid #08f;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-multi-list-item {
  padding: 6px;
  cursor: pointer;
}
.select2-multi-list-item:hover {
  background: #5897fb;
  color: #fff;
}
.select2-multi-list-item:hover .text-slight {
  color: #fff !important;
}

.select2-container :focus-visible {
  outline: none;
}
.select2-container .clears2 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f8f9fa;
  border: none;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  background-size: 9px;
  opacity: 1;
}

.location-select .input-group-text {
  z-index: 1;
}
.location-select .select2-container {
  height: 54px;
}
.location-select .select2-container .select2-selection--single,
.location-select .select2-container .select2-selection--multiple {
  border: 1px solid #fff;
  height: 54px;
  padding-left: 40px;
}
.location-select .select2-container .select2-selection--single .select2-selection__arrow,
.location-select .select2-container .select2-selection--multiple .select2-selection__arrow {
  top: 14px;
}

.select2-container--open .select2-selection--single.location-select-new {
  outline: 1px solid #08f;
}
.select2-container--open .select2-selection--single.location-select-new .select2-selection__rendered {
  display: none !important;
}

.location-select-dropdown-home.select2-dropdown--below {
  margin-top: -54px;
  border-radius: 4px !important;
  background: transparent !important;
}
.location-select-dropdown-home .select2-search__field {
  height: 54px;
  border: none !important;
  outline: none !important;
  padding-left: 55px;
  padding-right: 48px;
  background: transparent;
}
.location-select-dropdown-home .select2-results {
  background-color: #fff;
  margin-top: 0;
  padding-top: 4px;
}

.location-select-dropdown.select2-dropdown--below {
  margin-top: -52px;
  border-radius: 6px !important;
}
.location-select-dropdown .select2-search__field {
  height: 54px;
}
.location-select-dropdown.filter46.select2-dropdown--below {
  margin-top: -48px;
}
.location-select-dropdown.filter46 .select2-search__field {
  height: 48px;
  border: 1px solid #08f;
  outline: none;
}
.location-select-dropdown.multiple_select.select2-dropdown--below {
  margin-top: 0px;
}
.location-select-dropdown.multiple_select .select2-search__field {
  height: 48px;
  border: 1px solid #08f;
  outline: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.ms-options-wrap {
  position: relative;
}

.ms-options-wrap,
.ms-options-wrap * {
  box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  position: relative;
  width: 100%;
  text-align: left;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 5px 20px 5px 5px;
  margin-top: 1px;
  font-size: 13px;
  color: #ccc;
  outline-offset: -2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  height: 47px;
  padding-left: 32px;
  padding-top: 7px;
  font-weight: normal;
  font-size: 12px;
}

.ms-options-wrap > button[disabled] {
  background-color: #e5e9ed;
  color: #808080;
  opacity: 0.6;
}

.ms-options-wrap > button:after {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #999;
  margin-top: -3px;
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  position: absolute;
  width: 0;
}

.ms-options-wrap.ms-has-selections > button {
  color: #333;
  border-color: #333;
}

.imo-code-multiple.no-icon + .ms-options-wrap > button {
  padding-left: 15px !important;
}

.ms-options-wrap > .ms-options {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 20px;
  background: white;
  border: 1px solid #ededed;
  overflow: auto;
  visibility: hidden;
  box-shadow: 0px 2px 11px -5px rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  padding-bottom: 8px !important;
  max-height: 310px !important;
  z-index: 3;
}

.ms-options-wrap.ms-active > .ms-options {
  visibility: visible;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
}

.ms-options-wrap.ms-active > button {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
}

.ms-options-wrap > .ms-options > .ms-search input {
  width: 100%;
  padding: 4px 5px;
  border: none;
  border-bottom: 1px groove;
  outline: none;
}

.ms-options-wrap > .ms-options > .no-result-message {
  padding: 4px 5px;
  display: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
  display: inline-block;
  font-size: 0.9em;
  text-transform: lowercase;
  text-decoration: none;
}

.ms-options-wrap > .ms-options .ms-selectall:hover {
  text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
  margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0 !important;
  margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}

.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 20px 4px 4px;
  margin: 1px 0;
  border: 1px dotted transparent;
}

.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
  background-color: #efefef;
  border-color: #999;
}

.ms-options-wrap > .ms-options > ul li:has(input[type=checkbox]:checked) label {
  background-color: #efefef;
  border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type=checkbox] {
  margin: 0 5px 0 0;
  position: absolute;
  right: 4px;
  top: 10px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type=checkbox] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ms-options-wrap {
  width: 100%;
}

.lawin-form .ms-options-wrap > button {
  padding: 8px;
}
.lawin-form .ms-options label {
  font-size: 12px;
  padding: 7px !important;
}

.ms-options-wrap > button.is-invalid:after {
  right: 30px !important;
}

.ms-options .hs-code-button {
  position: relative;
  padding-left: 28px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 3px;
}
.ms-options .hs-code-button::before {
  left: 4px;
}

.offcanvas-body .hs-code-multiple ~ .ms-options-wrap > .ms-options {
  bottom: 28px;
}

.menu-bottom ~ .ms-options-wrap > .ms-options {
  bottom: auto !important;
  display: none;
}

.menu-bottom ~ .ms-options-wrap.ms-active > .ms-options {
  bottom: auto !important;
  display: block;
}

.select2-hide-disabled-options .select2-results__option[aria-disabled=true] {
  display: none;
}

.select2-container--avium-std.select2-container .select2-selection--single,
.select2-container--avium-std.select2-container .select2-selection--multiple {
  font-size: 12px;
  min-height: 46px;
  border: 1px solid #dae1e4;
  border-radius: 6px;
  background-color: #fff;
  padding: 3px 12px;
  line-height: 38px;
  color: #495057;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 14px 10px;
}
.select2-container--avium-std.select2-container .select2-selection--single:focus,
.select2-container--avium-std.select2-container .select2-selection--multiple:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.select2-container--avium-std.select2-container .select2-selection--single .select2-selection__placeholder,
.select2-container--avium-std.select2-container .select2-selection--multiple .select2-selection__placeholder {
  color: #ced4da;
  font-size: 12px;
}
.select2-container--avium-std.select2-container .select2-search__field {
  border: 1px solid #ccc;
}
.select2-container--avium-std.select2-container .select2-search__field:focus, .select2-container--avium-std.select2-container .select2-search__field:active {
  border-color: #80bdff;
  outline: 0;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-dropdown {
  box-shadow: 0px 3px 20px -2px rgba(0, 0, 0, 0.1);
}
.select2-container--avium-std.select2-container.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0px !important;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0px !important;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results {
  display: block;
  border: 1px solid #dae1e4;
  margin-top: -2px;
  font-size: 12px;
  box-shadow: none;
  background: #fff;
  padding: 0;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results .select2-results__options .select2-results__option {
  padding: 10px 12px;
  cursor: pointer;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #f8f9fa;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  background-color: #ecf5ff;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results .select2-results__options .select2-results__option:first-child {
  padding-top: 12px;
}
.select2-container--avium-std.select2-container.select2-container--open .select2-results .select2-results__options .select2-results__option:last-child {
  padding-bottom: 14px;
}
.select2-container--avium-std.select2-container .select2-selection__clear {
  top: 50%;
  transform: translate(0, -50%);
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: 7px;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-control-attribution svg {
  display: inline !important;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 12px;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}
.pointSelectorOnMapMapView {
  height: 235px;
  margin-top: 4px;
  border-radius: 6px;
  border: 1px solid #ccc;
  z-index: 0;
}

.non-priced-services-list .list-group-item {
  padding: 8px 15px;
  padding-left: 8px;
}
.non-priced-services-list .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 15px;
}
.non-priced-services-list .list-group-item .service-code {
  min-width: 35px;
  display: inline-block;
}

.non-priced-services {
  background-color: #f2f4fa !important;
  color: #000 !important;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.non-priced-services .big-title {
  color: rgb(13, 84, 117);
  font-weight: 600;
  line-height: 20px;
  font-size: 13px;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.non-priced-services .title-header {
  border: 1px solid #fff;
  padding: 12px 16px;
  padding-left: 10px;
  padding-left: 18px;
  border: none;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.transport-request-card .non-priced-services {
  background: none !important;
  background-color: #f2f4fa !important;
  color: #000 !important;
  margin-top: -21px;
  margin-left: 5px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.transport-request-card .non-priced-services .big-title {
  color: rgb(13, 84, 117);
  font-weight: 600;
  line-height: 20px;
  font-size: 13px;
  margin-bottom: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 36px;
}
.transport-request-card .non-priced-services .title-header {
  border: 1px solid #fff;
  padding: 12px 16px;
  padding-left: 10px;
  padding-left: 11px;
  border: none;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.transport-request-card {
  background-color: #fff;
  margin-bottom: 8px;
  background-color: #fff;
  margin-bottom: 2px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  border-radius: 4px;
}
.transport-request-card .left-vertical-bar .bar {
  position: absolute;
  left: 5px;
  top: -10px;
  width: 34px;
  background: #f2f4fa !important;
  height: calc(100% + 12px);
  border-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.transport-request-card .left-vertical-bar .left-vertical-bar-icon {
  position: absolute;
  left: -41px;
}
.transport-request-card .left-vertical-bar .left-vertical-bar-icon.sea_ctr, .transport-request-card .left-vertical-bar .left-vertical-bar-icon.land_ctr, .transport-request-card .left-vertical-bar .left-vertical-bar-icon.air_ctr, .transport-request-card .left-vertical-bar .left-vertical-bar-icon.rail_ctr {
  left: -40px;
}
.transport-request-card .left-vertical-bar .left-vertical-bar-icon.land_ftl {
  left: -38px;
}
.transport-request-card .left-vertical-bar .left-vertical-bar-icon.land_ftl svg {
  width: 21px;
  height: 21px;
}
.transport-request-card .info-title {
  text-transform: capitalize;
  color: rgb(13, 84, 117);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1px;
  padding-left: 2px;
}
.transport-request-card .more-box {
  color: #324161;
  font-weight: 600;
  text-decoration: underline;
  border: 1px solid #eaeaea;
  padding: 3px 6px;
  margin-right: 4px;
  border-radius: 4px;
  height: 32px;
  min-width: 32px;
  align-items: center;
  justify-content: center;
}
.transport-request-card .rateit-font {
  font-size: 20px;
}
.transport-request-card .profile {
  width: 42px;
  height: 42px;
  min-width: 42px;
  max-width: 42px;
  min-height: 42px;
  max-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: #0d6efd;
  padding-top: 0px;
  margin-right: 8px;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}
.transport-request-card .profile svg {
  border-radius: 100%;
  color: #fff;
  width: 24px;
  height: 24px;
}
.transport-request-card .id {
  font-size: 14px;
  color: #0d6efd;
}
.transport-request-card .details {
  margin-top: 12px;
  font-size: 13px;
}
.transport-request-card .divider {
  background-color: #ededed;
  width: 100%;
  height: 1px;
  margin: 15px 0px;
}
.transport-request-card .transport-type-icon {
  color: #0d6efd;
  margin-bottom: 15px;
  margin-top: -2px;
}
.transport-request-card .road {
  width: 100%;
  height: 2px;
  display: flex;
  margin-top: -2px;
  justify-content: space-between;
}
.transport-request-card .road .way {
  width: 100%;
  height: 1px;
  background: #0d6efd;
  border-radius: 120px;
}
.transport-request-card .road .way.land-first {
  background: #02bcb1;
}
.transport-request-card .road .way.land-last {
  background: #02bcb1;
}
.transport-request-card .points {
  width: 100%;
  height: 1px;
  background: transparent;
  display: flex;
  justify-content: space-between;
}
.transport-request-card .points .point {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 100%;
  margin-top: -7px;
  border: 1px solid #dedede;
  position: relative;
}
.transport-request-card .points .point.with-icon {
  border: none !important;
}
.transport-request-card .points .point.with-icon svg {
  width: 17px;
  height: 17px;
  color: #dedede;
  position: absolute;
  left: -2px;
  background: #fff;
  top: -3px;
}
.transport-request-card .points .point.land-first {
  border: 1px solid #02bcb1;
}
.transport-request-card .points .point.land-first.invisible {
  border: 1px solid #dedede !important;
  visibility: visible !important;
}
.transport-request-card .points .point.land-last {
  border: 1px solid #02bcb1;
}
.transport-request-card .points .point.land-last.invisible {
  border: 1px solid #dedede !important;
  visibility: visible !important;
}
.transport-request-card .points .point.upload-first {
  border: 1px solid #0d6efd;
}
.transport-request-card .points .point.upload-first.land {
  border: 1px solid #02bcb1;
}
.transport-request-card .points .point.upload-first.rail {
  border: 1px solid #958659;
}
.transport-request-card .points .point.upload-first.air {
  border: 1px solid #f52c5c;
}
.transport-request-card .points .point.upload-first.invisible {
  border: 1px solid #dedede !important;
  visibility: visible !important;
}
.transport-request-card .points .point.upload-last {
  border: 1px solid #0d6efd;
}
.transport-request-card .points .point.upload-last.land {
  border: 1px solid #02bcb1;
}
.transport-request-card .points .point.upload-last.rail {
  border: 1px solid #958659;
}
.transport-request-card .points .point.upload-last.air {
  border: 1px solid #f52c5c;
}
.transport-request-card .points .point.upload-last.invisible {
  border: 1px solid #dedede !important;
  visibility: visible !important;
}
.transport-request-card .points .point::after {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  content: "";
  right: -7px;
  top: 1px;
}
.transport-request-card .points .point::before {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  content: "";
  left: -7px;
  top: 1px;
}
.transport-request-card .btn-primary .price {
  background: #fff;
  color: #0d6efd;
  font-weight: 500;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 120px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.transport-request-card .left-and-right-0 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.transport-request-card .dettail {
  height: 32px;
}
.transport-request-card .subject {
  color: #9fb1c1;
  font-size: 12px;
  font-weight: 500;
}
.transport-request-card .answer {
  font-weight: 500;
}
.transport-request-card .answer.wb {
  width: 120px;
  display: flex;
  justify-content: flex-end;
  background: #eff1f6;
  text-align: right;
  padding: 4px 6px;
  border-radius: 4px;
  height: 30px;
  align-items: center;
}
.transport-request-card .list-group-flush > .list-group-item {
  border-width: 0 0 1px !important;
}
.transport-request-card .collapse-request-details {
  font-size: 14px;
  font-weight: 400;
}
.transport-request-card.land .transport-type-icon {
  color: #02bcb1;
}
.transport-request-card.land .profile {
  background: #02bcb1;
}
.transport-request-card.land .id {
  color: #02bcb1;
}
.transport-request-card.land .way {
  background: #02bcb1;
  width: 100%;
}
.transport-request-card.rail .transport-type-icon {
  color: #958659;
}
.transport-request-card.rail .profile {
  background: #958659;
}
.transport-request-card.rail .id {
  color: #958659;
}
.transport-request-card.rail .way {
  background: #958659;
}
.transport-request-card.air .transport-type-icon {
  color: #f52c5c;
}
.transport-request-card.air .profile {
  background: #f52c5c;
}
.transport-request-card.air .id {
  color: #f52c5c;
}
.transport-request-card.air .way {
  background: #f52c5c;
}

.forms-request-a-transport {
  box-shadow: 0 4px 15px rgba(58, 112, 191, 0.1);
  margin: 12px;
  padding: 12px;
}
.forms-request-a-transport .form-header {
  background: #d9eeff;
  margin-top: -12px;
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px;
  font-size: 22px;
  text-align: center;
  margin-bottom: 18px;
  padding-bottom: 8px;
  padding-top: 16px;
}
.forms-request-a-transport .form-subheader {
  font-size: 18px;
  color: #444;
}
.forms-request-a-transport input:not([type=checkbox]):focus, .forms-request-a-transport input:not([type=checkbox]):active,
.forms-request-a-transport .btn-outline-secondary-custom:focus,
.forms-request-a-transport .btn-outline-secondary-custom:active {
  background-color: #fff;
  color: #212529 !important;
  background-color: #fff !important;
  border-color: #86b7fe !important;
  box-shadow: none !important;
}
.forms-request-a-transport .dropdown .show .dropdown-toggle {
  background-color: #fff;
  color: #212529 !important;
  background-color: #fff !important;
  border-color: #86b7fe !important;
  box-shadow: none !important;
}
.forms-request-a-transport .dropdown-menu {
  max-height: 338px;
  overflow: auto;
}
.forms-request-a-transport .required {
  color: #dd0014;
  padding-left: 2px;
  font-weight: bold;
  font-size: 11px;
}
.forms-request-a-transport .form-description {
  font-size: 14px;
  color: #444;
  text-align: center;
}
.forms-request-a-transport .form-control {
  display: flex;
  align-items: center;
  height: 48px;
}
.forms-request-a-transport .select-type-tab {
  border: 1px solid #ced4da !important;
  margin: 0 !important;
  padding-right: 8px !important;
}
.forms-request-a-transport .dropdown-toggle.active {
  color: #333 !important;
  border-color: #999 !important;
}
.forms-request-a-transport .input-group-right .input-group-text {
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  width: 48px;
  justify-content: center;
}
.forms-request-a-transport .input-group-right .input-group-text::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  top: 1px;
  right: 42px;
}
.forms-request-a-transport .input-group-right .input-group-text::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  bottom: 1px;
  right: 42px;
}
.forms-request-a-transport .input-group-right input::-moz-placeholder {
  color: #ccc;
}
.forms-request-a-transport .input-group-right input::placeholder {
  color: #ccc;
}
.forms-request-a-transport .btn-outline-primary {
  font-size: 10px;
  display: flex;
  align-items: center;
  font-weight: 500;
  width: 100%;
  justify-content: center;
}
.forms-request-a-transport .btn-outline-primary svg {
  margin-right: 5px;
}

.request-options.bg-grey-imp .bg {
  background: none !important;
  background-color: #f2f4fa !important;
  color: black !important;
}

ul.filters {
  display: flex;
  align-items: center;
  padding: 12px 11px;
  overflow: auto;
  padding-bottom: 12px;
  margin-bottom: 0;
  background: #fff;
}
ul.filters .list-item {
  margin-right: 8px;
}
ul.filters .list-item button {
  background: #f2f4fa;
  border: none;
  border-radius: 27px;
  padding: 0px 19px;
  align-items: center;
  height: 38px;
  font-size: 14px;
  display: flex;
  color: #000;
  white-space: nowrap;
  font-weight: 500;
}
ul.filters .list-item button.only-icon {
  width: 29px;
  height: 29px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.filters .list-item button.only-icon svg {
  width: 21px;
  height: 21px;
}
ul.filters .list-item button.active {
  background-color: #0d6ffd;
  color: #fff;
}
ul.filters .list-item button.active svg.ac {
  color: #fff !important;
}
ul.filters .list-item button .order-change {
  display: flex;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-left: 8px;
  margin-right: -13px;
  transform: rotate(90deg);
  position: relative;
}
ul.filters .list-item button .order-change svg:first-child {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 5px;
  top: 8px;
}
ul.filters .list-item button .order-change svg:last-child {
  position: absolute;
  top: 3px;
  left: 6px;
  height: 12px;
  width: 12px;
  transform: rotate(180deg);
}
ul.filters .list-item button .order-change.time {
  transform: rotate(180deg);
}
ul.filters .list-item button .order-change.star svg:first-child {
  transform: rotate(180deg);
  left: 6px;
  top: 8px;
}
ul.filters .list-item button .order-change.star svg:last-child {
  top: 3px;
  left: 5px;
  transform: rotate(0deg);
}
ul.filters .list-item button .order-change.asc svg:first-child {
  fill: #0d6ffd;
}
ul.filters .list-item button .order-change.asc svg:last-child {
  fill: #afb4bb;
}
ul.filters .list-item button .order-change.desc svg:first-child {
  fill: #afb4bb;
}
ul.filters .list-item button .order-change.desc svg:last-child {
  fill: #0d6ffd;
}

.change-order-dropdown-button {
  padding: 4px 13px;
  letter-spacing: 0.3px;
  padding-right: 8px;
  width: 120px;
  height: 30px;
}
.change-order-dropdown-button .badge {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #fff;
}
.change-order-dropdown-button .order-change svg:first-child {
  fill: #000;
}
.change-order-dropdown-button .order-change svg:last-child {
  fill: #000;
}
.change-order-dropdown-button.active {
  background-color: #0d6efd;
  color: #fff;
}
.change-order-dropdown-button.active .badge {
  background: #fff;
  color: #000;
  display: flex;
}
.change-order-dropdown-button.active.desc .order-change svg:last-child {
  fill: #ffc107;
}
.change-order-dropdown-button.active.desc .order-change svg:first-child {
  fill: #fff;
}
.change-order-dropdown-button.active.asc .order-change svg:first-child {
  fill: #ffc107;
}
.change-order-dropdown-button.active.asc .order-change svg:last-child {
  fill: #fff;
}

.change-order-dropdown li .icon {
  font-size: 10px;
  font-weight: 500;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #000;
}
.change-order-dropdown li .icon.blue {
  background: #0d6efd;
  color: #fff;
}
.change-order-dropdown li .icon.yellow {
  background: #ffc107;
  color: #000;
}
.change-order-dropdown li.active .icon.blue {
  background: #fff;
  color: #0d6efd;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  white-space: nowrap !important;
  text-align: center !important;
  vertical-align: middle !important;
  max-width: 0px !important;
  width: 14px !important;
  height: 16px !important;
  line-height: 17px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.dropdown-menu.show {
  box-shadow: 0px 15px 21px -15px rgb(6, 6, 6);
  -webkit-box-shadow: 0px 15px 21px -15px rgb(6, 6, 6);
}

.daterangepicker {
  width: 97.5% !important;
  margin-top: -1px !important;
  box-shadow: 0px 41px 82px 1px rgb(5, 5, 5);
}
.daterangepicker .drp-calendar {
  width: 100%;
  max-width: 100% !important;
  padding-right: 8px !important;
}
.daterangepicker .drp-buttons .drp-selected {
  font-weight: 500;
}
.daterangepicker .ranges {
  height: 24px;
  width: 100%;
  color: #000;
  z-index: 1111;
  border-bottom: 1px solid #f1f1f1;
  margin: 12px !important;
  font-size: 11px;
  width: calc(100% - 24px);
  font-weight: 500;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-bottom: 5px !important;
}

.custom-caret::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 4px;
  right: 11px;
  top: 22px;
  z-index: 1;
  transform: rotate(0deg);
  transition: all 0.4s;
  position: absolute;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");
}
.custom-caret.active::after {
  transform: rotate(180deg);
}

.custom-caret-triangle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-left: auto;
}
.custom-caret-triangle.active::after {
  transform: rotate(180deg);
}

.applied-filters .btn-close {
  background-size: 8px;
  margin-left: 6px;
  background-color: #cdcdcd;
  border-radius: 100%;
}

#savedSearchsList .dropdown-item.active a {
  color: #fff;
}
#savedSearchsList .dropdown-item.active .applied-filters-item .icon {
  background-color: #fff !important;
}
#savedSearchsList a {
  color: #333;
  text-decoration: none;
}
#savedSearchsList .applied-filters-item .icon {
  border-radius: 100% !important;
}

.splide__arrows.splide__arrows--ttb .splide__arrow.splide__arrow--prev {
  top: 0;
  left: 44%;
}

.splide_custom_arrows {
  position: relative;
  display: flex;
  height: 36px;
  width: auto;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
  justify-content: space-between;
}
.splide_custom_arrows .splide__arrow {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  transform: none;
  background: none;
  height: 24px;
}
.splide_custom_arrows .splide__arrow svg {
  height: 13px;
  width: 13px;
}

.splide_custom_arrows .header {
  color: #0d6efd;
}

.splide__arrow {
  opacity: 1;
}
.splide__arrow svg {
  width: 14px;
  height: 14px;
}
.splide__arrow.splide__arrow--next {
  right: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.4509803922) 50%, rgba(255, 255, 255, 0));
  width: 24px;
  height: 24px;
  justify-content: center;
}
.splide__arrow.splide__arrow--prev {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.4509803922) 50%, rgba(255, 255, 255, 0));
  width: 24px;
  height: 24px;
  justify-content: center;
}
.splide__arrow:disabled {
  width: 0;
  height: 0;
}

.splide__pagination__page.is-active {
  background-color: #0d6efd !important;
}

.splide__pagination__page {
  width: 6px !important;
  height: 6px !important;
}

.splide__pagination {
  bottom: -24px !important;
}

.splide__list {
  transform-style: flat !important;
}

.carousel-first .splide__track {
  box-shadow: 0 8px 30px rgba(58, 112, 191, 0.15);
}

.splide.nav.nav-tabs .splide__slide {
  border: none !important;
}

.tab-with-text {
  border: none;
}
.tab-with-text::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f3f3f3;
  position: absolute;
  bottom: 0;
}
.tab-with-text .nav-link {
  color: #7a7f8c;
  padding: 8px 0px;
  padding-bottom: 12px;
  border: none;
  font-weight: 500;
}
.tab-with-text .nav-link::after {
  transition: all 0.3s;
  content: "";
  display: block;
  width: 110%;
  height: 3px;
  background-color: #0d6efd;
  position: absolute;
  bottom: 0;
  transform: scaleX(0);
  left: -5%;
}
.tab-with-text .nav-link.active {
  color: #000;
  border: none;
  font-weight: 600;
}
.tab-with-text .nav-link.active:after {
  transform: scaleX(1);
}
.tab-with-text.yellow .nav-link.active::after {
  background-color: #fcc404;
}

.splide__pagination.splide__pagination--bottom-n-12 {
  bottom: -12px !important;
}
.splide__pagination.splide__pagination--orange .splide__pagination__page.is-active {
  background-color: #fb7701 !important;
}

.landing-gradient-head {
  background: linear-gradient(180deg, #0c2b30 26%, 64%, rgba(29, 146, 111, 0.98) 100%) !important;
  padding-left: 24px;
  color: #fff;
  font-size: 14px;
  padding-top: 26px;
  padding-bottom: 1px;
  padding-right: 24px;
}
.landing-gradient-head.express {
  background: linear-gradient(180deg, #ffd900 26%, 64%, rgba(212, 157, 3, 0.98) 100%) !important;
}
.landing-gradient-head .stick-in-parent {
  z-index: 4;
  background: linear-gradient(rgb(22, 97, 81) 26%, 64%, rgb(29, 129, 101) 100%) !important;
  margin-left: -24px;
  margin-right: -24px;
  padding: 12px 32px 12px 32px;
}

.notifier .header {
  height: 140px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notifier .header .icon {
  width: 75px;
  height: 75px;
  color: white;
}
.notifier .body {
  padding-bottom: 42px;
  padding-top: 32px;
  background-color: #f5f5f5;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  overflow-wrap: anywhere;
  word-wrap: anywhere;
}
.notifier .body .title {
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}
.notifier .body .message {
  font-size: 14px;
}
.notifier.success .header {
  background-color: #47c9a2;
}
.notifier.error .header {
  background-color: #f44336;
}
.notifier.warning .header {
  background-color: #ff9800;
}
.notifier.info .header {
  background-color: #2196f3;
}
.notifier.primary .header {
  background-color: #9c27b0;
}

.bootbox .bootbox-close-button {
  background: none;
  border: none;
  position: absolute;
  right: 14px;
  top: 5px;
  font-size: 24px;
  opacity: 0.5;
}
.bootbox .bootbox-body {
  padding: 16px;
}

@media (max-width: 768px) {
  .notify-dropdown-class {
    position: static;
  }
  .notify-dropdown-class .dropdown-menu.notify-drop {
    width: 90%;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .notify-dropdown-class .dropdown-menu.notify-drop {
    width: 100%;
  }
}

.notify-drop-cta {
  color: #ddd;
  text-decoration: none;
  position: relative;
}
.notify-drop-cta:active, .notify-drop-cta:focus {
  color: rgb(255, 255, 255);
}
.notify-drop-cta svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
.notify-drop-cta::after {
  display: none;
}
.notify-drop-cta .notify-drop-badge {
  position: absolute;
  top: -10px;
  right: -7px;
  font-size: 10px;
  font-weight: bold;
  color: #000;
  background-color: #FFC107;
  border-radius: 10px;
  padding: 3px 6px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0 0 0 1px #fff;
  z-index: 1;
  min-width: 17px;
  min-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  line-height: normal;
}
.notify-drop-cta .notify-drop-badge:empty, .notify-drop-cta .notify-drop-badge[data-count="0"] {
  display: none;
}

.dropdown-menu.notify-drop {
  width: 330px;
  background-color: #fff;
  margin-top: -10px;
}

.dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 15px 10px 15px;
  font-size: 12px;
}

.dropdown-menu.notify-drop .drop-content {
  min-height: 240px;
  max-height: 340px;
  overflow-y: scroll;
}

.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.notify-drop-list-item {
  padding: 18px 20px;
  font-size: 13px;
  padding-right: 12px;
  color: #555;
  text-decoration: none;
  background-color: #fff;
  font-weight: 500;
  padding-right: 40px;
  padding-left: 33px;
}
.notify-drop-list-item:hover {
  background-color: #f5f5f5;
  color: #0c2c5c;
}
.notify-drop-list-item.unread {
  background-color: rgb(217, 238, 255);
}
.notify-drop-list-item.unread .notify-image img,
.notify-drop-list-item.unread .notify-image svg {
  color: #d63384 !important;
}
.notify-drop-list-item:not(:last-child) {
  border-bottom: 1px solid rgb(239, 243, 244);
}
.notify-drop-list-item .notify-image {
  margin-top: -2px;
}
.notify-drop-list-item .notify-image img,
.notify-drop-list-item .notify-image svg {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-right: 24px;
  margin-left: 4px;
}
.notify-drop-list-item .notify-image svg {
  width: 28px;
  color: #9a9daa;
}
.notify-drop-list-item .notify-time {
  color: #777;
  font-size: 12px;
  padding-left: 0px;
}

.dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  position: relative;
  padding: 8px 15px;
}

.dropdown-menu.notify-drop .notify-drop-footer a {
  color: #777;
  text-decoration: none;
}

.dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: #333;
}

.notifications-tabs {
  border-bottom: 1px solid #f2f2f4;
}
.notifications-tabs .nav-link {
  font-weight: 500;
  font-size: 14px;
  color: #999;
  border-radius: 0;
  padding-bottom: 12px;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 6px;
  margin-right: 6px;
}
.notifications-tabs .nav-link.active {
  background: #fff;
  color: #000;
  font-weight: 700;
  border-bottom: 2px solid #0d6efd;
}

.special-notification {
  position: relative;
}
.special-notification .notify-drop-list-item {
  background-image: linear-gradient(to right top, #ffe800, #ebe900, #d6ea00, #c0eb00, #a8eb12);
}
.special-notification .notify-drop-list-item::after {
  content: "";
  background-color: #e5e5f7;
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: -33px;
  margin-top: -20px;
  opacity: 0.1;
  background-color: #ffffff;
  background: repeating-linear-gradient(-45deg, #818181, #818181 2px, #ffffff 2px, #ffffff 10px);
  z-index: 0;
}
.special-notification .notify-drop-list-item .notify-text {
  color: #000;
  z-index: 1;
}
.special-notification .notify-drop-list-item .notify-text a {
  color: #000;
  font-weight: 600;
}
.special-notification .notify-drop-list-item .notify-text .notify-time {
  color: #444;
}

.pulse {
  z-index: 1;
}
.pulse::before {
  position: absolute;
  content: "";
  top: 1px;
  right: 1px;
  width: 16px;
  height: 16px;
  background-color: inherit;
  border-radius: 50%;
  z-index: -1;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.transportion-list {
  font-size: 14px;
  line-height: 14px;
}
.transportion-list a {
  color: inherit;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
}
.transportion-list a:hover, .transportion-list a:active, .transportion-list a:focus {
  background-color: #f3f6fa;
}
.transportion-list.big a {
  padding: 0px;
}
.transportion-list.big a:hover .list-item, .transportion-list.big a:active .list-item, .transportion-list.big a:focus .list-item {
  background-color: #f3f6fa;
}
.transportion-list.big .list-item {
  padding-bottom: 4px;
  padding-top: 4px;
  height: 46px;
  box-shadow: 0 15px 30px rgba(58, 112, 191, 0.15);
  margin-bottom: 6px;
  background: #fff;
  padding-left: 8px;
  padding-right: 8px;
}
.transportion-list .list-item {
  padding-bottom: 4px;
  padding-top: 4px;
  height: 34px;
}
.transportion-list .list-item .flag {
  width: 26px;
  height: 26px;
}
.transportion-list .list-item .code {
  background: #e5e5e5;
  padding: 4px 8px;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  border-radius: 4px;
  width: 32px;
  text-align: center;
}
.transportion-list .list-item .divider {
  width: 18px;
  height: 18px;
  color: #a3a3b9;
}
.transportion-list .list-item .divider.badge {
  width: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 !important;
  height: 24px;
  text-align: center;
  justify-content: center;
  border-radius: 12px;
}
.transportion-list .list-item .divider.badge.land {
  color: #02bcb1;
  background-color: rgba(2, 188, 176, 0.12);
}
.transportion-list .list-item .divider.badge.sea {
  color: #008eff;
  background-color: rgba(0, 140, 255, 0.12);
}
.transportion-list .list-item .divider.badge.air {
  color: #f52c5c;
  background-color: rgba(245, 44, 91, 0.12);
}
.transportion-list .list-item .divider.badge.rail {
  color: #f5a623;
  background-color: rgba(245, 166, 35, 0.12);
}
.transportion-list .list-item .divider.land {
  color: #02bcb1;
}
.transportion-list .list-item .divider.sea {
  color: #008eff;
}
.transportion-list .list-item .divider.air {
  color: #f52c5c;
}
.transportion-list .list-item .divider.rail {
  color: #f5a623;
}

.vertical-timeline {
  position: relative;
  margin-left: 8px;
}
.vertical-timeline .timeline-item {
  position: relative;
  margin-bottom: 32px;
  padding-left: 24px;
  display: flex;
  align-items: center;
  min-height: 56px;
}
.vertical-timeline .timeline-item .timeline-dot {
  position: absolute;
  left: -7px;
  top: -20px;
  bottom: 0px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #198754;
  border: 2px solid #ffffff;
  text-align: center;
  line-height: 20px;
  color: #999;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
}
.vertical-timeline .timeline-item .timeline-text {
  margin: 0;
  color: #999;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.vertical-timeline .vertical-line {
  position: absolute;
  display: none;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 2px dashed;
}
.vertical-timeline .vertical-line.air {
  border-color: #f52c5c;
}
.vertical-timeline .vertical-line.sea {
  border-color: #0d6efd;
}
.vertical-timeline .vertical-line.land {
  border-color: #02bcb1;
}
.vertical-timeline .vertical-line.rail {
  border-color: #958659;
}

.bill-of-lading {
  padding: 24px;
}
.bill-of-lading .wrapper {
  overflow: scroll;
}
.bill-of-lading .wrapper #qrCode img {
  display: inline-block !important;
}
.bill-of-lading .wrapper .table-lading th {
  background-color: rgb(240, 247, 255);
  border: 1px solid #000;
  padding: 6px;
}
.bill-of-lading .wrapper .table-lading td {
  border: 1px solid #000;
  vertical-align: baseline;
  padding: 12px;
  padding-left: 6px;
  word-break: break-word;
}
.bill-of-lading .wrapper .table-lading.bottom-soft td {
  border-bottom: 1px solid #999;
}
.bill-of-lading .wrapper .table-lading .lading-checkboxes .form-check-input {
  border-color: #000;
  min-width: 16px;
  min-height: 16px;
}

.container-change-card .brand-new-highlighter {
  padding-left: 9px;
  border-color: #efefef;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" style="width:14px;height:14px;opacity:.25" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" /></svg>') no-repeat, repeating-linear-gradient(45deg, #e9f0ff, white 54%) !important;
  padding-left: 46px !important;
  background-size: 22px;
  background-position: left 4px center;
  font-weight: 500 !important;
}
.container-change-card .container-switcher .container-switch-item {
  margin-bottom: 2px;
}
.container-change-card .container-switcher .container-switch-item.active span {
  border-top-color: #0066ff;
  border-bottom-color: #0066ff;
}
.container-change-card .container-switcher .container-switch-item.active span:first-child {
  border-left-color: #0066ff;
}
.container-change-card .container-switcher .container-switch-item.active span:last-child {
  border-right-color: #0066ff;
}
.container-change-card .form-check-input-true-false {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  opacity: 1;
}

.is-brand-new {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" style="width:14px;height:14px;opacity:.25" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" /></svg>') no-repeat, repeating-linear-gradient(45deg, #e9f0ff, white 54%);
  padding-left: 34px;
  background-size: 22px;
  background-position: left 4px center;
}

.container-complamentary-info {
  background: #fff;
  padding: 6px 12px;
  margin-left: auto;
  border-radius: 4px;
  font-size: 12px;
}

.container-pictures {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  width: 78px;
  height: 48px;
}
.container-pictures .picture-max {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.container-pictures::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
}
.container-pictures img {
  width: 78px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
}

.container-color {
  border: 1px solid #333;
  background-size: 6px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23000000' fill-opacity='0.08'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.container-color.mini {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
.container-color.small {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
}
.container-color.medium {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
.container-color.large {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
}
.container-color.circle {
  border-radius: 100%;
}
.container-color.dark_blue {
  background-color: #003366;
}
.container-color.light_blue {
  background-color: #66ccff;
}
.container-color.dark_green {
  background-color: #006600;
}
.container-color.light_green {
  background-color: #99cc00;
}
.container-color.white {
  background-color: #fff;
}
.container-color.gray {
  background-color: #a2a1ac;
}
.container-color.red {
  background-color: #ff0000;
}
.container-color.orange {
  background-color: #ff6600;
}
.container-color.yellow {
  background-color: #ffcc00;
}
.container-color.purple {
  background-color: #660066;
}
.container-color.brown {
  background-color: #663300;
}
.container-color.black {
  background-color: #000;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
  background-color: #000 !important;
  opacity: 0.75 !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  color: #000;
  font-size: 15px !important;
  font-weight: 500;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
  padding: 16px 16px 0px;
}
.jconfirm.jconfirm-white .jconfirm-box input,
.jconfirm.jconfirm-light .jconfirm-box input {
  font-size: 14px;
  height: 48px;
  box-shadow: none !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 12px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  min-height: 38px;
  margin-left: 8px;
  margin-right: 0px;
}

.jconfirm.nopadnobutton .jconfirm-box {
  padding: 0;
}
.jconfirm.nopadnobutton .jconfirm-buttons {
  display: none;
}
.jconfirm.nopadnobutton .jconfirm-content-pane {
  margin-bottom: 0 !important;
  display: block !important;
}

.jconfirm.special-promotions .jconfirm-box {
  background-color: transparent !important;
}
.jconfirm.special-promotions .notifier {
  background-color: #2196f3;
  background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%23ffffff' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(0deg, #0a7cd6, #2196f3);
  color: #fff;
  background-size: 50px;
}
.jconfirm.special-promotions .notifier .icon {
  margin-bottom: 8px;
}
.jconfirm.special-promotions .notifier .icon svg {
  width: 75px;
  height: 75px;
  color: #fff;
}
.jconfirm.special-promotions .notifier .body {
  font-size: 14px;
  line-height: 26px;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2705882353), transparent);
}
.jconfirm.special-promotions.sdg .notifier {
  background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%23ffffff' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--bs-green), #198754);
}
.jconfirm.special-promotions.myaviumapp .notifier {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%23000' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, #aa092c, #961929);
}

.multi-price-wizard input:disabled, .multi-price-wizard input[readonly] {
  background: #f2f2f4;
  color: #777 !important;
}

.multi-price-form .unit {
  width: 42px;
}
.multi-price-form .discount {
  width: 42px;
}
.multi-price-form .remove-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 6px);
  display: flex;
  align-items: center;
  width: 36px;
  justify-content: center;
  z-index: 6;
  color: #4b4b4b;
  margin-top: 0px;
  background-color: #fff;
  right: 2px;
}
.multi-price-form .remove-icon svg {
  height: 16px;
  width: 16px;
}

.w-95-mm {
  width: 95px !important;
  min-width: 95px !important;
}

.w-68-mm {
  width: 68px !important;
  min-width: 68px !important;
}

.caret {
  position: relative;
}
.caret::after {
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  border-bottom: solid 4px rgb(242, 244, 250);
  height: 0;
  width: 0;
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(50%);
}

.multi-price-table {
  font-size: 12px;
}
.multi-price-table .unit-cell {
  width: 38%;
}
.multi-price-table .price-cell, .multi-price-table .rate-cell {
  width: 32%;
}
.multi-price-table .multi-price-header {
  font-weight: 600;
  display: flex;
  height: 42px;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
.multi-price-table .multi-price-items {
  max-height: 300px;
  overflow: auto;
}
.multi-price-table .multi-price-items .multi-price-item {
  display: flex;
  height: 42px;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 500;
  border: 1px solid #fff;
}
.multi-price-table .multi-price-items .multi-price-item.active {
  border: 1px solid #2196f3 !important;
}
.multi-price-table .multi-price-items .multi-price-item:nth-child(odd) {
  background-color: #f1f1f3;
  border: 1px solid #f1f1f3;
}
.multi-price-table .multi-price-items .multi-price-item .rate {
  color: #4caf50;
  font-weight: 600;
}
.multi-price-table .multi-price-items .multi-price-item .rate.zero {
  color: rgb(155, 20, 20);
}

.starpin-searchbar {
  position: absolute;
  z-index: 1001;
  width: 100%;
  background: #fff;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 0px;
  margin-left: 12px;
  width: calc(100% - 24px);
  top: 12px;
}
.starpin-searchbar input {
  border: none !important;
  font-size: 13px;
  height: 50px;
  margin-left: 4px;
  color: #222;
  font-weight: 500;
}
.starpin-searchbar input::-moz-placeholder {
  color: #ddd;
}
.starpin-searchbar input::placeholder {
  color: #ddd;
}
.starpin-searchbar input:focus, .starpin-searchbar input:active {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0);
}

.starpin-locationbar {
  background: #f2f2f4;
  padding-top: 74px;
  padding-bottom: 18px;
  padding-left: 12px;
  padding-right: 15px;
}

.starpin-toolbar {
  background: #fff;
  z-index: 400;
  padding: 16px;
  height: 315px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-top: -16px;
  padding-top: 24px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 0px 14px -3px;
  padding-bottom: 32px;
}
.starpin-toolbar .starpin-item {
  width: 24% !important;
  height: 82px;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 2px;
  overflow: hidden;
  margin-bottom: 32px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
.starpin-toolbar .starpin-item svg {
  border: 1px solid #ddd;
  border-radius: 100%;
  width: 52px;
  height: 52px;
  padding: 13px;
  color: #343c3f;
  margin-bottom: 6px;
  overflow: visible;
}

#starpin_map {
  height: 100%;
  width: 100%;
  width: 100%;
  margin-top: -16px;
}
#starpin_map .leaflet-control-attribution {
  display: flex;
  margin-top: -48px;
  border-radius: 32px;
  opacity: 0.3;
}
#starpin_map .leaflet-control-attribution a {
  font-size: 8px;
  padding: 0;
  margin: 0;
  height: auto;
}

.starpin-subcategories {
  border-top: 2px solid #f2f2f4;
  border-bottom: 2px solid #f2f2f4;
  padding: 12px;
  display: flex;
  overflow: auto;
  height: 65px;
  min-height: 65px;
  max-height: 65px;
  align-items: center;
}
.starpin-subcategories .starpin-subcategory-item {
  color: #333;
  text-decoration: none;
  border: 1px solid #f2f2f4;
  border-radius: 149px;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 8px;
  background-color: #f2f2f4;
}

.starpin-list .foot {
  margin-top: 16px;
}
.starpin-list .foot a {
  display: flex;
  font-size: 12px;
  color: #222;
  text-decoration: none;
  margin-bottom: 6px;
  align-items: center;
}
.starpin-list .foot a svg {
  width: 16px;
  min-width: 16px;
  margin-right: 3px;
}
.starpin-list .starpin-list-item {
  border-bottom: 1px solid #f2f2f4;
  margin-bottom: 4px;
  font-size: 14px;
  padding: 15px;
  padding-left: 17px;
}
.starpin-list .starpin-list-item .starpin-list-item-details {
  padding-right: 6px;
}
.starpin-list .starpin-list-item .cta-buttons {
  display: flex;
  align-items: center;
  height: 28px;
  margin-top: 16px;
}
.starpin-list .starpin-list-item .cta-buttons a {
  color: #333;
  font-size: 12px;
  text-decoration: none;
  margin-right: 8px;
  background: #f2f2f4;
  padding: 3px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  height: 34px;
  width: 46px;
  text-align: center;
}
.starpin-list .starpin-list-item .cta-buttons svg {
  width: 19px;
  fill: #006cff !important;
}
.starpin-list .starpin-list-item .title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  color: #006cff;
}
.starpin-list .starpin-list-item .description {
  font-size: 12px;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}
.starpin-list .starpin-list-item .category {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 12px;
  margin-top: 6px;
}
.starpin-list .starpin-list-item .score {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 17px;
}
.starpin-list .starpin-list-item .score .rateit {
  font-size: 19px;
  line-height: 17px;
  margin-right: 4px;
}
.starpin-list .starpin-list-item .discount {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.starpin-list .starpin-list-item .discount .discount-rate {
  background: #299400;
  border-radius: 40px;
  width: 42px;
  text-align: center;
  color: #fff;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}
.starpin-list .starpin-list-item .starpin-list-item-profile img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.starpin-detail-page {
  position: relative;
}
.starpin-detail-page::before {
  content: "";
  background: rgba(255, 255, 255, 0.3019607843);
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.68;
  background-color: #000;
}
.starpin-detail-page .starpin-detail-bg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0px;
  background-size: cover;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 18px;
  padding-bottom: 15px;
  overflow: hidden;
  color: #fff;
}
.starpin-detail-page .z-index1 {
  z-index: 1;
  position: relative;
}
.starpin-detail-page .score {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-bottom: 4px;
}
.starpin-detail-page .score .rateit {
  font-size: 21px;
  margin-right: 4px;
}
.starpin-detail-page .score .rateit .rateit-selected {
  color: #fff;
}
.starpin-detail-page .score .rateit .rateit-empty {
  color: #fff;
  opacity: 0.15;
}
.starpin-detail-page .title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}
.starpin-detail-page .category {
  font-size: 12px;
}
.starpin-detail-page .description {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 24px;
}
.starpin-detail-page .cta-buttons {
  display: flex;
  align-items: center;
}
.starpin-detail-page .cta-buttons a {
  height: 36px;
  background: #299400;
  text-decoration: none;
  margin-right: 12px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  width: auto;
  padding: 0px 12px;
  font-weight: 500;
}
.starpin-detail-page .cta-buttons a svg {
  width: 20px;
}
.starpin-detail-page .divider {
  margin-top: 18px;
  margin-bottom: 8px;
  height: 1px;
  background: #f2f2f4;
  opacity: 0.1;
}
.starpin-detail-page .address {
  font-size: 10px;
  color: #eee;
}
.starpin-detail-page .starpin-list-item-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.starpin-detail-page .starpin-list-item-profile img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
}
.starpin-detail-page .starpin-list-item-profile .status {
  position: absolute;
  left: 23px;
  bottom: -18px;
}
.starpin-detail-page .starpin-list-item-profile .status svg {
  height: 12px;
  width: 12px;
  display: block;
}
.starpin-detail-page .starpin-list-item-profile .status.open svg {
  color: #4cff07;
}
.starpin-detail-page .starpin-list-item-profile .status.close svg {
  color: red;
}
.starpin-detail-page .starpin-list-item-profile .discount {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
.starpin-detail-page .starpin-list-item-profile .discount .discount-rate {
  background: #299400;
  border-radius: 40px;
  width: 42px;
  text-align: center;
  color: #fff;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}

.starpin-tabs {
  border: none;
  background: #f2f2f4;
  z-index: 1;
  min-height: 52px;
  padding-left: 4px;
  overflow: scroll;
  flex-wrap: nowrap;
}
.starpin-tabs .nav-item .nav-link {
  font-size: 13px;
  height: 52px;
  color: #333;
  border: none;
  border-bottom: 3px solid #f2f2f4;
  padding-top: 12px;
  transition: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 4px;
  margin-right: 4px;
}
.starpin-tabs .nav-item .nav-link.active {
  color: #000;
  background-color: inherit;
  border: none;
  border-bottom: 3px solid #299400;
}
.starpin-tabs .nav-item .nav-link .badge {
  background: #299400;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 12px;
  margin-left: 4px;
}

.starpin-gallery {
  display: flex;
  height: 90px;
}
.starpin-gallery .gallery-item {
  width: 25%;
  height: 100%;
  display: inline-flex;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-top: none;
}
.starpin-gallery .gallery-item::before {
  content: "";
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.6;
}
.starpin-gallery .gallery-item:last-child {
  border-right: none;
}
.starpin-gallery .gallery-item:first-child {
  border-left: none;
}
.starpin-gallery .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.starpin-gallery .gallery-item .more-pictures {
  position: absolute;
  width: 100px;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.starpin-collapsing-button {
  padding: 15px 20px;
  margin-top: 12px;
  font-size: 13px;
  display: flex;
}
.starpin-collapsing-button .overflowline3 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.starpin-collapsing-button .overflowline3 + .caret svg {
  transform: rotate(0deg) !important;
}
.starpin-collapsing-button .caret {
  margin-left: 18px;
}
.starpin-collapsing-button .caret svg {
  transform: rotate(180deg);
  transition: all 0.4s;
}

.starpin-divider {
  height: 1px;
  background-color: #000;
  opacity: 0.1;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
}

.starpin-accordion .accordion-item {
  border: none;
}
.starpin-accordion .accordion-item .accordion-button {
  background: #fff;
  border: none;
  box-shadow: none;
  align-items: start;
}
.starpin-accordion .accordion-item .accordion-button::after {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M15.793 9.4l1.414 1.414L12 16.024l-5.207-5.21L8.207 9.4 12 13.195z'%3E%3C/path%3E%3C/svg%3E");
  transform: rotate(0deg);
  margin-top: -5px;
}
.starpin-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}
.starpin-accordion .list-group-item.active {
  margin-left: -24px;
  margin-right: -20px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  background: #299400;
  border-color: #299400;
}

.starpin-services {
  padding-left: 20px;
  padding-right: 20px;
}
.starpin-services .title {
  display: flex;
  align-items: center;
  font-size: 14px;
  border-bottom: 1px solid #ededef;
  padding-bottom: 8px;
}
.starpin-services .title .icon {
  margin-right: 12px;
}
.starpin-services .title .icon svg {
  filter: brightness(0);
  width: 26px;
}
.starpin-services .title .text {
  font-weight: 600;
}
.starpin-services .service-list {
  padding: 0;
  margin: 0;
}
.starpin-services .service-list .list-item {
  position: relative;
  display: inline-flex;
  padding-left: 15px;
  font-size: 14px;
  color: #0b84e4;
}
.starpin-services .service-list .list-item::before {
  position: absolute;
  display: inline-block;
  left: 0px;
  width: 12px;
  text-align: center;
  color: #cacaca;
  content: "•";
  font-weight: 700;
}

.starpin-comments .comment {
  padding: 24px 20px;
  border-bottom: 1px solid #e9e9e9;
}
.starpin-comments .comment .comment-head {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.starpin-comments .comment .comment-head .profile-image img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  margin-right: 8px;
}
.starpin-comments .comment .comment-head .user {
  font-size: 12px;
  font-weight: 600;
}
.starpin-comments .comment .comment-head .date {
  font-size: 12px;
  color: #aaa;
}
.starpin-comments .comment .comment-head .score {
  font-size: 10px;
  line-height: 10px;
  display: flex;
  align-items: center;
}
.starpin-comments .comment .comment-head .score .rateit {
  font-size: 14px;
  line-height: 11px;
  margin-right: 4px;
}
.starpin-comments .comment .comment-body {
  font-size: 13px;
  padding-left: 40px;
  padding-right: 20px;
}
.starpin-comments .comment .report {
  display: flex;
  justify-content: flex-end;
}
.starpin-comments .reply {
  padding: 12px;
  background: #f2f2f4;
  margin-top: 12px;
  border-radius: 4px;
}

.starpin-ad {
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: #f2f2f4;
  padding: 32px 12px;
  border-radius: 4px;
  margin-top: 30px !important;
}
.starpin-ad .icon {
  margin-right: 16px;
}
.starpin-ad .text {
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
}

.mapModal .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1000;
  background-color: rgb(255, 255, 255);
  width: 30px;
  height: 30px;
  background-size: 12px;
  opacity: 0.8;
}

.showMapPlaceSearchContainer .select2-selection--single {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.showMapPlaceSearchContainer .select2-search__field {
  height: 45px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.showMapPlaceSearchContainer .location-select-dropdown.select2-dropdown--below {
  margin-top: -46px;
}

.dashboard-tab-header {
  background: linear-gradient(180deg, #0c2b30, #16624b);
  min-height: 90px;
  display: flex;
  align-items: flex-end;
  z-index: 2;
}
.dashboard-tab-header.blue .nav-link.active::after {
  background: #458fde !important;
}
.dashboard-tab-header.black .nav-link.active::after {
  background: #121212 !important;
}
.dashboard-tab-header.purple .nav-link.active::after {
  background: #8d1e77 !important;
}
.dashboard-tab-header .nav-tabs {
  flex-wrap: nowrap;
  border-bottom: none;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
  padding-top: 15px;
  z-index: 2;
  height: 54px;
}
.dashboard-tab-header .nav-tabs.is_stuck {
  background: linear-gradient(180deg, #11463c, #156049);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.dashboard-tab-header .nav-tabs::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.dashboard-tab-header .nav-tabs .nav-link {
  white-space: nowrap;
  background: transparent !important;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border: none !important;
  padding-bottom: 12px;
  position: relative;
}
.dashboard-tab-header .nav-tabs .nav-link .count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: 2px;
  padding: 2px 5px;
  font-weight: 600;
  background: #ffc107;
  border-radius: 6px;
  font-size: 10px;
  color: #000;
}
.dashboard-tab-header .nav-tabs .nav-link .count:empty, .dashboard-tab-header .nav-tabs .nav-link .count[data-count="0"] {
  display: none;
}
.dashboard-tab-header .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 85%;
  height: 5px;
  background: #f8c300;
  opacity: 1;
  transform: translate(-50%);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.nice-tabs.blue .nav-link.active::after {
  background: #458fde !important;
}
.nice-tabs.express-call-wizard-tabs .nav-link {
  opacity: 0.3;
}
.nice-tabs.express-call-wizard-tabs .nav-link.active {
  opacity: 1;
}
.nice-tabs.express-call-wizard-tabs .nav-link.active::after {
  background: #f8c300 !important;
}
.nice-tabs.express-call-wizard-tabs .nav-link.filled {
  opacity: 1;
}
.nice-tabs.express-call-wizard-tabs .nav-link.filled::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 87.5%;
  height: 4px;
  opacity: 1;
  transform: translate(-50%);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #0c9e18 !important;
}
.nice-tabs.express-call-wizard-tabs .nav-link.error {
  opacity: 1;
}
.nice-tabs.express-call-wizard-tabs .nav-link.error::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 87.5%;
  height: 4px;
  opacity: 1;
  transform: translate(-50%);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #e60000 !important;
}
.nice-tabs .nav-tabs {
  border: none;
}
.nice-tabs .nav-tabs.is_stuck {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  z-index: 1;
}
.nice-tabs .nav-tabs.is_stuck .nav-link {
  height: 48px;
}
.nice-tabs .nav-tabs .nav-link {
  text-align: center;
  background: transparent !important;
  color: #333;
  font-weight: 600;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  border: none !important;
  padding-bottom: 16px;
  position: relative;
  font-size: 13px;
  white-space: nowrap;
  margin-bottom: 0;
}
.nice-tabs .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 87.5%;
  height: 4px;
  background: #f8c300;
  opacity: 1;
  transform: translate(-50%);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.nice-tabs .nav-tabs .nav-link .count {
  position: absolute;
  top: -4px;
  right: 0;
  border-radius: 100%;
  font-size: 10px;
  background: #ffc107;
}
.nice-tabs .nav-tabs .nav-link .count:empty, .nice-tabs .nav-tabs .nav-link .count[data-count="0"] {
  display: none;
}
.nice-tabs.tabs-with-pills .nav-tabs {
  padding-left: 14px;
}
.nice-tabs.tabs-with-pills .nav-tabs .nav-item {
  margin-right: 8px;
}
.nice-tabs.tabs-with-pills .nav-tabs .nav-link {
  background: #f2f2f4 !important;
  border-radius: 120px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  color: #000;
  font-size: 12px;
}
.nice-tabs.tabs-with-pills .nav-tabs .nav-link.active {
  background: #198754 !important;
  border-radius: 120px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  color: #fff;
}
.nice-tabs.tabs-with-pills .nav-tabs .nav-link.active::after {
  display: none !important;
}

.my-finance-account-actions .action {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 12px;
}
.my-finance-account-actions .action .date {
  font-size: 11px;
  color: #999;
  padding-top: 2px;
  padding-bottom: 8px;
}
.my-finance-account-actions .action .head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2px;
}
.my-finance-account-actions .action .head .title {
  font-size: 14px;
  font-weight: 500;
}
.my-finance-account-actions .action .head .price {
  font-size: 16px;
  font-weight: 500;
}
.my-finance-account-actions .action .description {
  font-size: 12px;
  color: #777;
}

.px2longbutton {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.credit-card {
  min-height: 100px;
  margin: 9px 0 0;
  padding: 15px;
  padding-bottom: 6px;
  border-radius: 6px;
  box-shadow: 0 2px 10px 0 rgba(2, 2, 2, 0.05);
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #fff, #f5f5f5);
}
.credit-card::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  left: 0;
  top: 0;
}
.credit-card .logo-section,
.credit-card .info-section {
  z-index: 1;
  position: relative;
}
.credit-card .ring {
  height: 250%;
  width: 250%;
  border-radius: 100%;
  background: transparent;
  border: 18px solid rgba(75, 75, 75, 0.03);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.credit-card .ring::after {
  content: "";
  height: 250%;
  width: 250%;
  border-radius: 100%;
  background: transparent;
  border: 18px solid rgba(75, 75, 75, 0.03);
  box-sizing: border-box;
  position: absolute;
  top: -69%;
  left: 0;
}
.credit-card .bank-logo {
  display: block;
  width: 80px;
  height: 30px;
  z-index: 1;
}
.credit-card .card-logo {
  display: block;
  width: 40px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
.credit-card .info-section {
  text-align: left;
  line-height: 24px;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  justify-content: space-between;
}
.credit-card .info-section p {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  margin: 0;
  text-shadow: 1px 1px 0px rgb(209, 209, 209);
  font-family: monospace;
}

.look_for_selector_wrapper .count,
.page_type_selector_trigger .count,
.action-bar-mini .count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: 8%;
  padding: 2px 5px;
  font-weight: 600;
  background: #ffc107;
  border-radius: 6px;
  font-size: 10px;
  color: #000;
  min-width: 21px;
}
.look_for_selector_wrapper .count:empty, .look_for_selector_wrapper .count[data-count="0"],
.page_type_selector_trigger .count:empty,
.page_type_selector_trigger .count[data-count="0"],
.action-bar-mini .count:empty,
.action-bar-mini .count[data-count="0"] {
  display: none;
}
.look_for_selector_wrapper.action-bar-mini .count,
.page_type_selector_trigger.action-bar-mini .count,
.action-bar-mini.action-bar-mini .count {
  right: auto;
  left: 55%;
}

@keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}
@keyframes confetti-medium {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}
@keyframes confetti-fast {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}
.confetti-container {
  perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}
.confetti--animation-slow {
  animation: confetti-slow 2.25s linear 1 forwards;
}
.confetti--animation-medium {
  animation: confetti-medium 1.75s linear 1 forwards;
}
.confetti--animation-fast {
  animation: confetti-fast 1.25s linear 1 forwards;
}

.navbar-express {
  background: #ebb53a;
}
.navbar-express .notify-drop-cta {
  color: #fff;
}
.navbar-express .notify-drop-cta .notify-drop-badge {
  background: #1ab5b3;
  color: #fff;
  border-color: #1ab5b3;
}

.express-call-form button[type=submit] {
  height: 50px !important;
}
.express-call-form button[type=submit]:disabled {
  background: #eaeaea;
  color: #999;
}
.express-call-form input:not([type=checkbox]):not([type=radio]) {
  height: 50px !important;
}
.express-call-form input {
  background: #f3f3f3 !important;
  height: 50px !important;
  color: #000;
  border: #aaa;
  padding-left: 16px;
}
.express-call-form input::-moz-placeholder {
  text-align: center;
  color: #c0c0c0;
}
.express-call-form input::placeholder {
  text-align: center;
  color: #c0c0c0;
}

.order-timeline .time {
  font-size: 12px;
  background: #f0f1f7;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}
.order-timeline .order-timeline-item {
  background: #f0f1f7;
  border-radius: 8px;
  padding: 15px 15px;
  margin-bottom: 10px;
  margin-top: 8px;
  font-size: 14px;
  padding-top: 16px;
}
.order-timeline .order-timeline-item .item-date {
  width: 30%;
  display: flex;
  justify-content: center;
}
.order-timeline .order-timeline-item .item-date .date {
  width: auto;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px 12px;
  margin-left: 36px;
}
.order-timeline .order-timeline-item .time-left {
  display: flex;
  justify-content: flex-end;
  width: 30%;
}
.order-timeline .order-timeline-item .time-left .left {
  width: auto;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px 12px;
}
.order-timeline .order-timeline-item .actions {
  padding-top: 24px;
}
.order-timeline .order-timeline-item .primary-action-button {
  border-radius: 64px;
  padding-left: 22px;
  padding-right: 22px;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #0073bb;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: #aaa;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}
.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: 700;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}
.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}
.selectize-control.plugin-clear_button.single .clear {
  right: calc(6px + 1.5rem);
  top: 0;
}

.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}

.selectize-control {
  position: relative;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}

.selectize-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.selectize-input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: pointer;
  display: inline-block;
}

.selectize-input {
  background: #fff;
  cursor: text;
  display: inline-block;
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled {
  cursor: default !important;
}
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div {
  color: #fff;
  background: #d2d2d2;
  border: 1px solid #aaa;
}
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #fff;
  background: #d2d2d2;
  border: 1px solid #aaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: 0 0 !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: 0 !important;
}
.selectize-input > input[placeholder] {
  box-sizing: initial;
  font-size: 12px;
  color: #ccc;
}
.selectize-input.has-items > input {
  margin: 0 0 !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown .create,
.selectize-dropdown .no-results,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option {
  padding: 5px 8px;
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-disabled] {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #0d6efd;
  color: #fff;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .selected {
  background-color: #0d6efd;
  color: #fff;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown .active:not(.selected) {
  background: #f2f4fa;
  color: #495c68;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.selectize-dropdown-emptyoptionlabel {
  text-align: center;
}

.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.selectize-control.single .selectize-input {
  cursor: pointer;
}
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active {
  cursor: text;
}
.selectize-control.single .selectize-input.input-active input:not(:-moz-read-only) {
  cursor: text;
}
.selectize-control.single .selectize-input.input-active input:not(:read-only) {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: grey transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent grey transparent;
}
.selectize-control.rtl {
  text-align: right;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: 0;
  box-shadow: none;
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
  background: 0;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}
.selectize-control.single .selectize-input {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9;
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  border-color: #b8b8b8;
}

.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: 700;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}
.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: 700;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}
.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}
.selectize-control.plugin-clear_button.single .clear {
  right: calc(2px + 1.5rem);
}
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown {
  transition: all 0.2s;
}
.selectize-dropdown.top-277 {
  top: -277px !important;
}
.selectize-dropdown.right-0 {
  right: 0 !important;
  left: auto !important;
}
.selectize-dropdown.min-width-200 {
  min-width: 200px !important;
}
.selectize-dropdown.selectize_non_absolute {
  position: relative !important;
  top: 4px !important;
  border: none !important;
  margin-bottom: 24px;
}
.selectize-dropdown.margin_negative_24 {
  margin-left: -9px !important;
  margin-right: -9px !important;
}
.selectize-dropdown.width_100_plus_48 {
  width: calc(100% + 18px) !important;
}
.selectize-dropdown.mt_1px {
  margin-top: 4px !important;
}
.selectize-dropdown.mt_1px_real {
  margin-top: 1px !important;
  top: 2px !important;
}
.selectize-dropdown.dropdown-height-278 .selectize-dropdown-content {
  max-height: 278px !important;
}
.selectize-dropdown.dropdown_height_300 .selectize-dropdown-content {
  max-height: 300px !important;
}
.selectize-dropdown.dropdown_height_400 .selectize-dropdown-content {
  max-height: 400px !important;
}
.selectize-dropdown.selected_grey .selected {
  background-color: #e7e7e7 !important;
  color: #303030 !important;
  border-left: 2px solid #ffc107;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
  max-width: calc(100% - 24px);
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 15px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
  display: none;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #0073bb;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: #aaa;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}

.selectize-control .selectize-input {
  min-height: 44px;
  padding: 13px 8px;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: none;
}
.selectize-control .selectize-input.inline-selectize-no-border {
  border: none !important;
  padding: 0 !important;
  padding-right: 20px !important;
  box-shadow: none !important;
}
.selectize-control .selectize-input.yellow_border {
  border: 1px solid #f2c94c !important;
  box-shadow: none !important;
}
.selectize-control .selectize-input.yellow_border.green_on_select {
  box-shadow: none !important;
}
.selectize-control .selectize-input.yellow_border.green_on_select.has-items {
  border: 1px solid #2d7830 !important;
}
.selectize-control .selectize-input input:not([type=checkbox]):not([type=radio]) {
  height: auto !important;
}
.selectize-control .selectize-input input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  padding-left: 3px;
}
.selectize-control .selectize-input input:not([type=checkbox]):not([type=radio])::placeholder {
  padding-left: 3px;
}
.selectize-control .selectize-input.is-invalid, .selectize-control .selectize-input.is-invalid.yellow_border, .selectize-control .selectize-input.is-invalid.yellow_border.green_on_select {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 3rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.selectize-control.single .selectize-input {
  flex-wrap: nowrap;
}
.selectize-control.multi .selectize-input > div {
  padding: 6px 12px;
}

.selectize-control.plugin-clear_button .clear {
  position: absolute;
  top: -19px;
}

.selectize-dropdown-content {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.selectize-dropdown-content > .worker_list:nth-child(odd) {
  background-color: #f9f9f9;
}
.selectize-dropdown-content > .offer_list:nth-child(odd) {
  border-bottom: 1px solid #e3e3e3;
}
.selectize-dropdown-content .worker_list {
  display: flex;
  flex-direction: column;
  padding: 6px 8px;
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 13px;
}
.selectize-dropdown-content .worker_list .name {
  font-weight: 500;
}
.selectize-dropdown-content .worker_list .email {
  font-size: 12px;
  color: #999;
}
.selectize-dropdown-content .worker_list .phone,
.selectize-dropdown-content .worker_list .role {
  font-size: 12px;
  color: #999;
}

.selectize-control.single .selectize-input {
  min-height: 46px;
  padding: 0px 30px 0px 8px !important;
  background-color: #fff;
  background-image: none;
  border-radius: 0.375rem;
}

.selectize-dropdown .input-in-dropdown {
  width: 100% !important;
  height: 36px;
  border: 1px solid #ccc !important;
  border-left: none !important;
  border-right: none !important;
  padding-left: 12px;
}

.selectize_offer_list .type {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.selectize_offer_list.sea .type {
  background-color: #0d6efd;
  color: #fff;
}
.selectize_offer_list.land .type {
  background-color: #02bcb1;
  color: #fff;
}
.selectize_offer_list.air .type {
  background-color: #f52c5c;
  color: #fff;
}
.selectize_offer_list.rail .type {
  background-color: #958659;
  color: #fff;
}
.selectize_offer_list .bg_sea {
  background-color: rgb(217, 238, 255) !important;
  color: #000;
}
.selectize_offer_list .bg_land {
  background-color: #d9f5f3 !important;
  color: #000;
}
.selectize_offer_list .bg_air {
  background-color: rgb(254, 224, 231) !important;
  color: #000;
}
.selectize_offer_list .bg_rail {
  background-color: rgb(239, 237, 230) !important;
  color: #000;
}

.selectize-input > input {
  color: #333 !important;
}
.selectize-input > input::-moz-placeholder {
  color: #aaa !important;
}
.selectize-input > input::placeholder {
  color: #aaa !important;
}

.selectize-input.general_border {
  border-color: #ccc !important;
}
.selectize-input.general_border.has-items {
  border-color: #777 !important;
}

.selectize-control.single .selectize-input.no_border_transparent_bg {
  border: none;
  background: transparent !important;
  margin-top: -4px;
  box-shadow: none;
  padding-left: 0px !important;
  margin-left: -46px;
  width: calc(100% + 60px);
  padding-left: 43px !important;
  background: transparent;
}
.selectize-control.single .selectize-input.no_border_transparent_bg.input-active {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}
.selectize-control.single .selectize-input.no_border_transparent_bg_filter_page {
  margin-left: -12px;
  margin-top: -7px;
  width: calc(100% + 25px);
  border-radius: 8px;
  overflow: hidden;
}
.selectize-control.single .selectize-dropdown.country-state-search-in-list {
  padding-left: 0px !important;
  left: 0 !important;
  height: auto;
  border: none;
  padding: 0;
}

.mg-range.noUi-target {
  background: #DFE2E6;
  border-radius: 8px;
  border: 0;
  height: 5px;
}
.mg-range .noUi-handle {
  background-image: url('data:image/svg+xml,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 6C0 2.68629 2.68629 0 6 0L18 0C21.3137 0 24 2.68629 24 6V12C24 15.3137 21.3137 18 18 18H6C2.68629 18 0 15.3137 0 12L0 6Z" fill="%2328333F"/><path d="M13.9544 11.7121L17 8.85605L13.9544 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0456 11.7121L7 8.85605L10.0456 6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  box-shadow: 0 0 0;
  border-radius: 0;
  cursor: move;
  background-color: transparent;
  height: 18px !important;
}
.mg-range .noUi-handle::before, .mg-range .noUi-handle::after {
  background: transparent;
}
.mg-range .active-pip {
  font-weight: bold;
  color: rgb(22, 121, 212);
}
.mg-range .noUi-connect {
  background: #445661;
}
.mg-range .noUi-value {
  font-size: 12px;
  padding-top: 4px;
}

.comboTreeWrapper {
  position: relative;
  text-align: left !important;
}
.comboTreeWrapper.is-invalid {
  padding-right: 0 !important;
  background-position: calc(100% - 52px) 50% !important;
}
.comboTreeWrapper.is-invalid .comboTreeInputBox {
  border-color: #dc3545;
}

.comboTreeNoResults {
  padding: 16px 23px;
  font-size: 12px;
}

.comboTreeInputWrapper {
  position: relative;
}

.comboTreeArrowBtn {
  position: absolute;
  right: 0px;
  bottom: 1px;
  top: 1px;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
}
.comboTreeArrowBtn::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  border: none !important;
  content: "";
  display: inline-block;
  height: 16px;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  width: 12px;
}

.comboTreeDropDownContainer {
  display: none;
  background: #fff;
  border: 1px solid #aaa;
  max-height: 220px;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  /* Firefox uyumluluğu */
  /* Genel kaydırma çubukları */
  scrollbar-width: thin;
  scrollbar-color: #bec4c4 transparent;
  /* Kaydırma çubuğu kolu */
  scrollbar-color: #bec4c4;
  scrollbar-width: thin;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.comboTreeDropDownContainer::-webkit-scrollbar {
  width: 4px;
}
.comboTreeDropDownContainer::-webkit-scrollbar-track {
  background: transparent;
}
.comboTreeDropDownContainer::-webkit-scrollbar-thumb {
  background: #bec4c4;
  border-radius: 8px;
}
.comboTreeDropDownContainer::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.comboTreeDropDownContainer .header {
  z-index: 1;
  position: static;
  top: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  background: #fff;
}
.comboTreeDropDownContainer .header.sticky {
  position: sticky;
  top: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.comboTreeDropDownContainer .header .multiplesFilter {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: none;
  font-size: 11px;
}
.comboTreeDropDownContainer .header .multiplesFilter:focus, .comboTreeDropDownContainer .header .multiplesFilter:active, .comboTreeDropDownContainer .header .multiplesFilter:focus-visible {
  box-shadow: none;
  outline: 1px solid #00a8ff;
}
.comboTreeDropDownContainer .header label.selectAll {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 8px;
  background: #f2f2f4;
  margin: 0;
  text-wrap: nowrap;
  white-space: nowrap;
}
.comboTreeDropDownContainer .header label.selectAll input {
  display: none;
}

.comboTreeDropDownContainer ul {
  padding: 0px;
  margin: 0;
  /*li {
  	&:nth-child(2n) {
  		background-color: #f2f2f4;
  	}
  }*/
}

.comboTreeDropDownContainer li {
  list-style-type: none;
  padding-left: 15px;
  cursor: pointer;
  position: relative;
}

.comboTreeDropDownContainer li:not(.ComboTreeItemParent):has(input:checked) {
  background-color: #f2f2fa;
}

.comboTreeDropDownContainer li.ComboTreeItemParent:has(input:checked) {
  background-color: #dedee6;
}

.ComboTreeItemParent .comboTreeItemTitle {
  font-weight: 700;
  color: #000;
}

.ComboTreeItemChlid .comboTreeItemTitle {
  font-weight: 500;
  color: #333;
}
.ComboTreeItemChlid .comboTreeItemTitle[data-selectable=false], .ComboTreeItemChlid .comboTreeItemTitle:has(input:disabled) {
  opacity: 0.5;
}

.comboTreePlaceholder {
  color: #999;
  font-size: 12px;
}

span.comboTreeItemTitle {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  font-size: 12px;
}

.comboTreeDropDownContainer label {
  cursor: pointer;
  width: 100%;
  display: block;
}

.comboTreeDropDownContainer .comboTreeItemTitle input {
  position: relative;
  margin: 0px 8px 0px 0px;
  height: inherit !important;
  color: inherit !important;
  background: inherit !important;
  border: inherit !important;
  padding-left: inherit !important;
}

.comboTreeParentPlus {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comboTreeParentPlus svg {
  transition: all 0.3s ease-in-out;
}

.comboTreeDropDownContainer > ul:first-of-type {
  margin-left: -15px;
  padding-top: 4px;
}

.comboTreeInputBox {
  padding: 4px 8px;
  border-radius: 0.375rem;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
  padding-right: 54px;
  height: 46px;
  font-size: 12px;
  display: flex;
  align-items: center;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow: auto;
  white-space: nowrap;
}
.comboTreeInputBox::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.comboTreeInputBox.active {
  border: 1px solid #00a8ff !important;
}

.comboTreeArrowBtnImg {
  font-size: 10px;
}

.call-wizard .location_select_list.selectize-control .selectize-input {
  padding-left: 20px !important;
  min-height: 50px !important;
}
.call-wizard .location_select_list.selectize-control .selectize-input::after {
  right: 20px;
}
.call-wizard .location_select_list.selectize-control .selectize-input.dropdown-active {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.call-wizard .location_select_list.selectize-control .selectize-dropdown {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  top: 0px !important;
  border: 1px solid #b8b8b8 !important;
  border-top: none !important;
}
.call-wizard .location_select_list.selectize-control .selectize-dropdown.selected_grey .selected {
  border: none !important;
  outline: 2px solid #ffc107;
}
.call-wizard .call-wizard-middle {
  margin-top: -90px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding-top: 38px;
  padding-bottom: 48px !important;
}
.call-wizard .call-wizard-middle.expanding {
  pointer-events: none;
}
.call-wizard .call-wizard-middle .wizard-bottom {
  border: none;
  z-index: 1;
}
.call-wizard .call-wizard-middle .wizard-bottom .terms-button.is-invalid {
  border-color: #666 !important;
}
.call-wizard .call-wizard-middle .wizard-body {
  padding-top: 10px;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper + .multi-wrapper {
  margin-top: 30px !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .remove-multi-wrapper-button {
  display: none;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .settings-button {
  width: 32px;
  height: 32px;
  margin-top: 14px;
  border: none;
  margin-right: 7px;
  margin-left: -39px;
  background: none;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .settings-button svg {
  color: #999;
  width: 20px;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .outer-selectize-wrapper .settings-button {
  margin-right: 2px;
  margin-left: 7px;
  margin-top: 6px;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper {
  margin-left: 42px;
  position: relative;
  /*&::before {
  	content: '';
  	left: -1px;
  	position: absolute;
  	background: #ffc107;
  	height: calc(100% - 23px);
  	width: 1px;
  	top: 0;
  }
  .selectize-control::before {
  	content: "";
  	width: 15px;
  	top:23px;
  	position: absolute;
  	height: 1px;
  	background: #f2c94c;
  	left: 0;
  	margin-left: -16px;
  }*/
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .selectize-input:not(.dropdown-active) + .quantity-button .quantity-input {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  height: 44px;
  width: auto;
  transition: all 0.2s;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-label {
  display: none;
  position: absolute;
  z-index: 4;
  text-wrap: nowrap;
  font-size: 11px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  top: -8px;
  background: transparent !important;
  padding-left: 2px;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-label span {
  background: linear-gradient(180deg, rgb(239, 246, 243) 0%, rgb(255, 255, 255) 50%);
  color: #999;
  padding: 0px 4px;
  border-radius: 5px;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-control {
  transition: all 0.2s;
  height: 100% !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-control.quantity-minus {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-control.quantity-plus {
  width: 40px;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .input-group {
  height: 100%;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-input {
  transition: all 0.2s;
  text-align: center;
  width: 42px;
  height: 100% !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-input:focus, .call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-input:active, .call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control .quantity-button .quantity-input:hover {
  outline: none !important;
  box-shadow: none !important;
  z-index: 1 !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select::before {
  display: none !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select + .quantity-button .quantity-input,
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select + .quantity-button .quantity-control {
  border-color: #f2c94c;
  border-left-color: rgba(242, 200, 76, 0.32);
  border-right-color: rgba(242, 200, 76, 0.32);
  background-color: #fff;
  border-top: none;
  border-bottom: none;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select + .quantity-button .quantity-input:not([style*="display: none"]):last-child,
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select + .quantity-button .quantity-control:not([style*="display: none"]):last-child {
  border-right: none !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select + .quantity-button .quantity-input:not(:focus, :active, :hover) {
  border-right: none;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select.has-items + .quantity-button .quantity-input,
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select.has-items + .quantity-button .quantity-control {
  border-color: #2d7830;
  background-color: #fff;
  border-left-color: rgba(45, 120, 48, 0.32);
  border-right-color: rgba(45, 120, 48, 0.32);
  border-top: none;
  border-bottom: none;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select.has-items + .quantity-button .quantity-input:not([style*="display: none"]):last-child,
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select.has-items + .quantity-button .quantity-control:not([style*="display: none"]):last-child {
  border-right: none !important;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .green_on_select.has-items + .quantity-button .quantity-input:not(:focus, :active, :hover) {
  border-right: none;
}
.call-wizard .call-wizard-middle .wizard-body .multi-wrapper .inner-multi-wrapper .selectize-control {
  margin-top: 8px;
}
.call-wizard .call-wizard-middle .topbar {
  display: none;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 12px;
  margin-top: -34px;
  margin-bottom: -1px;
  background: #fff;
  padding: 18px 18px 12px 10px;
  margin-left: 0px;
  border-top-left-radius: 32px;
  margin-right: 0;
  border-top-right-radius: 32px;
}
.call-wizard .call-wizard-middle .topbar span {
  text-align: center;
  color: #0c9e18 !important;
}
.call-wizard .call-wizard-middle .topbar .sender-informations {
  padding-top: 4px;
  padding-bottom: 4px;
  background: #edf3fc;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  padding-right: 22px;
}
.call-wizard .call-wizard-middle .topbar .sender-informations .user-profile-avatar {
  min-width: 44px;
  min-height: 44px;
}
.call-wizard .call-wizard-middle .topbar .sender-informations span {
  color: #666 !important;
  line-height: 14px;
}
.call-wizard .call-wizard-middle .topbar .sender-informations span.shipping-location-text {
  color: #000 !important;
}
.call-wizard .call-wizard-middle.expanded {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  position: fixed;
  top: 0;
  z-index: 1001;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.call-wizard .call-wizard-middle.expanded .topbar {
  display: flex;
}
.call-wizard .call-wizard-middle.expanded .topbar .count:empty {
  display: none !important;
  visibility: hidden;
}
.call-wizard .call-wizard-middle.expanded .wizard-body .multi-wrapper.filled {
  background: #edf3fc;
  padding: 18px 15px;
  margin: -15px;
  margin-top: 12px;
  margin-bottom: -15px;
  border-radius: 8px;
  position: relative;
}
.call-wizard .call-wizard-middle.expanded .wizard-body .multi-wrapper.filled .remove-multi-wrapper-button {
  position: absolute;
  bottom: 27px;
  left: 20px;
  background: none;
  border: none;
  display: block;
}
.call-wizard .call-wizard-middle.expanded .wizard-body .multi-wrapper.filled .remove-multi-wrapper-button svg {
  width: 17px;
  height: 17px;
  color: #777;
}
.call-wizard .call-wizard-middle.expanded:before {
  content: "";
  background: #f19e48;
  position: absolute;
  width: 100%;
  height: 200px;
  z-index: -1;
  top: -1px;
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
}
.call-wizard .call-wizard-middle.expanded .wizard-body {
  overflow: scroll;
  padding-left: 30px !important;
  padding-right: 30px !important;
  height: 100%;
  height: 100%;
  margin-left: 0px;
  margin-right: 0px;
  background: #fff;
  padding-bottom: 150px;
  padding-top: 0px;
}
.call-wizard .call-wizard-middle.expanded .wizard-bottom {
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  right: 0;
  padding: 12px 30px;
  padding-left: 14px;
  padding-right: 14px;
  bottom: 0;
  background: #fff;
  margin-top: 0 !important;
}

#offersCanvas .input-group .selectize-control {
  padding: 0 !important;
}
#offersCanvas .input-group .selectize-control .selectize-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#offersCanvas .additional-services-section [disabled], #offersCanvas .additional-services-section .selectize-input.disabled {
  pointer-events: none;
  opacity: 0.25;
  background-color: #f2f2f4;
}
#offersCanvas .additional-services-section .additional-services-section-header {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
#offersCanvas .additional-services-section .additional-services-section-content-item {
  margin-left: -8px;
  display: flex;
  flex-direction: column;
  margin-right: -8px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 8px;
  padding-bottom: 4px;
  padding-top: 10px;
}
#offersCanvas .additional-services-section .additional-services-section-content-item:hover, #offersCanvas .additional-services-section .additional-services-section-content-item:focus, #offersCanvas .additional-services-section .additional-services-section-content-item:active, #offersCanvas .additional-services-section .additional-services-section-content-item.active {
  background-color: #f2f2f4;
}
#offersCanvas .additional-services-section .additional-services-section-content-item .additional-services-section-content-item-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
#offersCanvas .additional-services-section .additional-services-section-content-item .additional-services-section-content-item-title .icon {
  width: 25px;
  height: 25px;
  background-color: #f44336;
  border-radius: 100%;
  background-size: 19px;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="%23fff"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>');
  background-repeat: no-repeat;
  margin-right: 8px;
}
#offersCanvas .additional-services-section .additional-services-section-content-item .additional-services-section-content-item-description {
  font-size: 10px;
  color: #666;
  padding: 4px 8px 8px 8px;
}
#offersCanvas .additional-services-section .additional-services-section-content-item.active .icon {
  width: 25px;
  height: 25px;
  background-color: #48b451;
  border-radius: 100%;
  background-size: 19px;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23fff" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>');
  background-repeat: no-repeat;
  margin-right: 8px;
}
#offersCanvas .price-section {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 20px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
#offersCanvas .price-section .show-discount-details {
  position: relative;
}
#offersCanvas .price-section .show-discount-details.active::before {
  transform: rotate(180deg);
}
#offersCanvas .price-section .show-discount-details::before {
  transition: all 0.2s;
  content: "";
  position: absolute;
  top: -2px;
  right: -28px;
  opacity: 0.7;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
#offersCanvas .price-section .price-section-header {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
#offersCanvas .price-section .price-section-content .price-section-content-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 8px;
  color: #666;
}
#offersCanvas .price-section .price-section-content .price-section-content-item .price-section-content-item-title {
  text-align: left;
  display: block;
  max-width: 66%;
}
#offersCanvas .price-section .price-section-content .price-section-content-item .price-section-content-item-price {
  text-align: right;
}
#offersCanvas .price-section .price-section-content .price-section-content-item.insurance-section .price-section-content-item-title:not(.warning) .protection {
  color: #308e38;
  font-weight: 600;
}
#offersCanvas .price-section .price-section-content .price-section-content-item.insurance-section .price-section-content-item-title.warning {
  color: #f44336;
}
#offersCanvas .price-section .price-section-content .price-section-content-item.total-price-section {
  margin-top: 8px;
  font-weight: 500;
  color: #333;
}
#offersCanvas .price-section .price-section-content .price-section-content-item.total-price-section .price-section-content-item-title {
  padding-top: 8px;
}
#offersCanvas .price-section .price-section-content .price-section-content-item.total-price-section .price-section-content-item-price {
  border-top: 1px dashed #ccc;
  padding-top: 8px;
}

.express-offers.offer-selector {
  padding-top: 15px;
}
.express-offers.offer-selector .offer-input {
  display: none;
}
.express-offers.offer-selector .offer-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #f2f2f4;
  min-height: 90px;
  align-items: stretch;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  border-radius: 12px;
  border: 2px solid white;
}
.express-offers.offer-selector .offer-label:has(.offer-input:checked) {
  border: 2px solid #48b451;
  background-color: #dfefd9;
}
.express-offers.offer-selector .offer-label:has(.offer-input:checked) .offer-end .check-button {
  display: block;
}
.express-offers.offer-selector .offer-label:has(.offer-input:checked) .offer-end .choose-button {
  display: none;
}
.express-offers.offer-selector .offer-label .offer-price {
  border-radius: 10px 0 0 10px;
  min-width: 90px;
  width: 90px;
  min-height: 100%;
  background: #fc0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  padding-right: 6px;
}
.express-offers.offer-selector .offer-label .offer-info {
  position: relative;
  width: 24px;
  margin-left: -8px;
}
.express-offers.offer-selector .offer-label .offer-info .info-button {
  width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 100%;
  padding: 2px;
}
.express-offers.offer-selector .offer-label .offer-middle {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 0px 6px 20px;
}
.express-offers.offer-selector .offer-label .offer-middle .offer-middle-title {
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
}
.express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle {
  font-size: 10px;
  color: #666;
}
.express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle.check, .express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle.warning {
  padding-left: 10px;
  position: relative;
}
.express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle.check::before, .express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle.warning::before {
  content: "";
  position: absolute;
  height: 9px;
  left: -4px;
  top: 3px;
  width: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle.check::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" fill="%2348b451" height="16" viewBox="0 0 16 16"><polygon fill-rule="evenodd" points="16 3.88 14.106 2 5.966 10.291 1.861 6.376 0 8.29 6 14.051"></polygon></svg>');
  color: #48b451;
}
.express-offers.offer-selector .offer-label .offer-middle .offer-middle-subtitle.warning::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" fill="%23d40511" height="16" viewBox="0 0 16 16"><polygon fill-rule="evenodd" points="1.5 3.198 3.196 1.502 8.004 6.308 12.814 1.5 14.508 3.196 9.702 8.004 14.508 12.81 12.814 14.506 8.004 9.7 3.196 14.506 1.5 12.809 6.308 8.004"></polygon></svg>');
  color: #d40511;
}
.express-offers.offer-selector .offer-label .offer-end {
  margin-right: 8px;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.express-offers.offer-selector .offer-label .offer-end .choose-button {
  background: #f44336;
  border-radius: 4px;
  padding: 5px 12px;
  font-weight: 600;
  color: #fff;
  font-size: 12px;
}
.express-offers.offer-selector .offer-label .offer-end .check-button {
  background: #48b451;
  color: #fff;
  border-radius: 100%;
  padding: 2px;
  display: none;
}

.summary-of-orders-express,
.additional-services-section-content-item-form {
  padding: 0;
}
.summary-of-orders-express .summary-of-order,
.additional-services-section-content-item-form .summary-of-order {
  margin: 8px 2px;
  padding: 10px 15px;
  font-size: 12px;
  border-left: 2px solid #ff9800;
  background: #eff1f6;
  border-radius: 4px;
}
.summary-of-orders-express .summary-of-order .customer-info,
.additional-services-section-content-item-form .summary-of-order .customer-info {
  color: #666;
  margin-bottom: 4px;
}
.summary-of-orders-express .summary-of-order .customer-info .customer-name,
.additional-services-section-content-item-form .summary-of-order .customer-info .customer-name {
  font-weight: 600;
  color: #333;
}
.summary-of-orders-express .summary-of-order .packages,
.additional-services-section-content-item-form .summary-of-order .packages {
  padding-top: 4px;
}
.summary-of-orders-express .summary-of-order .packages .summary-of-package .package-info,
.additional-services-section-content-item-form .summary-of-order .packages .summary-of-package .package-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
}
.summary-of-orders-express .summary-of-order .packages .summary-of-package .package-info .package-quantity,
.additional-services-section-content-item-form .summary-of-order .packages .summary-of-package .package-info .package-quantity {
  padding-left: 8px;
}
.summary-of-orders-express .summary-of-order .payment-info,
.additional-services-section-content-item-form .summary-of-order .payment-info {
  border-top: 1px solid #e6e6e6;
  padding-top: 4px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
}
.summary-of-orders-express .summary-of-order .payment-info .payment-info-bill-amount,
.additional-services-section-content-item-form .summary-of-order .payment-info .payment-info-bill-amount {
  padding-left: 8px;
  white-space: nowrap;
}
.summary-of-orders-express .summary-of-order .total-price,
.summary-of-orders-express .summary-of-order .total-weight,
.additional-services-section-content-item-form .summary-of-order .total-price,
.additional-services-section-content-item-form .summary-of-order .total-weight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  padding-top: 8px;
}
.summary-of-orders-express .summary-of-order .total-price .total-price-amount,
.summary-of-orders-express .summary-of-order .total-weight .total-price-amount,
.additional-services-section-content-item-form .summary-of-order .total-price .total-price-amount,
.additional-services-section-content-item-form .summary-of-order .total-weight .total-price-amount {
  padding-left: 8px;
  white-space: nowrap;
}
.summary-of-orders-express .summary-of-order .additional-total-price,
.additional-services-section-content-item-form .summary-of-order .additional-total-price {
  padding-top: 2px;
  color: #666;
}

.additional-services-section-content-item.active .summary-of-order,
.additional-services-section-content-item:hover .summary-of-order,
.additional-services-section-content-item:focus .summary-of-order,
.additional-services-section-content-item:active .summary-of-order {
  background: #ffffff;
}

.additional-services-section-content-item-form .summary-of-order {
  margin: 8px 0px;
  padding: 12px 12px;
  font-size: 12px;
  border-left: 2px solid #ff9800;
  background: #f2f2f4;
  border-radius: 0px 4px 4px 0px;
}
.additional-services-section-content-item-form .summary-of-order .packages {
  border-top: none;
}

.offer-info-close-icon {
  width: 20px;
  height: 20px;
  display: flex;
  margin-top: 6px;
  margin-left: -6px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>');
  background-repeat: no-repeat;
}

.cargo-types-with-icon input[type=checkbox]:checked + label *::before,
.cargo-types-with-icon input[type=radio]:checked + label *::before {
  filter: brightness(255);
}
.cargo-types-with-icon input[type=checkbox] + label .general,
.cargo-types-with-icon input[type=checkbox] + label .general_closed,
.cargo-types-with-icon input[type=checkbox] + label .general_open,
.cargo-types-with-icon input[type=checkbox] + label .packaged_liquid,
.cargo-types-with-icon input[type=checkbox] + label .hazardous,
.cargo-types-with-icon input[type=checkbox] + label .perishable,
.cargo-types-with-icon input[type=checkbox] + label .non_stackable,
.cargo-types-with-icon input[type=checkbox] + label .bulk_dry,
.cargo-types-with-icon input[type=checkbox] + label .bulk_liquid,
.cargo-types-with-icon input[type=checkbox] + label .vehicle_transport,
.cargo-types-with-icon input[type=checkbox] + label .valueable,
.cargo-types-with-icon input[type=checkbox] + label .container,
.cargo-types-with-icon input[type=checkbox] + label .trailer,
.cargo-types-with-icon input[type=checkbox] + label .temperature_protection,
.cargo-types-with-icon input[type=checkbox] + label .stackable,
.cargo-types-with-icon input[type=checkbox] + label .expert,
.cargo-types-with-icon input[type=radio] + label .general,
.cargo-types-with-icon input[type=radio] + label .general_closed,
.cargo-types-with-icon input[type=radio] + label .general_open,
.cargo-types-with-icon input[type=radio] + label .packaged_liquid,
.cargo-types-with-icon input[type=radio] + label .hazardous,
.cargo-types-with-icon input[type=radio] + label .perishable,
.cargo-types-with-icon input[type=radio] + label .non_stackable,
.cargo-types-with-icon input[type=radio] + label .bulk_dry,
.cargo-types-with-icon input[type=radio] + label .bulk_liquid,
.cargo-types-with-icon input[type=radio] + label .vehicle_transport,
.cargo-types-with-icon input[type=radio] + label .valueable,
.cargo-types-with-icon input[type=radio] + label .container,
.cargo-types-with-icon input[type=radio] + label .trailer,
.cargo-types-with-icon input[type=radio] + label .temperature_protection,
.cargo-types-with-icon input[type=radio] + label .stackable,
.cargo-types-with-icon input[type=radio] + label .expert {
  padding-left: 26px !important;
}
.cargo-types-with-icon .general,
.cargo-types-with-icon .general_closed,
.cargo-types-with-icon .general_open,
.cargo-types-with-icon .packaged_liquid,
.cargo-types-with-icon .hazardous,
.cargo-types-with-icon .perishable,
.cargo-types-with-icon .non_stackable,
.cargo-types-with-icon .bulk_dry,
.cargo-types-with-icon .bulk_liquid,
.cargo-types-with-icon .vehicle_transport,
.cargo-types-with-icon .valueable,
.cargo-types-with-icon .container,
.cargo-types-with-icon .temperature_protection,
.cargo-types-with-icon .trailer,
.cargo-types-with-icon .stackable,
.cargo-types-with-icon .expert {
  padding-left: 34px !important;
  position: relative;
}
.cargo-types-with-icon .general::before,
.cargo-types-with-icon .general_closed::before,
.cargo-types-with-icon .general_open::before,
.cargo-types-with-icon .packaged_liquid::before,
.cargo-types-with-icon .hazardous::before,
.cargo-types-with-icon .perishable::before,
.cargo-types-with-icon .non_stackable::before,
.cargo-types-with-icon .bulk_dry::before,
.cargo-types-with-icon .bulk_liquid::before,
.cargo-types-with-icon .vehicle_transport::before,
.cargo-types-with-icon .valueable::before,
.cargo-types-with-icon .container::before,
.cargo-types-with-icon .temperature_protection::before,
.cargo-types-with-icon .trailer::before,
.cargo-types-with-icon .stackable::before,
.cargo-types-with-icon .expert::before {
  display: block;
  width: 16px;
  height: 16px;
  background-size: 786px;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  background-image: url(../img/icon-css_sprites.png);
  left: 12px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cargo-types-with-icon .general.stackable::before,
.cargo-types-with-icon .general_closed.stackable::before,
.cargo-types-with-icon .general_open.stackable::before,
.cargo-types-with-icon .packaged_liquid.stackable::before,
.cargo-types-with-icon .hazardous.stackable::before,
.cargo-types-with-icon .perishable.stackable::before,
.cargo-types-with-icon .non_stackable.stackable::before,
.cargo-types-with-icon .bulk_dry.stackable::before,
.cargo-types-with-icon .bulk_liquid.stackable::before,
.cargo-types-with-icon .vehicle_transport.stackable::before,
.cargo-types-with-icon .valueable.stackable::before,
.cargo-types-with-icon .container.stackable::before,
.cargo-types-with-icon .temperature_protection.stackable::before,
.cargo-types-with-icon .trailer.stackable::before,
.cargo-types-with-icon .stackable.stackable::before,
.cargo-types-with-icon .expert.stackable::before {
  background-image: url(../img/stackable.jpg);
  background-size: 18px;
  background-position: 0% 50%;
  width: 19px;
  height: 24px;
}
.cargo-types-with-icon .general.container,
.cargo-types-with-icon .general_closed.container,
.cargo-types-with-icon .general_open.container,
.cargo-types-with-icon .packaged_liquid.container,
.cargo-types-with-icon .hazardous.container,
.cargo-types-with-icon .perishable.container,
.cargo-types-with-icon .non_stackable.container,
.cargo-types-with-icon .bulk_dry.container,
.cargo-types-with-icon .bulk_liquid.container,
.cargo-types-with-icon .vehicle_transport.container,
.cargo-types-with-icon .valueable.container,
.cargo-types-with-icon .container.container,
.cargo-types-with-icon .temperature_protection.container,
.cargo-types-with-icon .trailer.container,
.cargo-types-with-icon .stackable.container,
.cargo-types-with-icon .expert.container {
  --bs-gutter-x: unset;
  --bs-gutter-y: unset;
  width: unset;
  padding-right: unset;
  padding-left: unset;
  margin-right: unset;
  margin-left: unset;
  max-width: unset;
}
.cargo-types-with-icon .general.container::before,
.cargo-types-with-icon .general_closed.container::before,
.cargo-types-with-icon .general_open.container::before,
.cargo-types-with-icon .packaged_liquid.container::before,
.cargo-types-with-icon .hazardous.container::before,
.cargo-types-with-icon .perishable.container::before,
.cargo-types-with-icon .non_stackable.container::before,
.cargo-types-with-icon .bulk_dry.container::before,
.cargo-types-with-icon .bulk_liquid.container::before,
.cargo-types-with-icon .vehicle_transport.container::before,
.cargo-types-with-icon .valueable.container::before,
.cargo-types-with-icon .container.container::before,
.cargo-types-with-icon .temperature_protection.container::before,
.cargo-types-with-icon .trailer.container::before,
.cargo-types-with-icon .stackable.container::before,
.cargo-types-with-icon .expert.container::before {
  background-image: url(../img/container-small.png);
  background-size: 26px;
  width: 28px;
  height: 24px;
  background-position: center;
}
.cargo-types-with-icon .general.trailer::before,
.cargo-types-with-icon .general_closed.trailer::before,
.cargo-types-with-icon .general_open.trailer::before,
.cargo-types-with-icon .packaged_liquid.trailer::before,
.cargo-types-with-icon .hazardous.trailer::before,
.cargo-types-with-icon .perishable.trailer::before,
.cargo-types-with-icon .non_stackable.trailer::before,
.cargo-types-with-icon .bulk_dry.trailer::before,
.cargo-types-with-icon .bulk_liquid.trailer::before,
.cargo-types-with-icon .vehicle_transport.trailer::before,
.cargo-types-with-icon .valueable.trailer::before,
.cargo-types-with-icon .container.trailer::before,
.cargo-types-with-icon .temperature_protection.trailer::before,
.cargo-types-with-icon .trailer.trailer::before,
.cargo-types-with-icon .stackable.trailer::before,
.cargo-types-with-icon .expert.trailer::before {
  background-image: url(../img/trailer_transporting.webp);
  background-size: 26px;
  width: 30px;
  height: 32px;
  background-position: center;
}
.cargo-types-with-icon .general.expert::before,
.cargo-types-with-icon .general_closed.expert::before,
.cargo-types-with-icon .general_open.expert::before,
.cargo-types-with-icon .packaged_liquid.expert::before,
.cargo-types-with-icon .hazardous.expert::before,
.cargo-types-with-icon .perishable.expert::before,
.cargo-types-with-icon .non_stackable.expert::before,
.cargo-types-with-icon .bulk_dry.expert::before,
.cargo-types-with-icon .bulk_liquid.expert::before,
.cargo-types-with-icon .vehicle_transport.expert::before,
.cargo-types-with-icon .valueable.expert::before,
.cargo-types-with-icon .container.expert::before,
.cargo-types-with-icon .temperature_protection.expert::before,
.cargo-types-with-icon .trailer.expert::before,
.cargo-types-with-icon .stackable.expert::before,
.cargo-types-with-icon .expert.expert::before {
  background-image: url(../img/d/expert_transporting.png);
  background-size: 26px;
  width: 28px;
  left: 10px;
  height: 20px;
}
.cargo-types-with-icon .general.temperature_protection::before,
.cargo-types-with-icon .general_closed.temperature_protection::before,
.cargo-types-with-icon .general_open.temperature_protection::before,
.cargo-types-with-icon .packaged_liquid.temperature_protection::before,
.cargo-types-with-icon .hazardous.temperature_protection::before,
.cargo-types-with-icon .perishable.temperature_protection::before,
.cargo-types-with-icon .non_stackable.temperature_protection::before,
.cargo-types-with-icon .bulk_dry.temperature_protection::before,
.cargo-types-with-icon .bulk_liquid.temperature_protection::before,
.cargo-types-with-icon .vehicle_transport.temperature_protection::before,
.cargo-types-with-icon .valueable.temperature_protection::before,
.cargo-types-with-icon .container.temperature_protection::before,
.cargo-types-with-icon .temperature_protection.temperature_protection::before,
.cargo-types-with-icon .trailer.temperature_protection::before,
.cargo-types-with-icon .stackable.temperature_protection::before,
.cargo-types-with-icon .expert.temperature_protection::before {
  background-image: url(../img/d/temperature_protection.png);
  background-size: 26px;
  width: 34px;
  height: 28px;
  background-position: 12px center;
  background-size: contain;
}
.cargo-types-with-icon .general.general,
.cargo-types-with-icon .general_closed.general,
.cargo-types-with-icon .general_open.general,
.cargo-types-with-icon .packaged_liquid.general,
.cargo-types-with-icon .hazardous.general,
.cargo-types-with-icon .perishable.general,
.cargo-types-with-icon .non_stackable.general,
.cargo-types-with-icon .bulk_dry.general,
.cargo-types-with-icon .bulk_liquid.general,
.cargo-types-with-icon .vehicle_transport.general,
.cargo-types-with-icon .valueable.general,
.cargo-types-with-icon .container.general,
.cargo-types-with-icon .temperature_protection.general,
.cargo-types-with-icon .trailer.general,
.cargo-types-with-icon .stackable.general,
.cargo-types-with-icon .expert.general {
  padding-left: 16px;
}
.cargo-types-with-icon .general.general::before,
.cargo-types-with-icon .general_closed.general::before,
.cargo-types-with-icon .general_open.general::before,
.cargo-types-with-icon .packaged_liquid.general::before,
.cargo-types-with-icon .hazardous.general::before,
.cargo-types-with-icon .perishable.general::before,
.cargo-types-with-icon .non_stackable.general::before,
.cargo-types-with-icon .bulk_dry.general::before,
.cargo-types-with-icon .bulk_liquid.general::before,
.cargo-types-with-icon .vehicle_transport.general::before,
.cargo-types-with-icon .valueable.general::before,
.cargo-types-with-icon .container.general::before,
.cargo-types-with-icon .temperature_protection.general::before,
.cargo-types-with-icon .trailer.general::before,
.cargo-types-with-icon .stackable.general::before,
.cargo-types-with-icon .expert.general::before {
  background-image: url(../img/d/open_or_closed_shipment.png);
  background-size: 26px;
  width: 27px;
  left: 9px;
  height: 14px;
}
.cargo-types-with-icon .general.general_closed,
.cargo-types-with-icon .general_closed.general_closed,
.cargo-types-with-icon .general_open.general_closed,
.cargo-types-with-icon .packaged_liquid.general_closed,
.cargo-types-with-icon .hazardous.general_closed,
.cargo-types-with-icon .perishable.general_closed,
.cargo-types-with-icon .non_stackable.general_closed,
.cargo-types-with-icon .bulk_dry.general_closed,
.cargo-types-with-icon .bulk_liquid.general_closed,
.cargo-types-with-icon .vehicle_transport.general_closed,
.cargo-types-with-icon .valueable.general_closed,
.cargo-types-with-icon .container.general_closed,
.cargo-types-with-icon .temperature_protection.general_closed,
.cargo-types-with-icon .trailer.general_closed,
.cargo-types-with-icon .stackable.general_closed,
.cargo-types-with-icon .expert.general_closed {
  padding-left: 16px;
}
.cargo-types-with-icon .general.general_closed::before,
.cargo-types-with-icon .general_closed.general_closed::before,
.cargo-types-with-icon .general_open.general_closed::before,
.cargo-types-with-icon .packaged_liquid.general_closed::before,
.cargo-types-with-icon .hazardous.general_closed::before,
.cargo-types-with-icon .perishable.general_closed::before,
.cargo-types-with-icon .non_stackable.general_closed::before,
.cargo-types-with-icon .bulk_dry.general_closed::before,
.cargo-types-with-icon .bulk_liquid.general_closed::before,
.cargo-types-with-icon .vehicle_transport.general_closed::before,
.cargo-types-with-icon .valueable.general_closed::before,
.cargo-types-with-icon .container.general_closed::before,
.cargo-types-with-icon .temperature_protection.general_closed::before,
.cargo-types-with-icon .trailer.general_closed::before,
.cargo-types-with-icon .stackable.general_closed::before,
.cargo-types-with-icon .expert.general_closed::before {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve"><g><g><path fill="%23000000" d="M163.4,66.4c0-2.6-2.1-4.7-4.7-4.7h-144c-2.6,0-4.7,2.1-4.7,4.7v81h153.5L163.4,66.4L163.4,66.4z"/><path fill="%23000000" d="M198.8,158.9c-9.8,0-17.7,7.9-17.7,17.7s7.9,17.7,17.7,17.7s17.7-7.9,17.7-17.7C216.5,166.9,208.5,158.9,198.8,158.9z"/><path fill="%23000000" d="M57.4,158.9c-9.8,0-17.7,7.9-17.7,17.7s7.9,17.7,17.7,17.7c9.8,0,17.7-7.9,17.7-17.7C75.1,166.9,67.2,158.9,57.4,158.9z"/><path fill="%23000000" d="M46.3,154.5H10v17.4c0,2.6,2.1,4.7,4.7,4.7h17.9C32.7,167,38.2,158.6,46.3,154.5z"/><path fill="%23000000" d="M243.6,142.4L214.2,94c-1.3-2.2-4.6-4-7.2-4h-31.7c-2.6,0-4.7,2.1-4.7,4.7v59.8h-102c8.1,4.1,13.7,12.5,13.7,22.1H174c0-13.7,11.1-24.8,24.8-24.8c13.7,0,24.8,11.1,24.8,24.8h17.7c2.6,0,4.7-2.1,4.7-4.7v-20.7C246,148.6,244.9,144.7,243.6,142.4z M223.3,130.9l-41-4.6c-1.3-0.1-2.3-1.3-2.3-2.6v-21.9c0-1.3,1.1-2.4,2.4-2.4h21.7c1.3,0,2.9,0.9,3.6,2l16.8,27.7C225.1,130.2,224.6,131,223.3,130.9z"/></g></g></svg>');
  background-size: 25px;
  width: 28px;
  height: 24px;
  background-position: center;
}
.cargo-types-with-icon .general.general_open,
.cargo-types-with-icon .general_closed.general_open,
.cargo-types-with-icon .general_open.general_open,
.cargo-types-with-icon .packaged_liquid.general_open,
.cargo-types-with-icon .hazardous.general_open,
.cargo-types-with-icon .perishable.general_open,
.cargo-types-with-icon .non_stackable.general_open,
.cargo-types-with-icon .bulk_dry.general_open,
.cargo-types-with-icon .bulk_liquid.general_open,
.cargo-types-with-icon .vehicle_transport.general_open,
.cargo-types-with-icon .valueable.general_open,
.cargo-types-with-icon .container.general_open,
.cargo-types-with-icon .temperature_protection.general_open,
.cargo-types-with-icon .trailer.general_open,
.cargo-types-with-icon .stackable.general_open,
.cargo-types-with-icon .expert.general_open {
  padding-left: 16px;
}
.cargo-types-with-icon .general.general_open::before,
.cargo-types-with-icon .general_closed.general_open::before,
.cargo-types-with-icon .general_open.general_open::before,
.cargo-types-with-icon .packaged_liquid.general_open::before,
.cargo-types-with-icon .hazardous.general_open::before,
.cargo-types-with-icon .perishable.general_open::before,
.cargo-types-with-icon .non_stackable.general_open::before,
.cargo-types-with-icon .bulk_dry.general_open::before,
.cargo-types-with-icon .bulk_liquid.general_open::before,
.cargo-types-with-icon .vehicle_transport.general_open::before,
.cargo-types-with-icon .valueable.general_open::before,
.cargo-types-with-icon .container.general_open::before,
.cargo-types-with-icon .temperature_protection.general_open::before,
.cargo-types-with-icon .trailer.general_open::before,
.cargo-types-with-icon .stackable.general_open::before,
.cargo-types-with-icon .expert.general_open::before {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve"><g><g><path fill="%23000000" d="M198.7,144.8c-9.8,0-17.7,7.9-17.7,17.7c0,9.8,7.9,17.7,17.7,17.7c9.8,0,17.7-7.9,17.7-17.7C216.4,152.7,208.5,144.8,198.7,144.8z"/><path fill="%23000000" d="M57.4,144.8c-9.8,0-17.7,7.9-17.7,17.7c0,9.8,7.9,17.7,17.7,17.7c9.8,0,17.7-7.9,17.7-17.7C75.1,152.7,67.2,144.8,57.4,144.8z"/><path fill="%23000000" d="M46.3,140.3H14.7c-2.6,0-4.7,2.1-4.7,4.7v12.7c0,2.6,2.1,4.7,4.7,4.7h18C32.7,152.8,38.2,144.4,46.3,140.3z"/><path fill="%23000000" d="M243.5,128.3l-29.4-48.4c-1.3-2.2-4.6-4-7.2-4h-31.7c-2.6,0-4.7,2.1-4.7,4.7v59.8h-102c8.1,4.1,13.7,12.5,13.7,22.1H174c0-13.7,11.1-24.8,24.8-24.8c13.7,0,24.8,11.1,24.8,24.8h17.8c2.6,0,4.7-2.1,4.7-4.7V137C246,134.4,244.9,130.5,243.5,128.3z M223.3,116.7l-41-4.6c-1.3-0.1-2.3-1.3-2.3-2.6V87.6c0-1.3,1.1-2.4,2.4-2.4H204c1.3,0,2.9,0.9,3.6,2l16.8,27.7C225.1,116.1,224.6,116.9,223.3,116.7z"/></g></g></svg>');
  background-size: 28px;
  width: 28px;
  height: 24px;
  background-position: center;
}
.cargo-types-with-icon .general.packaged_liquid::before,
.cargo-types-with-icon .general_closed.packaged_liquid::before,
.cargo-types-with-icon .general_open.packaged_liquid::before,
.cargo-types-with-icon .packaged_liquid.packaged_liquid::before,
.cargo-types-with-icon .hazardous.packaged_liquid::before,
.cargo-types-with-icon .perishable.packaged_liquid::before,
.cargo-types-with-icon .non_stackable.packaged_liquid::before,
.cargo-types-with-icon .bulk_dry.packaged_liquid::before,
.cargo-types-with-icon .bulk_liquid.packaged_liquid::before,
.cargo-types-with-icon .vehicle_transport.packaged_liquid::before,
.cargo-types-with-icon .valueable.packaged_liquid::before,
.cargo-types-with-icon .container.packaged_liquid::before,
.cargo-types-with-icon .temperature_protection.packaged_liquid::before,
.cargo-types-with-icon .trailer.packaged_liquid::before,
.cargo-types-with-icon .stackable.packaged_liquid::before,
.cargo-types-with-icon .expert.packaged_liquid::before {
  background-image: url(../img/liquid-cargo.webp);
  background-size: 16px;
}
.cargo-types-with-icon .general.hazardous::before,
.cargo-types-with-icon .general_closed.hazardous::before,
.cargo-types-with-icon .general_open.hazardous::before,
.cargo-types-with-icon .packaged_liquid.hazardous::before,
.cargo-types-with-icon .hazardous.hazardous::before,
.cargo-types-with-icon .perishable.hazardous::before,
.cargo-types-with-icon .non_stackable.hazardous::before,
.cargo-types-with-icon .bulk_dry.hazardous::before,
.cargo-types-with-icon .bulk_liquid.hazardous::before,
.cargo-types-with-icon .vehicle_transport.hazardous::before,
.cargo-types-with-icon .valueable.hazardous::before,
.cargo-types-with-icon .container.hazardous::before,
.cargo-types-with-icon .temperature_protection.hazardous::before,
.cargo-types-with-icon .trailer.hazardous::before,
.cargo-types-with-icon .stackable.hazardous::before,
.cargo-types-with-icon .expert.hazardous::before {
  background-image: url(../img/hazardous.webp);
  background-position: center;
  background-size: 24px;
  width: 26px;
  height: 26px;
}
.cargo-types-with-icon .general.perishable::before,
.cargo-types-with-icon .general_closed.perishable::before,
.cargo-types-with-icon .general_open.perishable::before,
.cargo-types-with-icon .packaged_liquid.perishable::before,
.cargo-types-with-icon .hazardous.perishable::before,
.cargo-types-with-icon .perishable.perishable::before,
.cargo-types-with-icon .non_stackable.perishable::before,
.cargo-types-with-icon .bulk_dry.perishable::before,
.cargo-types-with-icon .bulk_liquid.perishable::before,
.cargo-types-with-icon .vehicle_transport.perishable::before,
.cargo-types-with-icon .valueable.perishable::before,
.cargo-types-with-icon .container.perishable::before,
.cargo-types-with-icon .temperature_protection.perishable::before,
.cargo-types-with-icon .trailer.perishable::before,
.cargo-types-with-icon .stackable.perishable::before,
.cargo-types-with-icon .expert.perishable::before {
  background-image: url('data:image/svg+xml,<svg style="color: %2308a3ff;top: 0px;" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22v-2z"></path></svg>');
  background-size: 22px;
  width: 31px;
  height: 24px;
  background-position: center;
}
.cargo-types-with-icon .general.non_stackable::before,
.cargo-types-with-icon .general_closed.non_stackable::before,
.cargo-types-with-icon .general_open.non_stackable::before,
.cargo-types-with-icon .packaged_liquid.non_stackable::before,
.cargo-types-with-icon .hazardous.non_stackable::before,
.cargo-types-with-icon .perishable.non_stackable::before,
.cargo-types-with-icon .non_stackable.non_stackable::before,
.cargo-types-with-icon .bulk_dry.non_stackable::before,
.cargo-types-with-icon .bulk_liquid.non_stackable::before,
.cargo-types-with-icon .vehicle_transport.non_stackable::before,
.cargo-types-with-icon .valueable.non_stackable::before,
.cargo-types-with-icon .container.non_stackable::before,
.cargo-types-with-icon .temperature_protection.non_stackable::before,
.cargo-types-with-icon .trailer.non_stackable::before,
.cargo-types-with-icon .stackable.non_stackable::before,
.cargo-types-with-icon .expert.non_stackable::before {
  background-image: url(../img/nonstackable.png);
  background-size: 18px;
  background-position: 0% 50%;
  width: 19px;
  height: 24px;
}
.cargo-types-with-icon .general.bulk_dry::before,
.cargo-types-with-icon .general_closed.bulk_dry::before,
.cargo-types-with-icon .general_open.bulk_dry::before,
.cargo-types-with-icon .packaged_liquid.bulk_dry::before,
.cargo-types-with-icon .hazardous.bulk_dry::before,
.cargo-types-with-icon .perishable.bulk_dry::before,
.cargo-types-with-icon .non_stackable.bulk_dry::before,
.cargo-types-with-icon .bulk_dry.bulk_dry::before,
.cargo-types-with-icon .bulk_liquid.bulk_dry::before,
.cargo-types-with-icon .vehicle_transport.bulk_dry::before,
.cargo-types-with-icon .valueable.bulk_dry::before,
.cargo-types-with-icon .container.bulk_dry::before,
.cargo-types-with-icon .temperature_protection.bulk_dry::before,
.cargo-types-with-icon .trailer.bulk_dry::before,
.cargo-types-with-icon .stackable.bulk_dry::before,
.cargo-types-with-icon .expert.bulk_dry::before {
  background-image: url('data:image/svg+xml,<svg class="me-1 sea-bulk-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.0971 21.7039H3.67381C2.36079 21.7039 1.55448 20.2743 2.26356 19.178L8.88673 8.93763C9.19598 8.45927 10.0067 8.45927 10.3159 8.93763L14.16 14.8812L15.3549 13.0339C15.7283 12.4564 16.5827 12.4564 16.9562 13.0339L20.6985 18.82C21.5057 20.0681 20.5974 21.7039 19.0971 21.7039Z" fill="%23C9CFDB"></path></svg>');
  background-size: 20px;
  background-position: center -5px;
}
.cargo-types-with-icon .general.bulk_liquid,
.cargo-types-with-icon .general_closed.bulk_liquid,
.cargo-types-with-icon .general_open.bulk_liquid,
.cargo-types-with-icon .packaged_liquid.bulk_liquid,
.cargo-types-with-icon .hazardous.bulk_liquid,
.cargo-types-with-icon .perishable.bulk_liquid,
.cargo-types-with-icon .non_stackable.bulk_liquid,
.cargo-types-with-icon .bulk_dry.bulk_liquid,
.cargo-types-with-icon .bulk_liquid.bulk_liquid,
.cargo-types-with-icon .vehicle_transport.bulk_liquid,
.cargo-types-with-icon .valueable.bulk_liquid,
.cargo-types-with-icon .container.bulk_liquid,
.cargo-types-with-icon .temperature_protection.bulk_liquid,
.cargo-types-with-icon .trailer.bulk_liquid,
.cargo-types-with-icon .stackable.bulk_liquid,
.cargo-types-with-icon .expert.bulk_liquid {
  padding-left: 16px;
}
.cargo-types-with-icon .general.bulk_liquid::before,
.cargo-types-with-icon .general_closed.bulk_liquid::before,
.cargo-types-with-icon .general_open.bulk_liquid::before,
.cargo-types-with-icon .packaged_liquid.bulk_liquid::before,
.cargo-types-with-icon .hazardous.bulk_liquid::before,
.cargo-types-with-icon .perishable.bulk_liquid::before,
.cargo-types-with-icon .non_stackable.bulk_liquid::before,
.cargo-types-with-icon .bulk_dry.bulk_liquid::before,
.cargo-types-with-icon .bulk_liquid.bulk_liquid::before,
.cargo-types-with-icon .vehicle_transport.bulk_liquid::before,
.cargo-types-with-icon .valueable.bulk_liquid::before,
.cargo-types-with-icon .container.bulk_liquid::before,
.cargo-types-with-icon .temperature_protection.bulk_liquid::before,
.cargo-types-with-icon .trailer.bulk_liquid::before,
.cargo-types-with-icon .stackable.bulk_liquid::before,
.cargo-types-with-icon .expert.bulk_liquid::before {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve"><g><g><path fill="%23000000" d="M10,164.3l18.6,4.7h22.8c0-5.6,1.9-10.6,4.9-14.7H10V164.3z"/><path fill="%23000000" d="M76,151c-9.9,0-18.1,8.1-18.1,18c0,10,8.1,18,18.1,18c9.9,0,18-8,18-18C94,159,85.9,151,76,151z M76,178.8c-5.5,0-9.9-4.4-9.9-9.8c0-5.4,4.4-9.8,9.9-9.8c5.4,0,9.8,4.4,9.8,9.8C85.8,174.4,81.4,178.8,76,178.8z"/><path fill="%23000000" d="M223,118.2l-13.1-39.3V69h-41.1v85.2h-11.9c-1.7-7.1-3.7-13.4-5-17.3c5.2-5.9,8.4-13.5,8.4-22v-12.4c0-18.5-15.1-33.6-33.6-33.6H43.6C25.1,69,10,84.1,10,102.6V115c0,18.5,15.1,33.6,33.6,33.6h83.2c6.5,0,12.5-2,17.7-5.2c1,3,2,6.8,3.1,10.8h-52c3.1,4.1,5,9.2,5,14.7h50.2c0,0.3,9.1,0.3,9.1,0h17.3c0-13.6,11-24.5,24.6-24.5c9.6,0,17.8,5.5,21.9,13.4c1.5,2.8,2.4,6,2.6,9.4c0,0.6,0.1,1.1,0.1,1.7H246v-41L223,118.2z M180.5,118.2V88.7h23l9.8,29.5H180.5z"/><path fill="%23000000" d="M201.8,151c-9.9,0-18.1,8.1-18.1,18c0,10,8.1,18,18.1,18c9.9,0,18-8,18-18C219.8,159,211.7,151,201.8,151z M201.7,178.8c-5.4,0-9.8-4.4-9.8-9.8c0-5.4,4.4-9.8,9.8-9.8c5.4,0,9.8,4.4,9.8,9.8C211.6,174.4,207.2,178.8,201.7,178.8z"/></g></g></svg>');
  background-size: 24px;
  background-position: -1px -2px;
  width: 24px;
}
.cargo-types-with-icon .general.vehicle_transport::before,
.cargo-types-with-icon .general_closed.vehicle_transport::before,
.cargo-types-with-icon .general_open.vehicle_transport::before,
.cargo-types-with-icon .packaged_liquid.vehicle_transport::before,
.cargo-types-with-icon .hazardous.vehicle_transport::before,
.cargo-types-with-icon .perishable.vehicle_transport::before,
.cargo-types-with-icon .non_stackable.vehicle_transport::before,
.cargo-types-with-icon .bulk_dry.vehicle_transport::before,
.cargo-types-with-icon .bulk_liquid.vehicle_transport::before,
.cargo-types-with-icon .vehicle_transport.vehicle_transport::before,
.cargo-types-with-icon .valueable.vehicle_transport::before,
.cargo-types-with-icon .container.vehicle_transport::before,
.cargo-types-with-icon .temperature_protection.vehicle_transport::before,
.cargo-types-with-icon .trailer.vehicle_transport::before,
.cargo-types-with-icon .stackable.vehicle_transport::before,
.cargo-types-with-icon .expert.vehicle_transport::before {
  background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve"><g><g><path fill="%232e4d8e" d="M246,141.8h-8.3v-30.5h-18l-25-43.1H92.1l-25,43.1H16.2v30.5H10V159h6.2v10.8H52c2,10.3,11.1,18.1,22,18.1c10.9,0,20-7.8,22-18.1h66.4c2,10.3,11.1,18.1,22,18.1c10.9,0,20-7.8,22-18.1h31.2V159h8.3L246,141.8L246,141.8z M74.1,179.3c-7.6,0-13.8-6.2-13.8-13.8s6.2-13.8,13.8-13.8s13.8,6.2,13.8,13.8S81.7,179.3,74.1,179.3z M184.5,179.3c-7.6,0-13.8-6.2-13.8-13.8s6.2-13.8,13.8-13.8c7.6,0,13.8,6.2,13.8,13.8S192.1,179.3,184.5,179.3z M229.1,161.2h-22.6c-2-10.3-11.1-18.1-22-18.1c-10.9,0-20,7.8-22,18.1H96.1C94,150.9,85,143,74.1,143s-20,7.8-22,18.1H24.8v-41.3h47.2l25-43.1h92.7l25,43.1H229L229.1,161.2L229.1,161.2L229.1,161.2z M188.8,92.3l15.4,26.6h-15.4V92.3z M139.5,85.4h40.7v33.6h-40.7V85.4z M102,85.4h28.9v33.6H82.6L102,85.4z" data-title="Layer 0" xs="0"></path></g></g></svg>');
  width: 26px;
  margin-top: -6px;
  background-size: 22px;
}
.cargo-types-with-icon .general.valueable::before,
.cargo-types-with-icon .general_closed.valueable::before,
.cargo-types-with-icon .general_open.valueable::before,
.cargo-types-with-icon .packaged_liquid.valueable::before,
.cargo-types-with-icon .hazardous.valueable::before,
.cargo-types-with-icon .perishable.valueable::before,
.cargo-types-with-icon .non_stackable.valueable::before,
.cargo-types-with-icon .bulk_dry.valueable::before,
.cargo-types-with-icon .bulk_liquid.valueable::before,
.cargo-types-with-icon .vehicle_transport.valueable::before,
.cargo-types-with-icon .valueable.valueable::before,
.cargo-types-with-icon .container.valueable::before,
.cargo-types-with-icon .temperature_protection.valueable::before,
.cargo-types-with-icon .trailer.valueable::before,
.cargo-types-with-icon .stackable.valueable::before,
.cargo-types-with-icon .expert.valueable::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23000000" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" style="&%2310; fill: %231783ff;&%2310; stroke: %23000000;&%2310;"><path id="Diamond" d="M63.6870499,18.5730648L48.7831497,4.278266c-0.1855011-0.1758003-0.4316025-0.4813001-0.6870003-0.4813001 H15.9037514c-0.2553005,0-0.5014,0.3054998-0.6870003,0.4813001l-14.9038,14.1908998 c-0.374,0.3535004-0.4184,0.9855995-0.1025,1.3917999c0.21,0.2703991,30.8237991,39.7256012,31.0517006,39.9812012 c0.1022987,0.1149979,0.2402992,0.2215996,0.3428001,0.266098c0.2763996,0.1206017,0.5077,0.1296997,0.7900982,0.0065002 c0.1025009-0.0444984,0.2404022-0.1348991,0.3428001-0.2499008c0.0151024-0.0168991,0.0377007-0.0224991,0.0517006-0.0404968 L63.789547,19.9121666C64.1054459,19.5058651,64.0610504,18.9265652,63.6870499,18.5730648z M15.6273508,6.4344659 l4.9945002,11.3625011H3.6061509L15.6273508,6.4344659z M24.0795517,17.7969666l7.9203987-11.2617006l7.9204979,11.2617006 H24.0795517z M40.7191467,19.7969666l-8.7191963,34.8769989l-8.719099-34.8769989H40.7191467z M33.9257507,5.7969656h12.5423012 l-4.8240013,10.9746008L33.9257507,5.7969656z M22.3559513,16.7715664L17.53195,5.7969656h12.5423012L22.3559513,16.7715664z M21.2191505,19.7969666l8.6596012,34.638401L2.975451,19.7969666H21.2191505z M42.7808495,19.7969666h18.2436981 l-26.9032974,34.638401L42.7808495,19.7969666z M43.3781471,17.7969666l4.9944992-11.3625011l12.0212021,11.3625011H43.3781471z"/></svg>');
  background-size: 16px;
  left: 15px;
}

.loading-indicator-payment {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0.67);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.payment-form-saved-cards .saved-card img {
  width: 42px;
  margin-right: 18px;
}
.payment-form-saved-cards .saved-card input[type=radio] {
  margin-top: -1px;
  width: 18px;
  height: 18px;
  margin-right: 12px !important;
}
.payment-form-saved-cards .saved-card input[type=radio]:checked {
  border-color: #4caf50;
  background-color: #4caf50;
}

.contact-form {
  padding: 24px 36px;
  background-color: rgb(252, 244, 242);
  padding-top: 32px;
  border-radius: 12px;
}
.contact-form label {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px;
  font-size: 16px;
}
.contact-form label .required {
  background-color: #ffe200;
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 2px 6px;
  vertical-align: middle;
  line-height: 1.2;
}
.contact-form input:not(input[type=file]), .contact-form textarea, .contact-form select {
  background-size: 0.5em;
  border: 2px solid #333;
  border-radius: 0.4rem;
  color: #333;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1.8;
  padding: 0.6em 0.75em 0.7em 0.75em;
}
.contact-form select {
  background: white url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="25" fill="none" viewBox="0 0 14 25"><path fill="%231D2D35" fill-rule="evenodd" d="m6.59106.165703c.22168-.2208864.57715-.2208864.79883-.000305l.3418.341064c1.11523 1.111568 4.09961 4.088558 6.06351 6.027218.2724.27308.2724.55799 0 .85566l-.8555.81909c-.2734.29767-.5586.29767-.8555 0l-5.09274-5.09375-5.09278 5.09375c-.27344.29767-.55859.29767-.85547 0l-.821286-.81909c-.2958986-.29688-.2958986-.58258 0-.85566zm.81739 23.670297c-.22071.2209-.57715.2209-.79785.0003l-.30274-.3027c-1.08398-1.0799-4.11719-4.1042-6.102538-6.0656-.2734372-.2731-.2734372-.558 0-.8556l.855468-.8192c.27246-.2976.55762-.2976.85547 0l5.09277 5.0938 5.09277-5.0938c.2725-.2976.5576-.2976.8555 0l.8203.8192c.124.1239.1953.2459.2158.3659.0283.1673-.0439.3307-.2158.4897z" clip-rule="evenodd"/></svg>') no-repeat right 10px center;
  background-size: 0.5em;
}
.contact-form input[type=file] {
  font-size: 13px;
}
.contact-form button[type=submit] {
  background-color: rgb(145, 29, 121);
  color: #fff;
  font-weight: 700;
  border: 0;
  border-radius: 24px;
  padding: 10px 16px;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 1.8;
  cursor: pointer;
}
.contact-form button[type=submit]:hover {
  background-color: rgb(145, 29, 121);
}

.route-container-price-form .route-header, .sale-container-details .route-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #cee5fb;
  padding: 10px;
  padding-top: 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 12px;
}
.route-container-price-form .sub-header, .sale-container-details .sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  background: #cee5fb;
  width: 100%;
}
.route-container-price-form .sub-header .list-group-item-title, .sale-container-details .sub-header .list-group-item-title {
  color: rgb(13, 84, 117);
  font-weight: 600;
  font-size: 12px;
}
.route-container-price-form .sub-header input, .sale-container-details .sub-header input {
  height: 32px;
  width: 70px;
  font-size: 12px;
  text-align: center;
}
.route-container-price-form .sub-header input::-moz-placeholder, .sale-container-details .sub-header input::-moz-placeholder {
  color: #999;
  font-size: 12px;
}
.route-container-price-form .sub-header input::placeholder, .sale-container-details .sub-header input::placeholder {
  color: #999;
  font-size: 12px;
}
.route-container-price-form .list-group, .sale-container-details .list-group {
  background-color: #f2f4fa;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 8px;
}
.route-container-price-form .list-group .title, .sale-container-details .list-group .title {
  color: rgb(13, 84, 117);
  font-weight: 600;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cee5fb;
  margin-left: -10px;
  background: #cee5fb;
  margin-top: -12px;
  padding: 10px 11px 8px 12px;
  margin-right: -10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 6px;
}
.route-container-price-form .list-group .title .count-wrapper, .sale-container-details .list-group .title .count-wrapper {
  min-width: 70px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 11px;
  color: #333;
  text-align: center;
}
.route-container-price-form .list-group .list-group-item, .sale-container-details .list-group .list-group-item {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
  border: none;
}
.route-container-price-form .list-group .list-group-item .list-group-item-title, .sale-container-details .list-group .list-group-item .list-group-item-title {
  color: rgb(13, 84, 117);
  font-weight: 600;
  font-size: 12px;
}
.route-container-price-form .list-group .list-group-item input, .sale-container-details .list-group .list-group-item input {
  height: 32px;
  width: 70px;
  font-size: 12px;
  text-align: center;
}
.route-container-price-form .list-group .list-group-item input::-moz-placeholder, .sale-container-details .list-group .list-group-item input::-moz-placeholder {
  color: #999;
  font-size: 12px;
}
.route-container-price-form .list-group .list-group-item input::placeholder, .sale-container-details .list-group .list-group-item input::placeholder {
  color: #999;
  font-size: 12px;
}

.border-left-blue-rounded {
  border-left: 3px solid #46c0e8;
  margin-left: -10px;
  padding-left: 6px;
  border-radius: 12px;
}

.mg-date-picker-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  display: none;
}

.mg-date-picker {
  position: relative;
}
.mg-date-picker.selected {
  border-color: #08f !important;
}
.mg-date-picker.selected .selection {
  color: #333;
}
.mg-date-picker .selection {
  color: #999;
}
.mg-date-picker .mg-date-picker-selector {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 11;
  padding: 12px;
  min-width: 310px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mg-date-picker .mg-date-picker-selector.show {
  display: block;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top {
  display: flex;
  align-items: center;
  background-color: #e2e2ec;
  padding: 8px;
  border-radius: 8px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch {
  cursor: pointer;
  width: 50%;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 13px;
  transition: all 0.3s;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch:first-child {
  margin-right: 5px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch:last-child {
  margin-left: 5px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch.active {
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch .mg-date-picker-top-label {
  font-weight: 600;
  font-size: 13px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch .mg-date-picker-top-date {
  font-size: 13px;
  font-weight: 500;
  color: #999;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-top .mg-date-picker-switch .mg-date-picker-top-date.selected {
  color: #007aff;
  font-weight: 600;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar {
  display: flex;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar .mg-date-picker-group {
  height: 200px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  display: flex;
  justify-content: center;
  width: 100%;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar .mg-date-picker-group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 80px;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #007aff;
  display: block;
  z-index: 5;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar .mg-date-picker-group:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 80px;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #007aff;
  display: block;
  z-index: 5;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar .mg-date-picker-column {
  position: relative;
  z-index: 3;
  transform: translate3d(0, 0, 0);
  vertical-align: top;
  width: 100%;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar .mg-date-picker-column .scs_item {
  width: 100%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  padding: 0 5px;
  white-space: nowrap;
  vertical-align: bottom;
  color: #454545;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
  font-size: 14px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-calendar .mg-date-picker-column .scs_item.scs_selected {
  font-weight: bold;
  color: #007aff;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 8px;
  margin-top: 12px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-footer .mg-date-picker-footer-button {
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 13px;
  transition: all 0.3s;
  border: none;
  margin-left: 15px;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-footer .mg-date-picker-footer-button.mg-date-picker-cancel {
  background-color: #f2f2f7;
  color: #333;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-footer .mg-date-picker-footer-button.mg-date-picker-apply {
  background-color: #007aff;
  color: #fff;
}
.mg-date-picker .mg-date-picker-selector .mg-date-picker-footer .mg-date-picker-footer-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.merchant_tags {
  color: #57565c;
  display: flex;
  align-items: center;
}
.merchant_tags::before {
  content: "";
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.merchant_tags.discount {
  background-color: #fff5f5;
}
.merchant_tags.discount:hover, .merchant_tags.discount:focus, .merchant_tags.discount:active {
  border-color: #fd6e70;
}
.merchant_tags.discount::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fd6e70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cline x1='19' x2='5' y1='5' y2='19' /%3E%3Ccircle cx='6.5' cy='6.5' r='2.5' /%3E%3Ccircle cx='17.5' cy='17.5' r='2.5' /%3E%3C/svg%3E%0A");
}
.merchant_tags.free_shipping {
  background-color: #f0f8ff;
}
.merchant_tags.free_shipping:hover, .merchant_tags.free_shipping:focus, .merchant_tags.free_shipping:active {
  border-color: #4da1ff;
}
.merchant_tags.free_shipping::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234da1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' /%3E%3Cpath d='m3.3 7 8.7 5 8.7-5' /%3E%3Cpath d='M12 22V12' /%3E%3C/svg%3E%0A");
}
.merchant_tags.fast_shipping {
  background-color: rgba(43, 249, 164, 0.12);
}
.merchant_tags.fast_shipping:hover, .merchant_tags.fast_shipping:focus, .merchant_tags.fast_shipping:active {
  border-color: #00acc1;
}
.merchant_tags.fast_shipping::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46484 13.9591C9.46484 15.0845 8.52753 16.0006 7.37589 16.0006C6.22362 16.0006 5.28646 15.0843 5.28646 13.9591C5.28646 12.834 6.22378 11.918 7.37589 11.918C8.52753 11.9181 9.46484 12.8338 9.46484 13.9591ZM8.14411 13.9591C8.14411 13.5454 7.79944 13.2086 7.37605 13.2086C6.95266 13.2086 6.60751 13.5454 6.60751 13.9591C6.60751 14.3732 6.95249 14.71 7.37605 14.71C7.79946 14.71 8.14411 14.3734 8.14411 13.9591Z' fill='%230BC15C'/%3E%3Cpath d='M18.5664 13.9591C18.5664 15.0845 17.6291 16.0006 16.477 16.0006C15.3252 16.0006 14.388 15.0843 14.388 13.9591C14.388 12.834 15.3253 11.918 16.477 11.918C17.6288 11.9181 18.5664 12.8338 18.5664 13.9591ZM17.2452 13.9591C17.2452 13.5454 16.9004 13.2086 16.477 13.2086C16.0536 13.2086 15.7089 13.5454 15.7089 13.9591C15.7089 14.3732 16.0536 14.71 16.477 14.71C16.9004 14.71 17.2452 14.3734 17.2452 13.9591Z' fill='%230BC15C'/%3E%3Cpath d='M6.26562 5.05859H0.00138187V5.80377H6.26562V5.05859Z' fill='%230BC15C'/%3E%3Cpath d='M3.90625 8.5424V8.16186L6.6982 8.16171V6.58518H3.90625V6.20449H6.6982V4.62781H3.94406C4.05006 4.26635 4.38714 4 4.79071 4H12.5324C13.0214 4 13.4175 4.3869 13.4175 4.8642V10.9636H13.9823L13.9824 5.51314H18.9469C18.9469 5.51314 20.0039 9.47539 20.0039 9.78746V12.9095H19.3209C18.891 11.774 17.7765 10.9624 16.4651 10.9624C15.1534 10.9624 14.0385 11.7739 13.6089 12.9095H10.228C9.79822 11.774 8.68407 10.9624 7.37231 10.9624C6.0753 10.9624 4.97028 11.7548 4.53045 12.8708C4.16903 12.7618 3.9068 12.4332 3.9068 12.0447V10.1193H6.69827V8.54265L3.90625 8.5424ZM14.8918 8.99456H18.726L18.1358 6.54519H14.8918V8.99456Z' fill='%230BC15C'/%3E%3Cpath d='M6.26562 7H1.10156V7.74518H6.26562V7Z' fill='%230BC15C'/%3E%3Cpath d='M6.26562 8.94531H2.45606V9.69049H6.26562V8.94531Z' fill='%230BC15C'/%3E%3C/svg%3E%0A");
}

.slicer-radioboxes input[type=checkbox],
.slicer-radioboxes input[type=radio] {
  display: none;
}
.slicer-radioboxes label:first-of-type {
  margin-left: 0px !important;
}
.slicer-radioboxes label:last-of-type {
  margin-right: 0px !important;
}
.slicer-radioboxes label.sold_out {
  opacity: 0.5;
  background: linear-gradient(to bottom left, transparent calc(50% - 1px), #8d8e94 calc(50% - 1px), #7b7e86 50%, transparent 50%);
}
.slicer-radioboxes input[type=checkbox] + label,
.slicer-radioboxes input[type=radio] + label {
  border: 1px solid #f2f4fa;
  border-radius: 0.25em;
  opacity: 0.914;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 50px;
}
.slicer-radioboxes input[type=checkbox] + label.bold-borders,
.slicer-radioboxes input[type=radio] + label.bold-borders {
  border: 1px solid #e1e4eb;
}
.slicer-radioboxes input[type=checkbox] + label:last-of-type,
.slicer-radioboxes input[type=radio] + label:last-of-type {
  margin-right: 0 !important;
}
.slicer-radioboxes input[type=checkbox]:checked + label,
.slicer-radioboxes input[type=radio]:checked + label {
  border: 2px solid #fb7701 !important;
  opacity: 1;
}
.slicer-radioboxes input[type=checkbox]:checked + label::after,
.slicer-radioboxes input[type=radio]:checked + label::after {
  content: " ";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 16px;
  height: 16px;
  background-image: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-color: #fb7701;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.slicer-radioboxes input[type=checkbox]:checked + label.small::after,
.slicer-radioboxes input[type=radio]:checked + label.small::after {
  width: 12px;
  height: 12px;
  background-size: 12px;
}

.splide-product-thumbnails .splide__track--nav .splide__list .splide__slide {
  border-radius: 12px;
  overflow: hidden;
}
.splide-product-thumbnails .splide__track--nav .splide__list .splide__slide.is-active, .splide-product-thumbnails .splide__track--nav .splide__list .splide__slide:focus-visible {
  border: 2px solid #fb7701;
}

.merchant-category-side-filter,
.merchant-category-side-subcategories {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 12px;
  padding-left: 1px;
}
.merchant-category-side-filter label:hover,
.merchant-category-side-subcategories label:hover {
  cursor: pointer;
  color: #fb7701;
}
.merchant-category-side-filter input[type=checkbox]:checked,
.merchant-category-side-filter input[type=radio]:checked,
.merchant-category-side-subcategories input[type=checkbox]:checked,
.merchant-category-side-subcategories input[type=radio]:checked {
  background-color: #fb7701;
  border-color: #fb7701;
}
.merchant-category-side-filter::-webkit-scrollbar,
.merchant-category-side-subcategories::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.merchant-category-side-filter:hover::-webkit-scrollbar,
.merchant-category-side-subcategories:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.merchant-category-side-filter:hover::-webkit-scrollbar-thumb,
.merchant-category-side-subcategories:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.merchant-category-side-filter:hover::-webkit-scrollbar-track,
.merchant-category-side-subcategories:hover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .horizontal-filters .btn-secondary {
    position: relative;
  }
  .horizontal-filters .btn-secondary:hover, .horizontal-filters .btn-secondary:focus, .horizontal-filters .btn-secondary:active, .horizontal-filters .btn-secondary.active {
    background-color: #cccdd2;
    border-color: #cccdd2;
    outline: none;
    color: #232323;
    box-shadow: none;
  }
  .horizontal-filters .btn-secondary .badge {
    position: absolute;
    top: -8px;
    right: 0;
    background-color: #fb7701 !important;
    color: #fff;
    border-radius: 100%;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 600;
  }
  .merchant-filters-in-category-page {
    background: #fff;
    z-index: 3;
    max-height: 72.5%;
    height: 100%;
  }
  .merchant-filters-in-category-page.open {
    display: block !important;
    position: absolute;
  }
  .merchant-filters-in-category-page .scrollspy-filters {
    display: block !important;
    width: 27.5%;
    background: #f2f4fa;
    padding: 2px 12px;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: 600;
  }
  .merchant-filters-in-category-page .scrollspy-filters::-webkit-scrollbar {
    width: 1px;
    height: 1px;
  }
  .merchant-filters-in-category-page .scrollspy-filters::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  .merchant-filters-in-category-page .scrollspy-filters::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .merchant-filters-in-category-page .scrollspy-filters li > a {
    padding: 12px 0;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  }
  .merchant-filters-in-category-page .scrollspy-filters li > a.active {
    color: #fb7701 !important;
    font-weight: 600;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content {
    width: 72.5% !important;
    padding: 0px 12px;
    padding-top: 14px;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .scrollspy-filters-content-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .filter-item-wrapper {
    width: 50%;
    text-align: center;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .filter-item-wrapper .filter-item {
    display: block;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .form-check {
    padding: 0;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .category-button,
  .merchant-filters-in-category-page .scrollspy-filters-content label {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 125px;
    border: 1px solid #c7cad4;
    color: #232323 !important;
    margin-right: 8px;
    font-weight: 500;
    margin-bottom: 8px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .category-button input,
  .merchant-filters-in-category-page .scrollspy-filters-content label input {
    display: none;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .category-button:has(input:checked),
  .merchant-filters-in-category-page .scrollspy-filters-content label:has(input:checked) {
    background-color: #fb7701;
    color: #fff !important;
    border-color: #fb7701;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .collapse,
  .merchant-filters-in-category-page .scrollspy-filters-content .merchant-category-side-subcategories {
    overflow: hidden;
    display: block;
    position: relative;
  }
  .merchant-filters-in-category-page .scrollspy-filters-content .collapse-button-caret::before, .merchant-filters-in-category-page .scrollspy-filters-content .collapse-button-caret::after {
    display: none;
  }
  .merchant-filters-in-category-page .merchant-category-side-filter,
  .merchant-filters-in-category-page .merchant-category-side-subcategories {
    max-width: 100%;
    max-height: unset;
  }
}
.add-to-collection svg {
  fill: #fff;
  color: #333;
}
.add-to-collection.added svg {
  fill: #c61525;
  color: #c61525;
}

@media (max-width: 991px) {
  .cart-canvas {
    height: 78% !important;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}

.add-to-cart:disabled, .remove-from-cart:disabled {
  border-color: transparent;
  opacity: 0.35;
}

/* default transition */
.sticky-active,
.sticky-hidden {
  position: sticky;
  transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
  z-index: 999;
}

/* aktif → görünür */
.sticky-active {
  transform: translateY(0);
  opacity: 1;
}

/* gizli → yukarı kaybolsun */
.sticky-hidden {
  transform: translateY(-100%);
  opacity: 0;
}

.merchant-product-group-orange .featured-action-button,
.merchant-product-group-blue .featured-action-button,
.merchant-product-group-green .featured-action-button,
.merchant-product-group-purple .featured-action-button,
.merchant-product-group-carmine .featured-action-button,
.merchant-product-group-black .featured-action-button,
.merchant-product-group-pink .featured-action-button,
.merchant-product-group-yellow .featured-action-button {
  background: transparent;
  border: 2px solid #000;
  color: #000;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
}

.merchant-product-group-orange .text-color {
  color: #000;
}
.merchant-product-group-orange .featured {
  background: rgb(249, 74, 0);
  color: #000;
}
.merchant-product-group-orange .product-list {
  background: rgb(255, 142, 93);
  color: #000;
}
.merchant-product-group-orange .product-list .price-section {
  color: #000;
}

.merchant-product-group-blue .text-color {
  color: #000;
}
.merchant-product-group-blue .featured {
  background: #3e8bb4;
  color: #000;
}
.merchant-product-group-blue .product-list {
  background: hsl(201, 48.8%, 66.5%);
  color: #000;
}
.merchant-product-group-blue .product-list .price-section {
  color: #000;
}

.merchant-product-group-purple .text-color {
  color: #fff;
}
.merchant-product-group-purple .featured {
  background: rgb(147, 66, 165);
  color: #fff;
}
.merchant-product-group-purple .product-list {
  background: rgb(88, 40, 99);
  color: #fff;
}
.merchant-product-group-purple .product-list .price-section {
  color: #fff;
}
.merchant-product-group-purple .featured-action-button {
  border: 2px solid #fff;
  color: #fff;
}

.merchant-product-group-carmine .text-color {
  color: #fff;
}
.merchant-product-group-carmine .featured {
  background: rgb(191, 42, 72);
  color: #fff;
}
.merchant-product-group-carmine .product-list {
  background: rgb(115, 25, 43);
  color: #fff;
}
.merchant-product-group-carmine .product-list .price-section {
  color: #fff;
}
.merchant-product-group-carmine .featured-action-button {
  border: 2px solid #fff;
  color: #fff;
}

.merchant-product-group-black .text-color {
  color: #fff;
}
.merchant-product-group-black .featured {
  background: #1a1a1a;
  color: #fff;
}
.merchant-product-group-black .product-list {
  background: rgb(16, 16, 16);
  color: #fff;
}
.merchant-product-group-black .product-list .price-section {
  color: #fff;
}
.merchant-product-group-black .featured-action-button {
  border: 2px solid #fff;
  color: #fff;
}

.merchant-product-group-pink .text-color {
  color: #000;
}
.merchant-product-group-pink .featured {
  background: rgb(215, 90, 119);
  color: #000;
}
.merchant-product-group-pink .product-list {
  background: rgb(239, 188, 200);
  color: #000;
}
.merchant-product-group-pink .product-list .price-section {
  color: #000;
}
.merchant-product-group-pink .featured-action-button {
  border: 2px solid #000;
  color: #000;
}

.merchant-product-group-yellow .text-color {
  color: #000;
}
.merchant-product-group-yellow .featured {
  background: rgb(242, 181, 60);
  color: #000;
}
.merchant-product-group-yellow .product-list {
  background: rgb(250, 224, 173);
  color: #000;
}
.merchant-product-group-yellow .product-list .price-section {
  color: #000;
}
.merchant-product-group-yellow .featured-action-button {
  border: 2px solid #000;
  color: #000;
}