@charset "UTF-8";
/* FONTS */
@font-face {
  font-family: "effra";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Effra_Std_Rg.ttf");
  /* IE9 Compat Modes */
  src: url("../fonts/Effra_Std_Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/Effra_Std_Rg.ttf") format("truetype"), url("../fonts/Effra_Std_Rg.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "effra";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Effra_Std_Bd.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Effra_Std_Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/Effra_Std_Bd.ttf") format("truetype"), url("../fonts/Effra_Std_Bd.svg#svgFontName") format("svg");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#svgFontName") format("svg");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#svgFontName") format("svg");
}
/* COLORS */
/*$orange: #f3712a;*/
/*$orange: #f06350;*/
/*$red: #f06350;*/
/*$red: #FF0000;*/
/*$title-font: 'effra';
$body-font: 'effra';
$input-font: 'effra';
*/
@media screen and (max-width: 800px) {
  .desktop-only {
    display: none;
  }
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 800px) {
  .mobile-only {
    display: inherit;
  }
}

.option-frame:not(.borderless), .package-counter > label:not(.borderless), .options-container .option:not(.borderless) {
  border: 1px solid black;
}
.option-frame:not(.borderless).template, .package-counter > label:not(.borderless).template, .options-container .option:not(.borderless).template {
  margin: 0px;
  border: 0px;
  border-right: 1px solid black;
  position: relative;
}
.option-frame:not(.borderless).template:last-child, .package-counter > label:not(.borderless).template:last-child, .options-container .option:not(.borderless).template:last-child {
  border-right: 0px;
}
.option-frame:not(.borderless).template .contact, .package-counter > label:not(.borderless).template .contact, .options-container .option:not(.borderless).template .contact {
  font-weight: normal;
}
.option-frame:not(.borderless).template .address, .package-counter > label:not(.borderless).template .address, .options-container .option:not(.borderless).template .address {
  display: none;
  background: white;
  color: #4a4a4a;
  position: absolute;
  top: 120px;
  left: 0px;
  right: 0px;
  font-weight: normal;
}
.option-frame:not(.borderless).template:hover .address, .package-counter > label:not(.borderless).template:hover .address, .options-container .option:not(.borderless).template:hover .address, .option-frame:not(.borderless).template.selected .address, .package-counter > label:not(.borderless).template.selected .address, .options-container .option:not(.borderless).template.selected .address {
  display: block;
}
.option-frame, .package-counter > label, .options-container .option {
  padding: 12px 24px;
  font-weight: bold;
}
.option-frame.borderless:hover label, .package-counter > label.borderless:hover label, .options-container .borderless.option:hover label {
  color: #e80606;
}
@media screen and (max-width: 800px) {
  .option-frame, .package-counter > label, .options-container .option {
    padding: 6px 12px;
  }
}

.absolute-extend, .embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.title, .subtitle {
  text-align: center;
}
.title.billing, .subtitle.billing {
  margin-bottom: 20px;
}
.title .warning, .subtitle .warning {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.title .change-email, .subtitle .change-email {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.title .change-email > div:first-child, .subtitle .change-email > div:first-child {
  margin-right: 20px;
}

.centered-content {
  max-width: 720px;
  margin: 48px auto;
}

.clearer {
  clear: both;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

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

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

input + .status {
  display: none;
}

select.invalid, input.invalid.dirty:not(.valid) {
  border: 1px solid #e80606;
}

select.valid {
  border: 1px solid transparent;
  border-bottom: 1px solid #4a4a4a;
}

.password-switch.after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  font-size: 16px;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  text-decoration: none;
}

.input-status input + .after, form[validate] input + .after, .input-status input[type=text].dirty + .status, form[validate] input[type=text].dirty + .status, .input-status input[type=password].dirty + .status, form[validate] input[type=password].dirty + .status, .input-status input[type=email].dirty + .status, form[validate] input[type=email].dirty + .status, .input-status input[type=number].dirty + .status, form[validate] input[type=number].dirty + .status, .input-status .placeholder-container + .after, form[validate] .placeholder-container + .after, .input-status select + .status, form[validate] select + .status, .input-status select + .after, form[validate] select + .after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  font-size: 16px;
  position: absolute;
  right: 0;
  height: 1px;
  bottom: 5px;
  margin: auto;
  top: 0;
  text-decoration: none;
}
.input-status input.dirty + .status.valid, form[validate] input.dirty + .status.valid, .input-status select + .status.valid, form[validate] select + .status.valid {
  color: green;
}
.input-status input.dirty + .status.invalid, form[validate] input.dirty + .status.invalid, .input-status select + .status.invalid, form[validate] select + .status.invalid {
  color: red;
}

.ignore-status input + .after, .ignore-status input[type=text].dirty + .status, .ignore-status input[type=password].dirty + .status, .ignore-status input[type=email].dirty + .status, .ignore-status input[type=number].dirty + .status, .ignore-status .placeholder-container + .after, .ignore-status select + .status, .ignore-status select + .after {
  display: none !important;
}
.ignore-status input.dirty + .status.valid, .ignore-status select + .status.valid {
  color: green;
}
.ignore-status input.dirty + .status.invalid, .ignore-status select + .status.invalid {
  color: red;
}

.placeholder, .main-content .form .item .placeholder-label, .main-content .form .placeholder-value .placeholder-label, .dialog-content .form .item .placeholder-label, .dialog-content .form .placeholder-value .placeholder-label, .main-content .placeholder-container .placeholder-text, .dialog-content .placeholder-container .placeholder-text {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 16px;
  padding: 10px;
  transition: all 0.2s ease-out;
  color: #ccc;
}

.placeholder-active, .main-content .form .item .placeholder-label, .main-content .form .placeholder-value .placeholder-label, .dialog-content .form .item .placeholder-label, .dialog-content .form .placeholder-value .placeholder-label, .main-content .placeholder-container input[type=file] ~ .placeholder-text, .main-content .placeholder-container select ~ .placeholder-text, .dialog-content .placeholder-container input[type=file] ~ .placeholder-text, .dialog-content .placeholder-container select ~ .placeholder-text, .main-content .placeholder-container input[type=text]:focus ~ .placeholder-text, .main-content .placeholder-container input[type=text].filled ~ .placeholder-text,
.main-content .placeholder-container input[type=email]:focus ~ .placeholder-text,
.main-content .placeholder-container input[type=email].filled ~ .placeholder-text,
.main-content .placeholder-container input[type=password]:focus ~ .placeholder-text,
.main-content .placeholder-container input[type=password].filled ~ .placeholder-text,
.main-content .placeholder-container input[type=number]:focus ~ .placeholder-text,
.main-content .placeholder-container input[type=number].filled ~ .placeholder-text,
.main-content .placeholder-container input[type=file]:focus ~ .placeholder-text,
.main-content .placeholder-container input[type=file].filled ~ .placeholder-text,
.main-content .placeholder-container textarea:focus ~ .placeholder-text,
.main-content .placeholder-container textarea.filled ~ .placeholder-text, .dialog-content .placeholder-container input[type=text]:focus ~ .placeholder-text, .dialog-content .placeholder-container input[type=text].filled ~ .placeholder-text,
.dialog-content .placeholder-container input[type=email]:focus ~ .placeholder-text,
.dialog-content .placeholder-container input[type=email].filled ~ .placeholder-text,
.dialog-content .placeholder-container input[type=password]:focus ~ .placeholder-text,
.dialog-content .placeholder-container input[type=password].filled ~ .placeholder-text,
.dialog-content .placeholder-container input[type=number]:focus ~ .placeholder-text,
.dialog-content .placeholder-container input[type=number].filled ~ .placeholder-text,
.dialog-content .placeholder-container input[type=file]:focus ~ .placeholder-text,
.dialog-content .placeholder-container input[type=file].filled ~ .placeholder-text,
.dialog-content .placeholder-container textarea:focus ~ .placeholder-text,
.dialog-content .placeholder-container textarea.filled ~ .placeholder-text {
  top: -30px;
  font-size: 14px;
  color: #939292;
}

.main-content .placeholder-container, .dialog-content .placeholder-container {
  position: relative;
  margin-top: 16px;
  display: inline-block;
  max-width: 100%;
}
.main-content .placeholder-container input::-webkit-input-placeholder, .dialog-content .placeholder-container input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0);
}
.main-content .placeholder-container input:-moz-placeholder, .dialog-content .placeholder-container input:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0);
}
.main-content .placeholder-container input::-moz-placeholder, .dialog-content .placeholder-container input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0);
}
.main-content .placeholder-container input:-ms-input-placeholder, .dialog-content .placeholder-container input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0);
}
.main-content .placeholder-container input[type=hidden] ~ .placeholder-text, .main-content .placeholder-container input[type=checkbox] ~ .placeholder-text, .main-content .placeholder-container input[type=radio] ~ .placeholder-text, .dialog-content .placeholder-container input[type=hidden] ~ .placeholder-text, .dialog-content .placeholder-container input[type=checkbox] ~ .placeholder-text, .dialog-content .placeholder-container input[type=radio] ~ .placeholder-text {
  display: none;
}
.main-content .placeholder-container input[type=file] ~ button, .dialog-content .placeholder-container input[type=file] ~ button {
  margin-top: 12px;
}
.main-content .placeholder-container input[type=file] ~ .placeholder-text, .dialog-content .placeholder-container input[type=file] ~ .placeholder-text {
  font-size: 16px;
}
.main-content .clear-form, .dialog-content .clear-form {
  margin: 0 auto;
}
.main-content .column-container, .dialog-content .column-container {
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 50px;
}
.main-content #finalize .warningread, .dialog-content #finalize .warningread {
  margin-top: 25px;
  text-align: center;
  font-weight: normal;
}
.main-content #finalize .form:not(.fluid), .dialog-content #finalize .form:not(.fluid) {
  margin-top: 25px;
}
.main-content .form:not(.fluid), .dialog-content .form:not(.fluid) {
  text-align: center;
  width: 400px;
  margin: 0 auto;
  margin-top: 50px;
}
@media screen and (max-width: 800px) {
  .main-content .form:not(.fluid), .dialog-content .form:not(.fluid) {
    width: 300px;
  }
}
@media screen and (max-width: 320px) {
  .main-content .form:not(.fluid), .dialog-content .form:not(.fluid) {
    width: 240px;
  }
}
.main-content .form:not(.fluid).addresses, .dialog-content .form:not(.fluid).addresses {
  margin: 0;
}
.main-content .form:not(.fluid).addresses:first-child, .dialog-content .form:not(.fluid).addresses:first-child {
  margin-right: 10px;
}
.main-content .form.notopmargin, .dialog-content .form.notopmargin {
  margin-top: 0px;
}
.main-content .form.flex form, .dialog-content .form.flex form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.main-content .form.flex form > *, .dialog-content .form.flex form > * {
  width: 48%;
  text-align: center;
}
.main-content .form .item, .dialog-content .form .item {
  margin-bottom: 10px;
}
.main-content .form .item, .main-content .form .placeholder-value, .dialog-content .form .item, .dialog-content .form .placeholder-value {
  position: relative;
}
.main-content .form .item .placeholder-label, .main-content .form .placeholder-value .placeholder-label, .dialog-content .form .item .placeholder-label, .dialog-content .form .placeholder-value .placeholder-label {
  top: -4px;
}
.main-content .form .item.select:after, .main-content .form .placeholder-value.select:after, .dialog-content .form .item.select:after, .dialog-content .form .placeholder-value.select:after {
  display: block;
  font-family: FontAwesome;
  content: "\f0d7";
  right: 16px;
  position: absolute;
  top: 24px;
  pointer-events: none;
}
.main-content .form .title, .dialog-content .form .title {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0px;
}
.main-content .form button, .main-content .form .button, .dialog-content .form button, .dialog-content .form .button {
  width: 100%;
}
.main-content .form .action button, .main-content .form .action .button, .dialog-content .form .action button, .dialog-content .form .action .button {
  font-size: 16px;
  padding: 15px;
}
.main-content .form .action button:focus, .main-content .form .action .button:focus, .dialog-content .form .action button:focus, .dialog-content .form .action .button:focus {
  outline: none;
  border-color: #e80606;
  color: white;
  background: #e80606;
}
.main-content .form.action button, .main-content .form.action .button, .dialog-content .form.action button, .dialog-content .form.action .button {
  font-size: 16px;
  padding: 15px;
}
.main-content .form.action button:focus, .main-content .form.action .button:focus, .dialog-content .form.action button:focus, .dialog-content .form.action .button:focus {
  border-color: #e80606;
  color: white;
  background: #e80606;
}

input, .placeholder-value, textarea {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-bottom: 1px solid #4a4a4a;
  width: 100%;
  padding: 10px;
  margin-bottom: 5px;
  display: inline-block;
  transition: border 0.3s linear;
}
input:not([readonly]):focus, .placeholder-value:not([readonly]):focus, textarea:not([readonly]):focus {
  outline: 0;
  border-bottom: 1px solid #e80606;
  background: rgba(192, 192, 192, 0.1);
}
input:not([readonly]):focus:required, .placeholder-value:not([readonly]):focus:required, textarea:not([readonly]):focus:required {
  border-bottom: 1px solid #d80808;
}
input.route, .placeholder-value.route, textarea.route {
  width: 80%;
}
input.street_number, .placeholder-value.street_number, textarea.street_number {
  width: 18%;
}
input::placeholder, .placeholder-value::placeholder, textarea::placeholder {
  color: rgba(255, 255, 255, 0);
}
input.valid, .placeholder-value.valid, textarea.valid {
  text-color: green;
}
input.invalid, .placeholder-value.invalid, textarea.invalid {
  text-color: red;
}
input[type=radio], input[type=checkbox], .placeholder-value[type=radio], .placeholder-value[type=checkbox], textarea[type=radio], textarea[type=checkbox] {
  width: auto;
}
input, .placeholder-value, textarea {
  font-size: 16px;
}

input.pristine, select.pristine, textarea.pristine {
  background: rgb(232, 240, 254);
}
input.important + label, select.important + label, textarea.important + label {
  font-weight: bold;
  color: #e80606;
}

.placeholder-value {
  text-align: left;
  font-weight: normal;
  margin-top: 16px;
  font-size: 16px;
}

select {
  text-transform: none;
  border-radius: 0px;
  background: white;
  color: #4a4a4a;
  text-align-last: left;
  font-weight: normal;
  border: 0px;
  border-bottom: 1px solid #4a4a4a;
  width: 100%;
  display: -webkit-box;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  /* -webkit-box-align: center; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
select:focus {
  outline: 0;
  border-bottom: 1px solid #e80606;
}

.button-hover:hover, .options-container .option:hover:not(.borderless), .options-container[autofill-target] .option:hover, button:hover, a.button:hover {
  border-color: #e80606;
  color: white;
  background: #e80606;
  cursor: pointer;
}

button, a.button {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 5px;
  background: white;
  border: 1px solid black;
}
button.inverted, a.button.inverted {
  color: white;
  border-color: #e80606;
  background: #e80606;
}
button.inverted:hover, a.button.inverted:hover {
  background: white;
  color: #e80606;
  border-color: #e80606;
}
button.disabled, a.button.disabled {
  pointer-events: none;
  color: gray;
  border-color: gray;
}
button:active, a.button:active {
  outline: none;
  border-color: #e80606;
  color: white;
  background: #e80606;
}
button:focus, a.button:focus {
  outline: none;
}

.options-container {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 1em;
}
.options-container.finalize {
  justify-content: flex-start;
}
.options-container.finalize .option {
  padding: 0px;
  font-weight: normal;
}
.options-container.finalize .option input {
  margin-right: 20px;
}
.options-container .option {
  min-width: 128px;
  text-align: center;
  margin: 8px;
  cursor: pointer;
  position: relative;
}
.options-container .option.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.options-container .option .delete {
  position: absolute;
  top: 0;
  right: 4px;
  width: 16px;
  height: 16px;
}
.options-container .option .delete:after {
  font-family: FontAwesome;
  content: "\f00d";
}
.options-container .option:not(.borderless).selected {
  background: #e80606;
  color: white;
}
.options-container .option:not(.borderless).selected .placeholder-text {
  color: #ccc;
}
.options-container .option:not(.borderless).selected a {
  color: white;
}
.options-container .option:not(.borderless).selected:not(.template) {
  border: 1px solid #e80606;
}
.options-container .option.template {
  height: 90px;
  width: 170px;
}
.options-container .option input[type=radio], .options-container .option input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.options-container .option input[type=checkbox] ~ label::before {
  font-family: FontAwesome;
  content: "\f096  ";
  margin-right: 10px;
}
.options-container .option input[type=checkbox]:checked ~ label::before {
  font-family: FontAwesome;
  content: "\f046  ";
  margin-right: 10px;
}
.options-container .option label {
  cursor: pointer;
}
.options-container .option img {
  width: 100%;
}
.options-container .option.payement-method-choice {
  min-width: 80px;
  width: 80px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.options-container > .option-separator {
  flex-basis: 100%;
}
.options-container.outline .option.selected .title {
  color: #e80606;
}
.options-container.outline .option.selected {
  background: white;
}
.options-container.slider {
  position: relative;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: hidden;
  height: 200px;
  max-width: 800px;
  margin: 0 auto;
  /*
  &.fixed{
      position: fixed;
      top: 0;
      background: white;
      z-index: 99;
      left: 0;        
  }
  */
}
.options-container.slider .options-slider-control {
  width: 48px;
  position: absolute;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: white;
  top: 0;
  font-size: 24px;
  cursor: pointer;
  padding-top: 20px;
}
.options-container.slider .options-slider-control:hover {
  color: rgba(74, 74, 74, 0.5);
}
.options-container.slider .options-slider-control.left {
  left: 0;
}
.options-container.slider .options-slider-control.right {
  right: 0;
}
.options-container.slider .options-slider-wrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.options-container.slider .options-slider-wrapper::-webkit-scrollbar {
  display: none;
}
.options-container.slider .options-slider {
  padding: 0 72px;
  position: absolute;
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  min-width: 100%;
  align-items: flex-start;
  overflow: hidden;
  left: 0;
  transition: left 0.3s linear;
  box-sizing: border-box;
}
@media-sm () {
  .options-container.slider .options-slider {
    margin: 0 24px;
  }
}

.placeholder-value, textarea, input, select {
  font-family: "Open Sans";
}

select ~ .status {
  display: none;
}

.package-counter {
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
  margin: 0 12px;
  width: 320px;
  text-align: center;
}
.package-counter a {
  opacity: 0;
  pointer-events: none;
  margin: 0 8px;
}
.package-counter.active, .package-counter.pristine {
  opacity: 1;
}
.package-counter.active > label {
  background: #e80606;
  color: white;
  border-color: #e80606;
}
.package-counter.active a {
  opacity: 1;
  pointer-events: auto;
}
.package-counter i {
  font-size: 24px;
}
.package-counter > label {
  display: inline-block;
  width: 180px;
  text-align: center;
  border: 1px solid black;
  cursor: pointer;
}
.package-counter [type=radio] {
  display: none;
}
@media screen and (max-width: 800px) {
  .package-counter {
    width: 280px;
  }
  .package-counter label {
    width: 140px;
  }
}

.hint {
  width: 80%;
  margin: 10px auto;
  text-align: center;
}

form[validate] input[type=file] {
  position: absolute;
  opacity: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  height: 0;
  width: 0;
}
form[validate] input[type=file] + button.active {
  color: #e80606;
  border-color: #e80606;
}

.clear-form {
  display: none;
}
.clear-form.active {
  display: block;
}

input[readonly] + .status {
  display: none !important;
}

@font-face {
  font-family: "Expedismart-icon";
  src: url("../fonts/Expedismart-icon.ttf?nx4ogx") format("truetype"), url("../fonts/Expedismart-icon.woff?nx4ogx") format("woff"), url("../fonts/Expedismart-icon.svg?nx4ogx#Expedismart-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Expedismart-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Asset-48:before {
  content: "\e900";
}

.icon-Asset-49:before {
  content: "\e901";
}

.icon-Asset-50:before {
  content: "\e902";
}

.icon-Asset-51:before {
  content: "\e903";
}

.icon-Asset-52:before {
  content: "\e904";
}

.icon-Asset-53:before {
  content: "\e905";
}

.icon-Asset-54:before {
  content: "\e906";
}

.icon-Asset-55:before {
  content: "\e907";
}

.icon-Asset-56:before {
  content: "\e908";
}

.icon-Asset-57:before {
  content: "\e909";
}

.icon-Asset-58:before {
  content: "\e90a";
}

.icon-Asset-59:before {
  content: "\e90b";
}

.icon-Asset-60:before {
  content: "\e90c";
}

.icon-Asset-61:before {
  content: "\e90d";
}

.icon-Asset-62:before {
  content: "\e90e";
}

.carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 280px;
}
.carousel .slide-container {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  transition: left 0.5s ease-in;
}
.carousel .slide-container::after {
  display: table;
  content: "";
  clear: both;
}
.carousel .control {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  width: 5%;
  color: black;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.5;
}
.carousel .control:hover {
  opacity: 1;
}
.carousel .control:after {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  font-size: 30px;
}
.carousel .control.left {
  left: 0;
}
.carousel .control.left:after {
  font-family: FontAwesome;
  content: "\f053";
}
.carousel .control.right {
  right: 0;
}
.carousel .control.right:after {
  font-family: FontAwesome;
  content: "\f054";
}
.carousel .slide {
  width: 100vw;
  float: left;
}
.carousel .bullet-container {
  display: flex;
  justify-content: center;
}
.carousel .bullet-container .bullet {
  cursor: pointer;
  margin: 4px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: 2px solid #aaa;
}
.carousel .bullet-container .bullet.active {
  background: black;
  border-color: black;
}

.accordions .accordion h2 {
  margin: 0;
  position: relative;
  color: #e80606;
  text-align: left;
  text-transform: uppercase;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;
  padding: 8px 0;
}
.accordions .accordion h2 i {
  position: absolute;
  right: 0;
  top: 12px;
  transition: all 0.3s linear;
  pointer-events: none;
}
.accordions .accordion label {
  width: 100%;
  display: block;
  cursor: pointer;
}
.accordions .accordion input {
  opacity: 0;
  position: absolute;
}
.accordions .accordion input ~ section {
  box-sizing: border-box;
  max-height: 0;
  transition: all 0.3s linear;
  overflow: hidden;
}
.accordions .accordion input ~ section article {
  padding: 2em;
}
.accordions .accordion input:checked ~ section {
  max-height: 100vh;
}
.accordions .accordion input:checked ~ h2 i {
  transform: rotate(180deg);
}
.accordions .accordion input:checked ~ div {
  display: block;
}

.table {
  border-spacing: 0;
  width: 100%;
}
.table.uploaded {
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .table.uploaded {
    width: 100%;
  }
}
.table table {
  min-width: 100%;
}
.table tr th {
  color: #aaa;
  font-size: 14px;
  border-bottom: 1px solid #aaa;
  text-align: left;
  outline: none;
}
.table tr th.st-head-row {
  border-top: 1px solid #e80606;
  border-bottom: 0px;
  font-size: 24px;
}
@media screen and (max-width: 800px) {
  .table tr th {
    text-align: center;
  }
}
.table tr th.st-head-row-main {
  display: none;
}
.table tr th.tablesorter-headerDesc:after {
  font-family: FontAwesome;
  content: "\f063";
}
.table tr td {
  padding: 16px 5px;
  transition: transform 0.1s linear;
  position: relative;
}
.table tr td.st-key {
  padding-right: 20px;
  font-weight: bold;
}
.table tr td.st-value {
  padding-left: 20px;
}
.table tr td.amount {
  color: #e80606;
  font-size: 24px;
}
.table tr td.amount span {
  text-decoration: line-through;
  color: #4a4a4a;
  font-size: 16px;
}
.table tr td.st-key {
  font-weight: bold;
}
.table tr td .orange a {
  color: #e80606;
}
.table tr td .orange a:hover {
  text-decoration: underline;
}
.table tr img {
  max-height: 50px;
}

.delete-row {
  position: absolute;
  top: 50%;
  left: 100%;
}

.tablesorter tr th.tablesorter-header {
  cursor: pointer;
}
.tablesorter tr th.tablesorter-headerDesc {
  position: relative;
}
.tablesorter tr th.tablesorter-headerDesc:after {
  font-family: FontAwesome;
  content: "\f063";
  position: absolute;
  right: 10px;
  top: 13px;
}
.tablesorter tr th.tablesorter-headerAsc {
  position: relative;
}
.tablesorter tr th.tablesorter-headerAsc:after {
  font-family: FontAwesome;
  content: "\f062";
  position: absolute;
  right: 10px;
  top: 13px;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
  display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}

.addresses tr th {
  height: 42px;
}

#dialog-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-out;
  z-index: 150;
  overflow: scroll;
}

body[dialog-opened] {
  overflow: hidden;
}
body[dialog-opened] #dialog-container {
  opacity: 1;
  pointer-events: auto;
}

.dialog {
  background: white;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 10%;
  padding: 10px;
  min-width: 320px;
}
.dialog.opened {
  margin: 0;
  display: block;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 800px) {
  .dialog.opened {
    top: 10px;
  }
}
.dialog .dialog-content {
  padding: 20px;
}
.dialog .dialog-actions {
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: flex-end;
}
.dialog .dialog-actions button {
  float: right;
  margin: 0 8px;
}

#dialog-ask-email {
  width: 450px;
  text-align: center;
  background: transparent;
  color: white;
}
@media screen and (max-width: 800px) {
  #dialog-ask-email {
    width: 300px;
  }
}
#dialog-ask-email .dialog-content .placeholder-container {
  margin: 20px 0px;
  color: white;
}
#dialog-ask-email .dialog-content .placeholder-container .placeholder-text {
  color: #ccc;
}
#dialog-ask-email .dialog-content .placeholder-container input {
  color: #4a4a4a;
  background: white;
  border: 1px solid #e80606;
}
#dialog-ask-email .dialog-content .fa {
  color: #e80606;
}
#dialog-ask-email .dialog-content button {
  font-size: 24px;
}
#dialog-ask-email .dialog-content button.disabled {
  color: white;
  border-color: #e80606;
}
#dialog-ask-email .dialog-content p {
  margin: 20px 0px;
}
#dialog-ask-email .dialog-actions {
  justify-content: center;
}
#dialog-ask-email .dialog-actions button {
  background: transparent;
  color: white;
  font-style: italic;
  border: 0px;
  display: flex;
  align-items: center;
}
#dialog-ask-email .dialog-actions button i {
  font-size: 36px;
}
#dialog-ask-email .dialog-actions button span {
  text-decoration: underline;
  margin-left: 10px;
  font-size: 20px;
}

.screen, .loading-screen, .dialog-screen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  width: 0;
  height: 0;
  transition: opacity 0.3s ease-in 0.3s, width 0.01s linear 0.6s, height 0.01s linear 0.6s;
}
.screen.active, .active.loading-screen, .active.dialog-screen {
  transition: opacity 0.3s ease-out;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  cursor: default;
  opacity: 1;
}

.dialog-screen {
  display: flex;
  align-items: center;
}
.dialog-screen .dialog-panel {
  margin: auto auto;
  background: white;
  min-width: 320px;
  max-width: 640px;
  border-radius: 5px;
  overflow: hidden;
  transform: scale(0);
  transition: transform 0.3s ease-out;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.dialog-screen .dialog-panel .dialog-header {
  padding: 1em;
  background: #4a4a4a;
  margin: 0;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}
.dialog-screen .dialog-panel .dialog-header a .fa {
  color: white;
}
.dialog-screen .dialog-panel .dialog-header a {
  float: right;
}
.dialog-screen .dialog-panel .dialog-content {
  color: black;
  padding: 1em;
}
.dialog-screen .dialog-panel .dialog-actions {
  padding: 1em;
  text-align: center;
}
.dialog-screen.active .dialog-panel {
  transition: transform 0.3s ease-in 0.3s;
  transform: scale(1);
}

.loading-screen {
  display: table;
}
.loading-screen .loading-screen-content {
  text-align: center;
  position: relative;
  width: 100%;
  height: 50%;
  display: table-cell;
  vertical-align: middle;
}
.loading-screen p {
  text-align: center;
  font-size: 48px;
  transform: translateY(-1000%) scale(3);
  text-shadow: 1px 1px 1px #171717;
}
.loading-screen p:after {
  content: "...";
}
.loading-screen p, .loading-screen i {
  color: white;
}
.loading-screen .loading-screen-spinner {
  text-align: center;
  transform: translateY(1000%) scale(3);
  width: 100%;
}
.loading-screen p, .loading-screen .loading-screen-spinner {
  transition: transform 0.3s ease-out;
}
.loading-screen.active p, .loading-screen.active .loading-screen-spinner {
  transition: transform 0.3s ease-in 0.3s;
}
.loading-screen.active p {
  transform: translateX(0) translateY(0);
}
.loading-screen.active .loading-screen-spinner {
  transform: translateX(0) translateY(0);
}
@media screen and (max-width: 800px) {
  .loading-screen p {
    font-size: 24px;
  }
}
.loading-screen-cancel {
  display: none;
  margin: 28px auto 0;
  padding: 10px 22px;
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}
.loading-screen.active .loading-screen-cancel {
  display: inline-block;
}
.loading-screen-cancel:hover,
.loading-screen-cancel:focus {
  background: #fff;
  color: #171717;
}

#forward-widget .container {
  width: 768px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
  #forward-widget .container {
    width: 100%;
  }
}
#forward-widget .container .title, #forward-widget .container .subtitle {
  text-align: center;
}
#forward-widget .container .title h2, #forward-widget .container .subtitle h2 {
  text-align: center;
}
#forward-widget .container .image {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  #forward-widget .container .image {
    flex-direction: column-reverse;
  }
  #forward-widget .container .image img {
    width: 100%;
  }
}
#forward-widget .container .image img.box:hover + .hover {
  display: block;
}
#forward-widget .container .image img.box {
  width: 33%;
  height: auto;
}
#forward-widget .container .image img.text {
  width: 66%;
  height: auto;
}
#forward-widget .container .image .hover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0 auto;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  width: 500px;
  padding: 10px;
  font-weight: bold;
  font-size: 15px;
}
#forward-widget .container .image .hover .picture img {
  width: 467px;
}
#forward-widget .container .steps-text {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#forward-widget .container .steps-text .step {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#forward-widget .container .steps {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 10px;
}
#forward-widget .container .steps .step {
  flex: 1;
  display: flex;
  justify-content: center;
}
#forward-widget .container .steps .step .number {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #e80606;
  font-weight: bold;
}
#forward-widget .container .steps .step .number .hover {
  display: none;
  position: absolute;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 16px;
  top: 35px;
  background: white;
  padding: 10px 0px;
  padding-bottom: 15px;
}
#forward-widget .container .steps .step:hover .number .hover {
  display: block;
}
#forward-widget .container .steps > .step {
  display: table-cell;
  height: 30px;
  position: relative;
  padding: 0px;
  margin: 0px;
  text-align: center;
  border: 1px solid #e80606;
}
#forward-widget .container .steps > .step > .number {
  position: relative;
  line-height: 30px; /* equal to the list item's height */
  height: 100%;
  width: 100%;
}
#forward-widget .container .steps > .step:hover {
  background-color: #e80606;
  cursor: pointer;
  color: white;
}
#forward-widget .container .steps > .step:hover .number {
  color: white;
}
#forward-widget .container .steps {
  display: table;
  width: 100%;
  padding: 0px;
  position: relative;
}
#forward-widget .container .steps > .step > .number:after, #forward-widget .container .steps > .step > .number:before {
  content: "";
  display: inline-block;
  border-width: 16px;
  border-style: solid;
  width: 0px;
  height: 0px;
  left: 100%;
  top: -1px;
  position: absolute;
  z-index: 1;
}
#forward-widget .container .steps > .step > .number:after, #forward-widget .container .steps > .step:hover > .number:before {
  border-color: transparent transparent transparent #e80606;
}
#forward-widget .container .steps > .step > .number:before {
  border-width: 14px;
  display: block;
  border-color: transparent transparent transparent #ffffff;
  z-index: 2;
  top: 1px;
}
#forward-widget .container .form-container {
  display: flex;
  justify-content: space-between;
}
#forward-widget .container .form-container .form {
  margin: 0 auto;
}
#forward-widget .container .form-container .image img {
  width: 200px;
}
#forward-widget .container .form-container .flex-container {
  display: flex;
}
#forward-widget .container .form-container .flex-container .inputs-container {
  flex: 1;
}
#forward-widget .container .form-container .flex-container .inputs-container .inline-container .forward-contact {
  width: 90%;
}
#forward-widget .container .form-container .flex-container .inputs-container .inline-container .delete-row {
  font-size: 24px;
  top: 24px;
  left: 95%;
}
#forward-widget .container .form-container #add-contact {
  display: flex;
  align-items: flex-end;
  padding: 20px;
}
#forward-widget .container .form-container #add-contact i {
  font-size: 24px;
}

/* PARTS */
.white-bar {
  padding: 10px 50px;
  display: flex;
  justify-content: space-between;
}
.white-bar .language a.active {
  color: #e80606;
}
.white-bar .call {
  font-size: 20px;
}
.white-bar .call .call-us {
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .white-bar {
    flex-direction: column;
    padding: 8px;
  }
  .white-bar .call {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .white-bar .call, .white-bar .language {
    text-align: center;
  }
}

.gradient-bar {
  background: #e80606;
  background-image: -webkit-linear-gradient(right, #e80606 70%, #d80808);
  background-image: -moz-linear-gradient(right, #e80606 70%, #d80808);
  background-image: -ms-linear-gradient(right, #e80606 70%, #d80808);
  background-image: -o-linear-gradient(right, #e80606 70%, #d80808);
  background-image: linear-gradient(to right, #e80606 70%, #d80808);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  padding: 10px 50px;
}
.gradient-bar a {
  color: white;
  text-decoration: none;
}
.gradient-bar a:hover {
  color: white;
}
@media screen and (max-width: 800px) {
  .gradient-bar {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px;
  }
  .gradient-bar .menu {
    order: 2;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    top: 100%;
    background: #e80606;
    background-image: -webkit-linear-gradient(right, #e80606 70%, #d80808);
    background-image: -moz-linear-gradient(right, #e80606 70%, #d80808);
    background-image: -ms-linear-gradient(right, #e80606 70%, #d80808);
    background-image: -o-linear-gradient(right, #e80606 70%, #d80808);
    background-image: linear-gradient(to right, #e80606 70%, #d80808);
    left: 0;
  }
  .gradient-bar .menu .item.about-us, .gradient-bar .menu .item.our-tips {
    display: none;
  }
  .gradient-bar .profile {
    width: 100%;
    justify-content: center;
  }
  .gradient-bar .profile .dropdown {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .gradient-bar .menu .item.about-us {
    display: none;
  }
}

.menu {
  font-size: 18px;
  color: white;
  display: flex;
  column-gap: 40px;
}
.menu .item.active {
  opacity: 0.5;
}

.logo {
  display: flex;
  align-items: center;
}
.logo img {
  width: 200px;
}
.logo a {
  height: 38px;
}
.logo a svg {
  height: 38px;
}

.profile {
  display: flex;
}
.profile .name {
  text-align: right;
}
.profile .name .fa {
  position: absolute;
  right: -15px;
  top: 10px;
  font-size: 20px;
}
.profile .icon {
  display: flex;
  align-items: flex-end;
  margin-bottom: 7px;
}
.profile .item {
  margin-right: 20px;
}
.profile .item:not(.active) {
  opacity: 0.8;
}
.profile .item:hover {
  opacity: 1;
}
.profile .dropdown label.welcome-name {
  margin-bottom: 0;
}

.warning {
  background: #eee;
  color: #4a4a4a;
  font-size: 14px;
  padding: 10px;
}

#breadcrumb-switch {
  display: none;
}
@media screen and (max-width: 1280px) {
  #breadcrumb-switch {
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    position: fixed;
    background: #3a3a3a;
    top: 0;
    left: 100%;
    width: 16px;
    height: 128px;
    z-index: 101;
    cursor: pointer;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  #breadcrumb-switch:hover {
    background: #444;
  }
  #breadcrumb-switch .container {
    position: relative;
    height: 100%;
    width: 100%;
  }
  #breadcrumb-switch .container .vertical {
    transform: rotate(-90deg);
    top: 38px;
    position: absolute;
    right: -55px;
    font-size: 12px;
    text-align: left;
    width: 128px;
  }
  #breadcrumb-switch .container .fa {
    left: 2px;
    top: 11px;
    position: absolute;
    transform: rotate(-90deg);
    font-size: 14px;
  }
}

#breadcrumb {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  display: flex;
  background: #444;
  color: white;
  position: relative;
}
#breadcrumb .breadcrumb-node {
  position: relative;
  box-sizing: border-box;
}
#breadcrumb .breadcrumb-node, #breadcrumb .breadcrumb-node a {
  color: white;
  text-decoration: none;
}
#breadcrumb .breadcrumb-node {
  transition: background 0.2s linear;
  padding: 10px 10px;
  border-right: 1px #aaa solid;
  display: flex;
  align-items: center;
  justify-content: center;
}
#breadcrumb .breadcrumb-node.row {
  flex-direction: row;
}
#breadcrumb .breadcrumb-node.column {
  flex-direction: column;
}
#breadcrumb .breadcrumb-node.right {
  height: 100%;
  position: absolute;
  right: 0;
}
#breadcrumb .breadcrumb-node .transporter img {
  height: 24px;
}
#breadcrumb .breadcrumb-node .name, #breadcrumb .breadcrumb-node .format {
  font-weight: bold;
}
#breadcrumb .breadcrumb-node .price, #breadcrumb .breadcrumb-node .currency {
  color: white;
  font-size: 120%;
  font-weight: bold;
}
#breadcrumb .breadcrumb-node .breadcrumb-hint {
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  background: black;
  min-width: 200px;
  padding: 10px 20px;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s linear;
  z-index: 102;
  right: 0;
  overflow: hidden;
}
#breadcrumb .breadcrumb-node .breadcrumb-hint span {
  float: right;
}
#breadcrumb .breadcrumb-node .breadcrumb-hint span.sm {
  float: left;
}
#breadcrumb .breadcrumb-node .breadcrumb-hint .fee, #breadcrumb .breadcrumb-node .breadcrumb-hint .equator-fee {
  display: none;
}
#breadcrumb .breadcrumb-node:hover {
  background: rgba(255, 255, 255, 0.3);
}
#breadcrumb .breadcrumb-node:hover .breadcrumb-hint {
  max-height: 10em;
  opacity: 1;
}
#breadcrumb .breadcrumb-node .accepted i {
  color: #00e600;
}
#breadcrumb .breadcrumb-node.charges.equator .currency, #breadcrumb .breadcrumb-node.charges.equator > .total_charges {
  color: #45af45;
}
#breadcrumb > div:first-of-type {
  padding-left: 50px;
}
#breadcrumb > div:first-of-type:after {
  font-family: FontAwesome;
  content: "\f061";
  color: #e80606;
  display: block;
  position: absolute;
  left: calc(100% - 6px);
}
#breadcrumb.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 1280px) {
  #breadcrumb {
    position: fixed;
    top: 0;
    width: 256px;
    height: 100%;
  }
  #breadcrumb.fixed {
    width: 256px;
  }
  #breadcrumb {
    z-index: 100;
    flex-direction: column;
    transition: all 0.3s linear;
    transform: translateX(-256px);
  }
  #breadcrumb.active {
    transform: translateX(0);
  }
  #breadcrumb > div:first-of-type {
    padding: 10px 20px;
  }
  #breadcrumb > div:first-of-type:after {
    display: none;
    color: transparent;
  }
  #breadcrumb .breadcrumb-node {
    border-right: 0;
    border-bottom: 1px #aaa solid;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #breadcrumb .breadcrumb-node.right {
    height: auto;
    position: relative;
    right: auto;
  }
}

footer[role=main] {
  width: 100%;
  position: absolute;
  bottom: 0;
}
footer[role=main] .grey-bar {
  background: #4a4a4a;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 20px 6% 20px 5%;
  align-items: center;
}
footer[role=main] .grey-bar a {
  color: white;
}
footer[role=main] .grey-bar i {
  margin-right: 5px;
}
footer[role=main] .grey-bar #footer-img-container {
  position: relative;
}
footer[role=main] .grey-bar #footer-img-container .logo-text {
  font-size: 13px;
  text-align: center;
}
footer[role=main] .grey-bar #footer-img img {
  width: 200px;
}
footer[role=main] .grey-bar #footer-links a {
  font-weight: bold;
}
footer[role=main] .grey-bar #footer-payment p, footer[role=main] .grey-bar #footer-social p {
  display: block;
  margin-bottom: 8px;
}
footer[role=main] .grey-bar #footer-social i {
  font-size: 28px;
}
footer[role=main] .grey-bar #footer-social a:hover i {
  opacity: 0.7;
}
footer[role=main] .grey-bar #footer-payment p {
  margin-top: 16px;
}
footer[role=main] .grey-bar #footer-payment img {
  height: 20px;
}
footer[role=main] .white-bar {
  justify-content: center;
  background: white;
  text-align: center;
}
@media screen and (max-width: 800px) {
  footer[role=main] .grey-bar {
    flex-direction: column;
  }
  footer[role=main] .grey-bar > div {
    margin: 20px 0px;
    text-align: center;
  }
  footer[role=main] .grey-bar #footer-img-container img {
    width: 150px;
  }
  footer[role=main] .grey-bar #footer-img-container .logo-text {
    display: none;
  }
}

/* PAGES */
#home-presentation {
  text-align: center;
}
#home-presentation > div {
  padding: 48px 0;
}
#home-presentation h2 {
  margin: 0 0 24px 0;
}
#home-presentation #home-howto {
  background: #eee;
}
#home-presentation #home-testimonials {
  background: white;
}
@media screen and (max-width: 800px) {
  #home-presentation #home-testimonials {
    display: none;
  }
}
#home-presentation #home-economy {
  background: #e80606;
  color: white;
}
#home-presentation #home-economy div {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home-presentation #home-economy .home-currency {
  font-size: 24px;
  vertical-align: top;
  padding: 0 2px;
}
#home-presentation #home-economy .home-economy-value {
  font-size: 56px;
}
#home-presentation #home-economy .home-economy-value .number {
  background: white;
  display: inline-block;
  padding: 0 2px;
  margin: 1px 1px;
  color: #e80606;
}
#home-presentation #home-economy .button:hover {
  border-color: white;
}
#home-presentation #equator-savings {
  background: #45af45;
  color: white;
}
#home-presentation #equator-savings div {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home-presentation #equator-savings svg {
  width: 120px;
}
#home-presentation #equator-savings .home-equator-value {
  font-size: 56px;
}
#home-presentation #equator-savings .home-equator-value .number {
  background: white;
  display: inline-block;
  padding: 0 2px;
  margin: 1px 1px;
  color: #45af45;
}
#home-presentation #equator-savings .green:hover {
  background: #45af45;
  color: white;
  border-color: white;
}

.home-content {
  max-width: 720px;
  margin: auto auto;
}

.testimony {
  display: flex;
  max-width: 720px;
  margin: 48px auto;
  align-items: center;
  justify-content: space-around;
}
.testimony .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
}
.testimony .logo img {
  width: 100%;
}
.testimony .text {
  width: 60%;
  text-align: left;
}
.testimony .text p:first-of-type {
  font-style: italic;
}
.testimony .signature {
  text-align: right;
  margin-top: 1em;
}
/*
		<h2>
		Nous avons permis à nos clients d'économiser plus de
		<div><span class="home-currency">CHF</span><span class="home-economy-value">250'823.-</span></div>
		en frais d'envoi depuis le lancement de notre service
		</h2>
		<a class="button">Rejoignez-nous sans attendre!</a>

	</div>
	<div id="home-advantages">
		<h2>Vos avantages</h2>
		<h3>Bénéficiez d'un service</h3>

		<h3>Bénéficiez d'un service</h3>

		<h3>Bénéficiez d'un service</h3>

		<h3>Bénéficiez d'un service</h3>
	</div>
</div>
*/
.quotes-table {
  border-spacing: 0;
  width: 100%;
  position: relative;
}
.quotes-table tr {
  position: relative;
}
.quotes-table tr th {
  color: #aaa;
  font-size: 14px;
  border-bottom: 1px solid #aaa;
}
.quotes-table tr th.st-head-row {
  border-top: 1px solid #e80606;
  border-bottom: 0px;
}
.quotes-table tr td {
  padding: 16px 0;
  transition: transform 0.1s linear;
  position: relative;
}
.quotes-table tr td.amount {
  color: #e80606;
  font-size: 24px;
}
.quotes-table tr td.amount span {
  text-decoration: line-through;
  color: #4a4a4a;
  font-size: 16px;
}
.quotes-table tr td span.hidden {
  display: none;
}
.quotes-table tr td.st-key {
  padding-right: 20px;
  font-weight: bold;
}
.quotes-table tr td.st-value {
  padding-left: 20px;
}
.quotes-table tr td .select-quote {
  display: none;
}
@media screen and (max-width: 800px) {
  .quotes-table tr td .select-quote {
    display: inline-block;
    margin-bottom: 1em;
  }
}
.quotes-table tr:hover td {
  background: #eee;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .quotes-table tr:hover td {
    background: white;
    transform: none;
  }
}
.quotes-table tr img {
  max-height: 50px;
}
.quotes-table tbody tr.tablesorter-headerRow {
  display: none;
}
@media screen and (max-width: 800px) {
  .quotes-table.large-only {
    display: none !important;
  }
}

#quotes #spinner, #quotes #spinnerNext {
  text-align: center;
}
#quotes h3 {
  text-align: center;
}
@media screen and (max-width: 800px) {
  #quotes.next {
    margin-top: 100px;
  }
  #quotes h3 {
    font-size: 30px;
  }
}

.no-result {
  color: #e80606;
}

.no-result-next {
  display: none;
  max-width: 1200px;
  margin: 0 auto;
  color: #e80606;
}
.no-result-next .list {
  width: 80%;
  margin: 20px auto;
}
.no-result-next .list .list-item {
  padding: 10px;
}
.no-result-next .list .list-item span {
  margin-right: 20px;
}
.no-result-next .subtitle {
  width: 80%;
  margin: 0px auto;
  text-align: center;
}

.page-content {
  /* Same as .main-content */
  margin: 0 auto;
}
.page-content .text-left {
  text-align: left;
}
.page-content .text-center {
  text-align: center;
}
.page-content .text-right {
  text-align: right;
}
.page-content a {
  color: #e80606;
}
.page-content .align-right {
  float: right;
}
.page-content .align-left {
  float: left;
}
.page-content iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-content .button.cta {
  background: #e80606;
  color: white;
  display: inline-block;
  margin: 48px auto;
  border-color: white;
}
.page-content .button.cta:hover {
  background: white;
  color: #e80606;
  border-color: black;
}
.page-content p, .page-content ul, .page-content h2, .page-content h3, .page-content ol {
  padding: 20px 20%;
}
@media screen and (max-width: 800px) {
  .page-content p, .page-content ul, .page-content h2, .page-content h3, .page-content ol {
    padding: 20px;
  }
}
.page-content img.margin {
  margin-left: 20%;
  margin-right: 20%;
}
.page-content img.margin-right {
  margin-right: 20%;
}
@media screen and (max-width: 800px) {
  .page-content img {
    max-width: 100%;
    height: auto;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}
.page-content.cta {
  width: 100%;
}

a.subpage-link, p.subpage-link a {
  display: block;
  padding: 4px;
  color: #444;
}
a.subpage-link:after, p.subpage-link a:after {
  font-family: FontAwesome;
  content: "\f061";
  float: right;
}

img.header-background {
  position: absolute;
}

p.header-background {
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
  width: 100%;
  margin: 0;
  color: white;
  font-size: 48px;
  box-sizing: border-box;
}

#home-header {
  width: 100%;
  margin: 0 auto;
  background-image: url("../images/home.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 100px 0;
}
#home-header .title {
  margin-bottom: 80px;
}
#home-header .title h2 {
  margin: 0;
  font-size: 30px;
  margin-bottom: 30px;
}
#home-header .transporters {
  justify-content: center;
  align-items: center;
}
#home-header .transporters .transporter {
  padding: 10px;
}
#home-header .transporters .transporter img {
  width: 80px;
}
@media screen and (max-width: 800px) {
  #home-header {
    width: 100%;
  }
  #home-header .transporters .transporter {
    padding: 5px;
  }
  #home-header .transporters .transporter img {
    width: 50px;
  }
  #home-header .title h2 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.address-form .ca-state, .address-form .us-state {
  display: none;
}

#forbidden ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  -webkit-padding-start: 0px;
}
#forbidden ul li {
  width: 20%;
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
#forbidden ul .icon {
  font-size: 72px;
  display: block;
}
@media screen and (max-width: 800px) {
  #forbidden ul li {
    width: 50%;
  }
}

#charges .charge {
  display: flex;
  justify-content: space-between;
}

#change-schedule .subtitle {
  margin-top: 50px;
  margin-bottom: 20px;
}
#change-schedule .actions {
  justify-content: center;
  width: 500px;
  margin: 0 auto;
  display: flex;
}
#change-schedule .actions button {
  font-size: 14px;
  flex: 0.5;
}
@media screen and (max-width: 800px) {
  #change-schedule .actions {
    width: 300px;
  }
}
#change-schedule .actions button:first-child {
  margin-right: 20px;
}

#packages .package-box {
  min-width: 160px;
}
#packages .package-box .title {
  font-size: 24px;
}
#packages .package-box .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#packages .package-box .item .input {
  width: 40%;
}
#packages .package-box .item .label {
  width: 60%;
  text-align: right;
}

#book-confirmation .note {
  color: #e80606;
  margin-top: 50px;
}
#book-confirmation .summary {
  display: flex;
  justify-content: space-between;
  width: 600px;
  margin: 0 auto;
}
#book-confirmation .summary.import {
  width: 800px;
}
#book-confirmation .summary .pickup, #book-confirmation .summary .delivery {
  flex: 0.4;
}
#book-confirmation .summary .pickup.import, #book-confirmation .summary .delivery.import {
  flex: 0.4;
}
#book-confirmation .summary .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
}
#book-confirmation .summary .date, #book-confirmation .summary .time {
  font-weight: bold;
}
#book-confirmation .summary .shipper, #book-confirmation .summary .recipient {
  margin-top: 20px;
}
#book-confirmation .summary .shipper .name, #book-confirmation .summary .recipient .name {
  font-weight: bold;
}
#book-confirmation .summary .image {
  height: 120px;
  display: flex;
  justify-content: center;
}
#book-confirmation .summary .image svg {
  height: 100%;
}
#book-confirmation .summary .image svg path {
  fill: #4a4a4a;
}
@media screen and (max-width: 800px) {
  #book-confirmation .summary {
    width: 300px;
    flex-direction: column;
    text-align: center;
  }
  #book-confirmation .summary.import {
    width: 300px;
  }
  #book-confirmation .summary .title {
    text-align: center;
  }
  #book-confirmation .summary .delivery {
    margin-top: 40px;
  }
  #book-confirmation .summary .pickup:after {
    left: calc(50% - 13px);
    top: calc(50% - 15px);
    font-size: 30px;
  }
}

#register-success {
  background: #e80606;
  background-image: -webkit-linear-gradient(right, #e80606 70%, #d80808);
  background-image: -moz-linear-gradient(right, #e80606 70%, #d80808);
  background-image: -ms-linear-gradient(right, #e80606 70%, #d80808);
  background-image: -o-linear-gradient(right, #e80606 70%, #d80808);
  background-image: linear-gradient(to right, #e80606 70%, #d80808);
  color: white;
  flex-grow: 1;
}
#register-success .title img {
  margin-top: 48px;
}
#register-success .title h2 {
  font-size: 48px;
}

#book-confirmation .summary {
  margin-top: 50px;
  position: relative;
}
#book-confirmation .summary .pickup:after {
  font-family: FontAwesome;
  content: "\f061";
  color: #e80606;
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  font-size: 40px;
}
#book-confirmation .subtitle {
  margin-bottom: 20px;
}

#addresses .edit .fa {
  font-size: 24px;
  color: black;
  margin-left: 20px;
}
#addresses .edit .fa:hover {
  color: #e80606;
}

.my-addresses #addresses {
  display: none;
}
.my-addresses #addresses.active {
  display: block;
}

#quote-widget .title h2 {
  font-size: 30px;
}
#quote-widget #addresses {
  width: 100%;
  position: relative;
}
#quote-widget #addresses #pickup .title, #quote-widget #addresses #delivery .title {
  text-align: left;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 24px;
}
#quote-widget #addresses #pickup input:not(:last-child), #quote-widget #addresses #delivery input:not(:last-child) {
  margin-right: 10px;
}
#quote-widget #addresses #pickup .inputs, #quote-widget #addresses #delivery .inputs {
  justify-content: space-between;
  height: 225px;
}
#quote-widget #addresses #pickup .inputs .item, #quote-widget #addresses #delivery .inputs .item {
  flex: 0.3;
}
#quote-widget #addresses #pickup .inputs .item .placeholder-value, #quote-widget #addresses #delivery .inputs .item .placeholder-value {
  border-bottom: 1px solid transparent;
}
#quote-widget #addresses #pickup {
  margin-right: 50px;
}
#quote-widget #addresses #pickup:after {
  font-family: FontAwesome;
  content: "\f061";
  color: #e80606;
  display: block;
  position: absolute;
  left: calc(50% - 15px);
  bottom: 80px;
  font-size: 48px;
}
@media screen and (max-width: 800px) {
  #quote-widget #addresses {
    flex-direction: column;
  }
  #quote-widget #addresses #pickup {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  #quote-widget #addresses #pickup:after {
    display: none;
  }
  #quote-widget #addresses #pickup, #quote-widget #addresses #delivery {
    width: 100%;
  }
  #quote-widget #addresses .flex-row {
    flex-direction: column;
  }
  #quote-widget #addresses .item {
    width: 100%;
  }
}
#quote-widget .actions {
  margin-top: 20px;
  text-align: center;
}
#quote-widget .actions button {
  font-size: 24px;
  color: white;
  background: #e80606;
  border: 1px solid #e80606;
}
#quote-widget .actions button:hover {
  background: white;
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
}

#my-shipments #shipments-table tr td.carrier {
  text-align: center;
}
#my-shipments #shipments-table tr td.carrier .mode {
  text-transform: uppercase;
  font-weight: bold;
}
#my-shipments #shipments-table tr td .bold {
  font-weight: bold;
}
#my-shipments #shipments-table tr td .orange a {
  color: #e80606;
}
#my-shipments #shipments-table tr td .orange a:hover {
  text-decoration: underline;
}
#my-shipments #shipments-table tr th {
  text-align: left;
}
#my-shipments #shipments-table tr img {
  max-width: 100px;
}
#my-shipments #shipments-table tr.delivered {
  background: #eee;
}
#my-shipments #shipments-table tr.invalid {
  background: #ff9f92;
}
#my-shipments #shipments-table tr.invalid td .orange a {
  color: white;
}

.pickup-bricks .options-container .option {
  align-items: center;
  justify-content: center;
}
.pickup-bricks .options-container .option .hint {
  font-size: 12px;
  margin: 0px;
}

#goods .export-reason {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#goods .export-reason:first-child:lang(de),
#goods .export-reason:last-child:lang(de) {
  width: min-content;
}
#goods .subtitle {
  margin-top: 50px;
  margin-bottom: 20px;
}
#goods .goods-table {
  margin: 0 auto;
  width: 800px;
}
#goods .goods-table .add-pkg {
  text-align: left;
}
#goods .goods-table .customs {
  text-align: right;
  padding-right: 10px;
}
#goods .recipient-vat {
  width: 400px;
  margin: 0 auto;
}
#goods .logo-axa {
  margin-bottom: 20px;
}
#goods .iwish {
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  #goods .goods-table {
    width: 300px;
  }
  #goods .goods-table .table tr td {
    display: block;
  }
}

#pwd-change .hidden {
  display: none;
}

#summary .tracking {
  text-align: center;
  font-weight: bold;
}
#summary .table {
  width: 600px;
  margin: 0 auto;
  margin-top: 50px;
}
#summary .table table tr th {
  text-align: left;
}

#tracking .table {
  width: 600px;
  margin: 0 auto;
  margin-top: 50px;
}
#tracking .table tr.tracking-day {
  text-align: center;
  background: #e80606;
  color: white;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  #tracking .table {
    width: 300px;
  }
}

#dimensions .options-container {
  max-width: 1200px;
  margin: auto auto;
}

#profile .subtitle {
  font-size: 20px;
  margin-bottom: 20px;
}
#profile .actions-toggle {
  position: relative;
}
#profile .actions-toggle .actions {
  display: none;
  right: 0;
  width: 150px;
  padding: 10px;
  background: #eee;
  z-index: 1;
}
#profile .actions-toggle:hover .actions {
  display: block;
  position: absolute;
  z-index: 1;
}

#contact-form {
  max-width: 1080px;
  margin: auto auto;
}
#contact-form .columns {
  display: flex;
  justify-content: space-between;
}
#contact-form .columns > div {
  min-width: 45%;
}
#contact-form .columns > div .item {
  margin-bottom: 24px;
}
#contact-form p {
  text-align: center;
  margin-top: 24px;
  font-weight: bold;
}
#contact-form .captcha {
  text-align: center;
}
#contact-form .captcha .title {
  text-align: center;
}
#contact-form .captcha .input {
  display: flex;
  justify-content: center;
}
#contact-form .captcha .input input {
  width: 100px;
  margin-left: 10px;
}

#they-talk-about-us .video {
  width: 70%;
  margin: 0 auto;
}
#they-talk-about-us .article-container {
  margin-top: 96px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#they-talk-about-us .article-container .article {
  display: flex;
  align-items: center;
}
#they-talk-about-us .article-container .article img {
  width: 128px;
  vertical-align: middle;
}

#documents .doc-dimensions {
  width: 100%;
}
#documents .doc-dimensions .document-dimensions .flex-row {
  width: 100%;
}

#weight #document-weight-value {
  margin-bottom: 20px;
}

#finalize .form {
  text-align: left;
}
#finalize .options-container .option {
  text-align: left;
}
#finalize .options-container.ddp-options {
  flex-wrap: nowrap;
}
#finalize .options-container.ddp-options .option {
  text-align: center;
}

#register-form .wish-invoice label {
  margin-left: 10px;
}

#who-are-we .subtitle, #our-commitments .subtitle {
  margin-top: 50px;
}
#who-are-we .content, #our-commitments .content {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  #who-are-we .content, #our-commitments .content {
    width: 100%;
  }
}
#who-are-we .content .content-block, #our-commitments .content .content-block {
  margin-bottom: 20px;
}
#who-are-we .team, #our-commitments .team {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#who-are-we .team .member, #our-commitments .team .member {
  width: 280px;
  padding: 20px;
}
#who-are-we .team .member .picture, #our-commitments .team .member .picture {
  text-align: center;
  margin-bottom: 20px;
  height: 150px;
}
#who-are-we .team .member .picture img, #our-commitments .team .member .picture img {
  height: 150px;
}
#who-are-we .team .member .name, #our-commitments .team .member .name {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}
#who-are-we .team .member .block, #our-commitments .team .member .block {
  margin-bottom: 10px;
}

#who-are-we .team .member {
  width: 150px;
  padding: 20px;
}
#who-are-we .team .member .name {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
#who-are-we .team .member #modal.name {
  position: absolute;
  left: 210px;
  top: 80px;
}
#who-are-we .team .member #modal.block {
  position: absolute;
  left: 210px;
  top: 120px;
}
#who-are-we .team .picture {
  height: 150px;
  width: 100%;
  overflow: hidden;
  position: relative;
  float: left;
  display: inline-block;
  cursor: pointer;
}
#who-are-we .team .picture .child {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.5s;
  background-position: center;
}
#who-are-we .team .picture:hover .child, #who-are-we .team .picture:focus .child {
  transform: scale(1.2);
}
#who-are-we .supports {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
#who-are-we .supports .support img {
  width: 200px;
}
#who-are-we .supports .partners {
  margin-bottom: 50px;
}
#who-are-we .supports .partners img {
  width: 300px;
}
#who-are-we .content-container {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1280px) {
  #who-are-we .content-container {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 1280px) {
  #who-are-we .content-container {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}
#who-are-we .content-container .content-text {
  flex: 0.6;
  margin-right: 10px;
}
#who-are-we .content-container .content-image {
  flex: 0.4;
}
#who-are-we .content-container .content-image img {
  width: 300px;
}
#who-are-we .charter {
  text-align: center;
}
#who-are-we .charter button {
  font-size: 24px;
  padding: 20px;
}

#payment-method .action button {
  padding: 20px;
  font-size: 24px;
}
#payment-method h2 {
  font-size: 16px;
}
#payment-method #coupon, #payment-method #charges {
  margin-top: 0px;
}
#payment-method #coupon .equator-fee, #payment-method #charges .equator-fee {
  color: #45af45;
  font-weight: bold;
}
#payment-method .equator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
#payment-method .equator-container .options-container {
  width: auto;
}
#payment-method .equator-container .options-container .option {
  min-width: 64px;
}
#payment-method .equator-container .options-container .option label {
  display: flex;
  justify-content: center;
  align-items: center;
}
#payment-method .equator-container .equator {
  padding: 16px;
  background: #45af45;
  color: white;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#payment-method .equator-container .equator .fa {
  margin-left: 10px;
  font-size: 24px;
}
#payment-method .equator-container input[type=checkbox] ~ label::before {
  font-size: 32px;
  color: #45af45;
}

#shipment-type .title h1 {
  margin-bottom: 80px;
}

#login .action {
  margin: 20px 0px;
}

#proforma .proforma-input {
  margin-bottom: 50px;
}
#proforma .proforma-input .subtitle {
  margin-bottom: 20px;
}
#proforma .upload-info {
  font-size: 1.2em;
  font-style: italic;
}

#pwd-change .action {
  margin-top: 50px;
}

@media screen and (max-width: 800px) {
  .search-input {
    display: none;
  }
}

.text-orange {
  color: #e80606;
}

.banner-orange {
  background-color: #e80606;
  color: #ffffff;
  padding: 30px 20px;
  margin: 0px;
}
.banner-orange a {
  color: white;
}

ul.banner-orange {
  list-style: none;
}

ul.banner-orange li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  display: inline-block;
}

.banner-grey {
  background-color: #f2f2f2;
  padding: 20px;
  margin-bottom: 0px;
}

.title-container {
  display: flex;
  align-items: center;
}
.title-container div {
  flex: 0.2;
}
.title-container div img {
  width: 100%;
}
.title-container h1 {
  flex: 0.6;
}

.advices-content > div {
  padding: 50px 10%;
}
.advices-content .how-to-ship, .advices-content .useful-info, .advices-content .faq-container {
  background: #e5e5e5;
}
.advices-content .how-to-ship h2, .advices-content .useful-info h2, .advices-content .faq-container h2 {
  text-align: left;
  text-transform: uppercase;
  color: #e80606;
}
.advices-content .how-to-ship .countries, .advices-content .how-to-ship .info, .advices-content .how-to-ship .faq, .advices-content .useful-info .countries, .advices-content .useful-info .info, .advices-content .useful-info .faq, .advices-content .faq-container .countries, .advices-content .faq-container .info, .advices-content .faq-container .faq {
  display: flex;
  flex-wrap: wrap;
}
.advices-content .how-to-ship .countries .page-link, .advices-content .how-to-ship .info .page-link, .advices-content .how-to-ship .faq .page-link, .advices-content .useful-info .countries .page-link, .advices-content .useful-info .info .page-link, .advices-content .useful-info .faq .page-link, .advices-content .faq-container .countries .page-link, .advices-content .faq-container .info .page-link, .advices-content .faq-container .faq .page-link {
  width: 200px;
  height: 200px;
  border: 1px solid #e80606;
  padding: 30px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.advices-content .how-to-ship .countries .page-link:hover, .advices-content .how-to-ship .info .page-link:hover, .advices-content .how-to-ship .faq .page-link:hover, .advices-content .useful-info .countries .page-link:hover, .advices-content .useful-info .info .page-link:hover, .advices-content .useful-info .faq .page-link:hover, .advices-content .faq-container .countries .page-link:hover, .advices-content .faq-container .info .page-link:hover, .advices-content .faq-container .faq .page-link:hover {
  background: #e80606;
}
.advices-content .how-to-ship .countries .page-link:hover .country-image svg, .advices-content .how-to-ship .countries .page-link:hover .info-image svg, .advices-content .how-to-ship .info .page-link:hover .country-image svg, .advices-content .how-to-ship .info .page-link:hover .info-image svg, .advices-content .how-to-ship .faq .page-link:hover .country-image svg, .advices-content .how-to-ship .faq .page-link:hover .info-image svg, .advices-content .useful-info .countries .page-link:hover .country-image svg, .advices-content .useful-info .countries .page-link:hover .info-image svg, .advices-content .useful-info .info .page-link:hover .country-image svg, .advices-content .useful-info .info .page-link:hover .info-image svg, .advices-content .useful-info .faq .page-link:hover .country-image svg, .advices-content .useful-info .faq .page-link:hover .info-image svg, .advices-content .faq-container .countries .page-link:hover .country-image svg, .advices-content .faq-container .countries .page-link:hover .info-image svg, .advices-content .faq-container .info .page-link:hover .country-image svg, .advices-content .faq-container .info .page-link:hover .info-image svg, .advices-content .faq-container .faq .page-link:hover .country-image svg, .advices-content .faq-container .faq .page-link:hover .info-image svg {
  fill: white !important;
}
.advices-content .how-to-ship .countries .page-link:hover .country-image svg path, .advices-content .how-to-ship .countries .page-link:hover .country-image svg polygon, .advices-content .how-to-ship .countries .page-link:hover .info-image svg path, .advices-content .how-to-ship .countries .page-link:hover .info-image svg polygon, .advices-content .how-to-ship .info .page-link:hover .country-image svg path, .advices-content .how-to-ship .info .page-link:hover .country-image svg polygon, .advices-content .how-to-ship .info .page-link:hover .info-image svg path, .advices-content .how-to-ship .info .page-link:hover .info-image svg polygon, .advices-content .how-to-ship .faq .page-link:hover .country-image svg path, .advices-content .how-to-ship .faq .page-link:hover .country-image svg polygon, .advices-content .how-to-ship .faq .page-link:hover .info-image svg path, .advices-content .how-to-ship .faq .page-link:hover .info-image svg polygon, .advices-content .useful-info .countries .page-link:hover .country-image svg path, .advices-content .useful-info .countries .page-link:hover .country-image svg polygon, .advices-content .useful-info .countries .page-link:hover .info-image svg path, .advices-content .useful-info .countries .page-link:hover .info-image svg polygon, .advices-content .useful-info .info .page-link:hover .country-image svg path, .advices-content .useful-info .info .page-link:hover .country-image svg polygon, .advices-content .useful-info .info .page-link:hover .info-image svg path, .advices-content .useful-info .info .page-link:hover .info-image svg polygon, .advices-content .useful-info .faq .page-link:hover .country-image svg path, .advices-content .useful-info .faq .page-link:hover .country-image svg polygon, .advices-content .useful-info .faq .page-link:hover .info-image svg path, .advices-content .useful-info .faq .page-link:hover .info-image svg polygon, .advices-content .faq-container .countries .page-link:hover .country-image svg path, .advices-content .faq-container .countries .page-link:hover .country-image svg polygon, .advices-content .faq-container .countries .page-link:hover .info-image svg path, .advices-content .faq-container .countries .page-link:hover .info-image svg polygon, .advices-content .faq-container .info .page-link:hover .country-image svg path, .advices-content .faq-container .info .page-link:hover .country-image svg polygon, .advices-content .faq-container .info .page-link:hover .info-image svg path, .advices-content .faq-container .info .page-link:hover .info-image svg polygon, .advices-content .faq-container .faq .page-link:hover .country-image svg path, .advices-content .faq-container .faq .page-link:hover .country-image svg polygon, .advices-content .faq-container .faq .page-link:hover .info-image svg path, .advices-content .faq-container .faq .page-link:hover .info-image svg polygon {
  fill: white !important;
}
.advices-content .how-to-ship .countries .page-link:hover .name, .advices-content .how-to-ship .info .page-link:hover .name, .advices-content .how-to-ship .faq .page-link:hover .name, .advices-content .useful-info .countries .page-link:hover .name, .advices-content .useful-info .info .page-link:hover .name, .advices-content .useful-info .faq .page-link:hover .name, .advices-content .faq-container .countries .page-link:hover .name, .advices-content .faq-container .info .page-link:hover .name, .advices-content .faq-container .faq .page-link:hover .name {
  color: white;
}
.advices-content .how-to-ship .countries .page-link .country-image, .advices-content .how-to-ship .countries .page-link .info-image, .advices-content .how-to-ship .info .page-link .country-image, .advices-content .how-to-ship .info .page-link .info-image, .advices-content .how-to-ship .faq .page-link .country-image, .advices-content .how-to-ship .faq .page-link .info-image, .advices-content .useful-info .countries .page-link .country-image, .advices-content .useful-info .countries .page-link .info-image, .advices-content .useful-info .info .page-link .country-image, .advices-content .useful-info .info .page-link .info-image, .advices-content .useful-info .faq .page-link .country-image, .advices-content .useful-info .faq .page-link .info-image, .advices-content .faq-container .countries .page-link .country-image, .advices-content .faq-container .countries .page-link .info-image, .advices-content .faq-container .info .page-link .country-image, .advices-content .faq-container .info .page-link .info-image, .advices-content .faq-container .faq .page-link .country-image, .advices-content .faq-container .faq .page-link .info-image {
  height: 150px;
  width: auto;
  text-align: center;
}
.advices-content .how-to-ship .countries .page-link .country-image svg, .advices-content .how-to-ship .countries .page-link .info-image svg, .advices-content .how-to-ship .info .page-link .country-image svg, .advices-content .how-to-ship .info .page-link .info-image svg, .advices-content .how-to-ship .faq .page-link .country-image svg, .advices-content .how-to-ship .faq .page-link .info-image svg, .advices-content .useful-info .countries .page-link .country-image svg, .advices-content .useful-info .countries .page-link .info-image svg, .advices-content .useful-info .info .page-link .country-image svg, .advices-content .useful-info .info .page-link .info-image svg, .advices-content .useful-info .faq .page-link .country-image svg, .advices-content .useful-info .faq .page-link .info-image svg, .advices-content .faq-container .countries .page-link .country-image svg, .advices-content .faq-container .countries .page-link .info-image svg, .advices-content .faq-container .info .page-link .country-image svg, .advices-content .faq-container .info .page-link .info-image svg, .advices-content .faq-container .faq .page-link .country-image svg, .advices-content .faq-container .faq .page-link .info-image svg {
  height: 100%;
  fill: #e80606 !important;
}
.advices-content .how-to-ship .countries .page-link .country-image svg path, .advices-content .how-to-ship .countries .page-link .country-image svg polygon, .advices-content .how-to-ship .countries .page-link .info-image svg path, .advices-content .how-to-ship .countries .page-link .info-image svg polygon, .advices-content .how-to-ship .info .page-link .country-image svg path, .advices-content .how-to-ship .info .page-link .country-image svg polygon, .advices-content .how-to-ship .info .page-link .info-image svg path, .advices-content .how-to-ship .info .page-link .info-image svg polygon, .advices-content .how-to-ship .faq .page-link .country-image svg path, .advices-content .how-to-ship .faq .page-link .country-image svg polygon, .advices-content .how-to-ship .faq .page-link .info-image svg path, .advices-content .how-to-ship .faq .page-link .info-image svg polygon, .advices-content .useful-info .countries .page-link .country-image svg path, .advices-content .useful-info .countries .page-link .country-image svg polygon, .advices-content .useful-info .countries .page-link .info-image svg path, .advices-content .useful-info .countries .page-link .info-image svg polygon, .advices-content .useful-info .info .page-link .country-image svg path, .advices-content .useful-info .info .page-link .country-image svg polygon, .advices-content .useful-info .info .page-link .info-image svg path, .advices-content .useful-info .info .page-link .info-image svg polygon, .advices-content .useful-info .faq .page-link .country-image svg path, .advices-content .useful-info .faq .page-link .country-image svg polygon, .advices-content .useful-info .faq .page-link .info-image svg path, .advices-content .useful-info .faq .page-link .info-image svg polygon, .advices-content .faq-container .countries .page-link .country-image svg path, .advices-content .faq-container .countries .page-link .country-image svg polygon, .advices-content .faq-container .countries .page-link .info-image svg path, .advices-content .faq-container .countries .page-link .info-image svg polygon, .advices-content .faq-container .info .page-link .country-image svg path, .advices-content .faq-container .info .page-link .country-image svg polygon, .advices-content .faq-container .info .page-link .info-image svg path, .advices-content .faq-container .info .page-link .info-image svg polygon, .advices-content .faq-container .faq .page-link .country-image svg path, .advices-content .faq-container .faq .page-link .country-image svg polygon, .advices-content .faq-container .faq .page-link .info-image svg path, .advices-content .faq-container .faq .page-link .info-image svg polygon {
  fill: #e80606 !important;
}
.advices-content .how-to-ship .countries .page-link .name, .advices-content .how-to-ship .info .page-link .name, .advices-content .how-to-ship .faq .page-link .name, .advices-content .useful-info .countries .page-link .name, .advices-content .useful-info .info .page-link .name, .advices-content .useful-info .faq .page-link .name, .advices-content .faq-container .countries .page-link .name, .advices-content .faq-container .info .page-link .name, .advices-content .faq-container .faq .page-link .name {
  text-transform: uppercase;
  color: #e80606;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}
.advices-content .useful-info, .advices-content .faq-container {
  background: white;
}
.advices-content .useful-info .info .page-link .name, .advices-content .useful-info .faq .page-link .name, .advices-content .faq-container .info .page-link .name, .advices-content .faq-container .faq .page-link .name {
  font-size: 16px;
}
.advices-content #topics {
  background: #e5e5e5;
}

.filters .year-container {
  /*		display:flex;
  		margin:10px 0;*/
}
.filters .year-container .year:not(:last-child) {
  /*			margin-right:10px;
  			padding-right: 10px;
      		border-right: 1px solid black;*/
}
.filters .year-container .year.active a {
  /*color:white;*/
}
.filters .year-container .year.active {
  /*			background:$orange;
  			border:1px solid $orange;*/
}
.filters .year-container .year:hover a {
  color: white;
}
.filters .year-container .year:hover a:hover {
  color: white;
}
.filters .months-container {
  display: none;
  margin: 10px 0;
  justify-content: center;
}
.filters .months-container.active {
  display: flex;
}
.filters .months-container.active .month.active a {
  color: #e80606;
}
.filters .months-container .month {
  text-transform: capitalize;
}
.filters .months-container .month:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid black;
}
#dialog-discovery-channel .dialog-actions {
  display: none;
}

#goods input[name$=unit_price] {
  min-width: 5em;
}
#goods .table tr td.country {
  width: 200px;
}
@media screen and (max-width: 800px) {
  #goods .table tr td.country {
    width: 100%;
  }
}
#goods .table tr td.total input {
  border-bottom: 0px;
}
#goods .currency {
  display: flex;
  align-items: center;
  justify-content: center;
}
#goods .currency label {
  margin-right: 20px;
}
#goods .currency select {
  width: 100px;
}

@media screen and (min-width: 801px) {
  .dialog-content .form.goods-insurance-form:not(.fluid),
  .main-content .form.goods-insurance-form:not(.fluid) {
    width: unset;
  }
  .dialog-content .form.goods-insurance-form:not(.fluid) .action,
  .main-content .form.goods-insurance-form:not(.fluid) .action {
    width: 400px;
    margin: 0 auto;
  }
}
html, body {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  color: #4a4a4a;
  background: #fff;
  font-family: "Open Sans";
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 16px;
}

h1, h2 {
  text-align: center;
}

h1 {
  font-size: 32px;
}
@media screen and (max-width: 800px) {
  h1 {
    font-size: 24px;
  }
}

@media screen and (max-width: 800px) {
  h2 {
    font-size: 16px;
  }
}

a {
  color: #4a4a4a;
  text-decoration: none;
}
a:hover {
  color: #e80606;
}
a.orange {
  color: #e80606;
}

ul li.orange {
  color: #e80606;
}

p {
  margin: 0px;
}

.subtitle {
  font-weight: bold;
}
.subtitle.orange {
  color: #e80606;
}

section[role=main] {
  padding-bottom: 16rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  section[role=main] {
    padding-bottom: 500px;
  }
}

section[role=landing] {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-image: url("../images/landing.jpg");
  transition: background 1s cubic-bezier(0.4, 0, 1, 1);
  background-position: center;
  background-size: cover;
  padding-top: 30px;
  color: white;
}
section[role=landing] .language {
  padding: 0;
  width: 630px;
  margin: 0 auto;
  text-align: right;
}
section[role=landing] .language a {
  color: white;
}
section[role=landing] header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 50px;
  width: 630px;
  margin: 0 auto;
}
section[role=landing] header .menu {
  width: 150px;
}
section[role=landing] header .menu i {
  font-size: 40px;
}
section[role=landing] header .phone {
  width: 150px;
  text-align: right;
  font-size: 22px;
  font-weight: bold;
}
section[role=landing] .main-content {
  padding: 0px;
}
section[role=landing] .main-content h2 {
  font-size: 18px;
}
section[role=landing] .main-content #landing-quote {
  color: #4A4A4A;
  width: 550px;
  background: white;
  margin: 0 auto;
  padding: 40px;
  margin-top: 30px;
}
section[role=landing] .main-content #landing-quote h1 {
  font-size: 28px;
}
section[role=landing] .main-content #landing-quote #addresses {
  display: flex;
  justify-content: space-between;
}
section[role=landing] .main-content #landing-quote #addresses .form {
  flex: 0.45;
  margin: 0px;
}
section[role=landing] .main-content #landing-quote .actions {
  margin-top: 20px;
  text-align: center;
}
section[role=landing] .main-content #landing-quote .actions button {
  font-size: 18px;
  padding: 15px 105px;
}
section[role=landing] .main-content #landing-quote #carriers-box {
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section[role=landing] .main-content #landing-quote #carriers-box .carrier-box {
  width: 90px;
  padding: 10px;
}
section[role=landing] .main-content #landing-quote #carriers-box .carrier-box img {
  width: 100%;
  height: auto;
}
section[role=landing] .dropdown {
  position: relative;
  padding: 8px;
  text-align: right;
  box-sizing: border-box;
  border-radius: 3px 3px 0 0;
  color: white;
}
section[role=landing] .dropdown input {
  position: absolute;
  width: 0;
  opacity: 0;
}
section[role=landing] .dropdown .dropdown-menu {
  position: absolute;
  border-radius: 3px;
  background: #e80606;
  width: 308px;
}
section[role=landing] .dropdown .dropdown-menu .logo-menu {
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}
section[role=landing] .dropdown .dropdown-menu .logo-menu img {
  width: 200px;
}
section[role=landing] .dropdown .dropdown-menu a {
  color: white;
  opacity: 1;
  font-weight: bold;
  text-align: center;
}
section[role=landing] .dropdown .dropdown-menu a:not(:last-child) {
  border-bottom: 1px solid white;
}
section[role=landing] .dropdown .dropdown-menu a:first-child {
  border-top: 1px solid white;
}
section[role=landing] .dropdown .dropdown-menu a:hover {
  color: #e80606;
  opacity: 1;
  background: white;
}
section[role=landing] .dropdown .dropdown-menu {
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s linear;
  z-index: 998;
  left: 0;
  top: 100%;
}
section[role=landing] .dropdown .dropdown-menu > * {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}
section[role=landing] .dropdown .dropdown-menu > *:hover {
  background: #e80606;
}
section[role=landing] .dropdown .dropdown-menu > a {
  color: white;
}
section[role=landing] .dropdown .dropdown-menu #dropdown-close, section[role=landing] .dropdown .dropdown-menu .mobile-only {
  display: none;
}
@media screen and (max-width: 800px) {
  section[role=landing] .dropdown .dropdown-menu {
    z-index: -999;
    transition: all 0.3s linear;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #e80606;
    padding: 30px;
    padding-top: 60px;
    width: auto;
    max-width: 100%;
  }
  section[role=landing] .dropdown .dropdown-menu a {
    color: white;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  section[role=landing] .dropdown .dropdown-menu #dropdown-close {
    position: absolute;
    font-size: 24px;
    cursor: pointer;
    display: block;
    top: 0;
    left: 15px;
    padding: 15px;
    z-index: 99999;
  }
  section[role=landing] .dropdown .dropdown-menu .mobile-only {
    display: block;
  }
}
section[role=landing] .dropdown:hover {
  z-index: 999;
}
section[role=landing] .dropdown:hover .dropdown-menu {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  z-index: 999;
  pointer-events: auto;
  max-height: 1000px;
}
@media screen and (max-width: 800px) {
  section[role=landing] .dropdown:hover .dropdown-menu {
    position: fixed;
  }
}
section[role=landing] .dropdown:hover .dropdown-menu.closed {
  opacity: 0;
  z-index: -999;
  pointer-events: none;
  max-height: 0%;
  position: absolute;
}
@media screen and (max-width: 800px) {
  section[role=landing] .dropdown input:checked ~ .dropdown-menu {
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
    max-height: 1000px;
    position: fixed;
  }
  section[role=landing] .dropdown input:checked ~ .dropdown-menu.closed {
    opacity: 0;
    z-index: -999;
    pointer-events: none;
  }
}
@media screen and (max-width: 800px) {
  section[role=landing] {
    background: none;
    padding: 0px;
  }
  section[role=landing] .language {
    width: 100%;
    background: #e80606;
    text-align: center;
  }
  section[role=landing] header {
    height: 60px;
    width: 100%;
    padding: 0;
    background: #e80606;
    justify-content: center;
  }
  section[role=landing] header .menu {
    position: absolute;
    left: 20px;
  }
  section[role=landing] header .phone {
    display: none;
  }
  section[role=landing] header .logo a {
    display: flex;
    height: 38px;
  }
  section[role=landing] .main-content {
    background: white;
  }
  section[role=landing] .main-content > .title {
    display: none;
  }
  section[role=landing] .main-content #landing-quote {
    padding: 0px 20px;
    width: auto;
  }
  section[role=landing] .main-content #landing-quote h1 {
    font-size: 24px;
  }
  section[role=landing] .main-content #landing-quote #addresses {
    flex-direction: column;
  }
  section[role=landing] .main-content #landing-quote #addresses .form {
    width: 240px;
  }
  section[role=landing] .main-content #landing-quote #addresses .form .title {
    text-align: center;
  }
  section[role=landing] .main-content #landing-quote #addresses #delivery {
    margin-top: 10px;
  }
  section[role=landing] .main-content #landing-quote .actions button {
    padding: 15px 57px;
  }
  section[role=landing] .main-content #landing-quote #carriers-box {
    width: 290px;
  }
}

#our-carriers {
  background: white;
  text-align: center;
  padding: 50px;
}
#our-carriers #carriers-box {
  text-align: center;
  width: 72%;
  height: 50%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  display: -webkit-flex;
  display: inline-flex;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  #our-carriers #carriers-box {
    flex-direction: column;
  }
  #our-carriers #carriers-box .carrier-box {
    width: 100%;
  }
}
#our-carriers .carrier-box {
  width: 32%;
  margin-left: 8px;
  padding: 20px;
  display: flex;
  align-items: center;
  display: inline-block;
  display: -ms-flexbox;
}
#our-carriers .carrier-box img {
  height: 32px;
}
#our-carriers .carrier-box.ups img {
  height: 52px;
}
#our-carriers .carrier-box.aramex img {
  height: 52px;
}
#our-carriers .carrier-box.axa img {
  height: 64px;
}
#our-carriers .carrier-box.tnt img {
  height: 40px;
}

#benefits-wrapper {
  padding: 50px;
  background: #eee;
}
#benefits-wrapper h2 {
  text-align: center;
}

#benefits {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#benefits .benefit {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
#benefits .benefit h3 {
  font-size: 16px;
  font-weight: bold;
}
#benefits .benefit .benefit-icon img {
  height: 70px;
}
#benefits .benefit .benefit-icon i {
  font-size: 70px;
}
#benefits .benefit .benefit-txt {
  text-align: center;
}
@media screen and (max-width: 800px) {
  #benefits {
    flex-direction: column;
  }
  #benefits .benefit {
    margin-bottom: 32px;
  }
}

.main-content {
  padding: 90px 100px;
  background: #fff;
}
/* Index des astuces : la recherche dans la colonne du formulaire de
   contact, puis une liste par rubrique ; les pays sur trois colonnes. */
.tips-index .tips-search .item {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.tips-index .tips-search .form {
  max-width: 320px;
  margin: 0 auto;
}
.tips-index .tips-section {
  margin-top: 48px;
}
.tips-index .tips-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tips-index .tips-list li {
  padding: 8px 0;
  border-bottom: 1px solid #e4e7ec;
}
.tips-index .tips-list a {
  color: #4a4a4a;
}
.tips-index .tips-list a:hover {
  color: #e80606;
}
.tips-index .tips-columns {
  column-count: 3;
  column-gap: 40px;
}
.tips-index .tips-empty {
  text-align: center;
}
@media (max-width: 800px) {
  .tips-index .tips-columns {
    column-count: 1;
  }
}
.main-content .back {
  text-align: center;
  font-size: 30px;
}
@media screen and (max-width: 800px) {
  .main-content {
    padding: 28% 3%;
  }
}

#templates .previously {
  text-align: center;
}
#templates .template .delete-template, #templates .option .delete-template {
  position: absolute;
  right: 10px;
  top: 5px;
}
#templates .template .delete-package-template, #templates .option .delete-package-template {
  position: absolute;
  right: 5px;
  top: 0px;
}
#templates .template .delete-package-template .fa:hover, #templates .option .delete-package-template .fa:hover {
  color: white;
}
#templates .template:hover .fa, #templates .option:hover .fa {
  color: white;
}

#templates[templates-count="0"] {
  display: none;
}

.dropdown {
  position: relative;
  padding: 8px;
  text-align: right;
  box-sizing: border-box;
  border-radius: 3px 3px 0 0;
}
.dropdown input {
  position: absolute;
  width: 0;
  opacity: 0;
}
.dropdown .dropdown-menu {
  position: absolute;
  border-radius: 3px;
  background: #e80606;
  width: 300px;
}
.dropdown .dropdown-menu .logo-menu {
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}
.dropdown .dropdown-menu .logo-menu img {
  width: 200px;
}
.dropdown .dropdown-menu a {
  color: white;
  opacity: 1;
  font-weight: bold;
  text-align: center;
}
.dropdown .dropdown-menu a:not(:last-child) {
  border-bottom: 1px solid white;
}
.dropdown .dropdown-menu a:first-child {
  border-top: 1px solid white;
}
.dropdown .dropdown-menu a:hover {
  color: #e80606;
  opacity: 1;
  background: white;
}
.dropdown .dropdown-menu {
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s linear;
  z-index: 998;
  top: 100%;
}
.dropdown .dropdown-menu > * {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}
.dropdown .dropdown-menu > *:hover {
  background: #e80606;
}
.dropdown .dropdown-menu > a {
  color: white;
}
.dropdown .dropdown-menu #dropdown-close, .dropdown .dropdown-menu .mobile-only {
  display: none;
}
@media screen and (max-width: 800px) {
  .dropdown .dropdown-menu {
    z-index: -999;
    transition: all 0.3s linear;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #e80606;
    padding: 30px;
    padding-top: 60px;
    width: auto;
    max-width: 100%;
  }
  .dropdown .dropdown-menu a {
    color: white;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .dropdown .dropdown-menu #dropdown-close {
    position: absolute;
    font-size: 24px;
    cursor: pointer;
    display: block;
    top: 0;
    left: 15px;
    padding: 15px;
    z-index: 99999;
  }
  .dropdown .dropdown-menu .mobile-only {
    display: block;
  }
}
.dropdown:hover {
  z-index: 999;
}
.dropdown:hover .dropdown-menu {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  z-index: 999;
  pointer-events: auto;
  max-height: 1000px;
}
@media screen and (max-width: 800px) {
  .dropdown:hover .dropdown-menu {
    position: fixed;
  }
}
.dropdown:hover .dropdown-menu.closed {
  opacity: 0;
  z-index: -999;
  pointer-events: none;
  max-height: 0%;
  position: absolute;
}
@media screen and (max-width: 800px) {
  .dropdown input:checked ~ .dropdown-menu {
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
    max-height: 1000px;
    position: fixed;
  }
  .dropdown input:checked ~ .dropdown-menu.closed {
    opacity: 0;
    z-index: -999;
    pointer-events: none;
  }
}

.white-bar .call a,
.white-bar .language a {
  color: inherit;
}

.white-bar .call a:hover,
.white-bar .language a:hover {
  color: #e80606;
}

.compare-prices {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.compare-prices__thead {
  display: none;
}

.compare-prices tr {
  order: 3;
  display: table;
}

.compare-prices .best-price-parent {
  order: 1;
}

.compare-prices .fastest-parent {
  order: 2;
}

.compare-prices__td {
  text-align: center;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.compare-prices__td.compare-prices__logo {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.compare-prices__td form {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .compare-prices__td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .compare-prices__td:not(:first-child) {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
  .compare-prices__td .compare-prices__td-price-box {
    font-size: 0.9rem;
    width: 110px;
  }
}
.compare-prices__td:nth-child(2) {
  width: 40%;
}

.compare-prices__td:nth-child(3) {
  width: 22%;
}

@media screen and (max-width: 1280px) {
  .compare-prices__td:nth-child(3) {
    width: 20%;
  }
}
@media screen and (max-width: 1100px) {
  .compare-prices__td:nth-child(3) {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .compare-prices__td:nth-child(3) {
    font-size: 0.8rem;
  }
}
.compare-prices__td:last-child {
  display: none;
}

@media screen and (max-width: 800px) {
  .compare-prices__td:last-child {
    display: table-cell;
  }
}
.compare-prices tr:hover td {
  background-color: #eee;
  cursor: pointer;
}

.compare-prices__logo {
  width: 18%;
}

@media screen and (max-width: 1280px) {
  .compare-prices__logo {
    width: 20%;
  }
}
.compare-prices__logo-outer {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

@media screen and (max-width: 1280px) {
  .compare-prices__logo-outer {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .compare-prices__logo-outer {
    align-items: center;
  }
}
.compare-prices__logo-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 1rem;
}

.compare-prices__logo-inner img {
  width: 7rem;
}

.compare-prices__logo-inner div {
  color: #e80606;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 0.3rem;
}

.compare-prices__logo-inner div p {
  color: #e80606;
  font-weight: 700;
  margin-bottom: 0;
}

.compare-prices__logo-inner .with {
  font-size: 0.9rem;
}

@media screen and (max-width: 1100px) {
  .compare-prices__logo-inner .with {
    font-size: 0.8rem;
  }
}
.compare-prices__logo .info {
  display: inline-flex;
  width: fit-content;
}

.compare-prices__logo .best-price, .compare-prices__logo .fastest {
  display: none;
}

.compare-prices__logo.best-price .best-price {
  display: flex;
}

.compare-prices__logo.fastest .very-urgent {
  display: grid;
  grid-template-columns: repeat(2, fit-content);
}

.compare-prices__logo.fastest .very-urgent-1 {
  grid-row: 1/2;
  grid-column: 1/2;
  text-align: start;
}

.compare-prices__logo.fastest .very-urgent-2 {
  grid-column: 1/2;
  grid-row: 2/3;
  text-align: start;
}

.compare-prices__logo.fastest .very-urgent-3 {
  grid-column: 2/3;
  grid-row: 1/3;
}

@media screen and (min-width: 1530px) {
  .compare-prices__logo.fastest .very-urgent {
    display: flex;
    flex-direction: row;
    text-wrap: nowrap;
    align-items: center;
  }
  .compare-prices__td.compare-prices__logo {
    padding-right: 0;
  }
}
.compare-prices__from-to {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

.compare-prices__from-to-child:first-child {
  grid-column: 1/4;
  align-self: center;
}

.compare-prices__from-to-child:nth-child(2) {
  grid-column: 4/7;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 16px;
}

.compare-prices__from-to-child:nth-child(2) p {
  color: #e80606;
  margin-bottom: 0;
}

.compare-prices__from-to-child:nth-child(2) svg {
  transform: scale(0.8, 0.5);
  fill: currentColor;
}

.compare-prices__from-to-child:nth-child(3) {
  grid-column: 7/10;
  align-self: center;
}

.compare-prices__from-to-child:nth-child(4) {
  grid-column: 1/4;
}

.compare-prices__from-to-child:last-child {
  grid-column: 7/10;
}

.compare-prices__from-to-child:last-child .delivery-date {
  margin: 0;
}

.compare-prices__from-to-child:first-child svg, .compare-prices__from-to-child:nth-child(3) svg {
  height: 2rem;
  width: 2rem;
  fill: currentColor;
}

.compare-prices__from-to-child:nth-child(4) p:first-child, .compare-prices__from-to-child:last-child p:first-child {
  margin-top: 0.5rem;
  margin-bottom: 2px;
}

.compare-prices__from-to-child:nth-child(4) p:last-child, .compare-prices__from-to-child:last-child p:last-child {
  margin-top: 2px;
}

.compare-prices__from-to-child-red {
  color: #e80606;
}

.compare-prices__from-to-home {
  height: 2.5rem;
}

.compare-prices__from-to-airport {
  transform: scale(2, 2.5);
}

.compare-prices__td-price {
  width: 20%;
}

.compare-prices__td-price div {
  display: flex;
  justify-content: center;
}

.compare-prices__td-price .customized-rates {
  font-weight: 700;
  margin-top: 1rem;
}

.compare-prices__td-price div a {
  color: #fff;
  white-space: pre;
  background-color: #e80606;
  padding: 0.5rem 0.7rem;
  border: 1px solid #e80606;
}

.compare-prices__td-price div a:hover {
  background-color: #fff;
  color: #e80606;
}

.compare-prices__td-price p:first-child {
  margin-top: 8px;
  margin-bottom: 4px;
}

.compare-prices__td-price p:last-child {
  color: #e80606;
  margin-top: 4px;
  margin-bottom: 8px;
}

.compare-prices__td-price-box {
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: #e80606 solid 1px;
  font-weight: 700;
  width: 200px;
}

@media screen and (max-width: 1280px) {
  .compare-prices__td-price-box {
    width: 150px;
  }
}
@media screen and (max-width: 1024px) {
  .compare-prices__td-price-box {
    width: 130px;
  }
}
.compare-prices__button {
  color: #fff;
  background-color: #e80606;
  font-size: 1rem;
  font-weight: 700;
  padding: 7px 25px;
  border: #e80606 solid 1px;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .compare-prices__button {
    font-size: 0.8rem;
    padding: 5px 15px;
  }
}
.compare-prices__button:hover {
  color: #e80606;
  background-color: #fff;
}

.pickup-phone,
.delivery-phone {
  font-size: 13px;
  text-align: start;
  padding: 0 10px;
  color: #939292;
}

@media screen and (max-width: 1024px) {
  .main-content {
    padding: 90px 50px;
  }
}
@media screen and (max-width: 800px) {
  .stacktable {
    max-width: 550px;
  }
}
@media screen and (max-width: 800px) {
  .quotes-table tr td.st-key {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .quotes-table tr .best-price, .quotes-table tr .fastest {
    display: none;
  }
}
.quotes-today-header,
.quotes-next-header {
  padding: 10px 0;
}

@media screen and (max-width: 800px) {
  .quotes-today-header, .quotes-next-header {
    padding: 1.5rem 0;
  }
}
.final-compare {
  margin: 0;
  padding: 90px 100px;
  background-color: #fff;
}

@media screen and (max-width: 800px) {
  .final-compare {
    padding: 28% 3%;
  }
}

.final-compare--header {
  text-align: center;
  text-align: -webkit-center;
  margin: 0 0 1.5rem;
}

@media screen and (max-width: 800px) {
  .final-compare--header {
    margin: 0 0 1rem;
  }
}
.final-compare--header-item {
  max-width: 90%;
}

.final-compare--grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  justify-items: stretch;
  align-items: stretch;
  gap: 20px;
  padding: 0;
  background-color: #fff;
}

@media screen and (max-width: 800px) {
  .final-compare--grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.final-compare--grid-item {
  display: flex;
  flex-direction: column;
  padding: 1.15rem 1.3rem 1.25rem;
  background-color: #ececec;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .final-compare--grid-item {
    padding: 0.9rem 1rem;
  }
}
.final-compare--grid-item .img-header {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.65rem;
  color: #7b7b7b;
  margin: 0 0 0.85rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #ddd;
}

.final-compare--grid-item .img-header h4 {
  margin: 0;
  font-size: 1.05rem;
}

.final-compare--grid-item .img-header svg {
  height: 2rem;
  width: auto;
  flex: 0 0 auto;
}

.final-compare--grid-item ul {
  margin: 0;
}

.final-compare--grid-item ul li {
  margin-bottom: 0.55rem;
}

.final-compare--grid-item ul li:last-child {
  margin-bottom: 0;
}

.final-compare--grid-item ul li.finalize-options-warning {
  margin-top: 1rem;
}

.final-compare--grid-item .ul-inner {
  margin-top: 1rem;
}

.final-compare--grid-item .carriers {
  display: inline-block;
}

.final-compare--grid-item .carriers a:link, .final-compare--grid-item .carriers a:visited {
  color: #f00;
  text-decoration: underline;
  cursor: pointer;
}

.final-compare--grid-item .carriers a:hover, .final-compare--grid-item .carriers a:active {
  color: #333;
}

.final-compare .color-red {
  color: #f00;
  font-weight: 700;
}

.final-compare .options-container .borderless.option label a.color-red:hover {
  text-decoration: underline;
}

.final-compare--options {
  justify-content: flex-start;
}

.final-compare .form.final-compare--button-form {
  width: unset;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 24px;
  padding-right: 24px;
}

.my-shipments {
  display: flex;
  flex-direction: column;
  color: #494948;
  width: 100%;
}

.my-shipments-top,
.my-addresses-top {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  margin-bottom: 1em;
}

.my-shipments-top .my-shipments-search-container,
.my-addresses .my-addresses-search-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 25%;
  min-width: 250px;
}

.my-shipments-top .my-shipments-search,
.my-addresses .my-addresses-search {
  max-width: 320px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #707070;
  border-radius: 50px;
  padding: 0;
  position: relative;
}

.my-shipments-top .my-shipments-search .placeholder-container,
.my-addresses .my-addresses-search .placeholder-container {
  width: 100%;
}

.my-shipments-search .search-input-delete .search-input-search,
.my-addresses-search .search-input-delete .search-input-search {
  margin-bottom: 0;
}

.search-input-search {
  border-radius: 50px;
  padding: 0.5rem 0.7rem;
  border: none;
}

.search-input-search:hover {
  border: none;
  background: none;
}

.search-input-search:hover .fa-search {
  color: #e80606;
  fill: #e80606;
}

.search-input-search .fa-search {
  fill: #494948;
  color: #494948;
}

.my-shipments-search .search-input-delete,
.my-addresses-search .search-input-delete {
  border: none;
  color: #494948;
  background: transparent;
  margin-right: 6px;
  transform: translateX(-100%);
  z-index: -1;
  opacity: 0;
  position: absolute;
}

.my-shipments-search .search-input-delete:hover,
.my-addresses-search .search-input-delete:hover {
  background: none;
  color: #e80606;
}

.my-shipments-search .search-input-delete:active,
.my-addresses-search .search-input-delete:active {
  color: #494948;
}

.my-shipments-search input.my-shipments-search-input,
.my-addresses-search input.my-addresses-search-input {
  width: 100%;
  margin: 0;
  border: none;
  width: 100%;
  padding: 0.5rem 3rem 0.5rem 1rem;
  border-radius: 50px;
}

.my-shipments-search input.my-shipments-search-input:focus,
.my-addresses-search input.my-addresses-search-input:focus {
  border: none;
}

.my-shipments-search input.my-shipments-search-input:focus ~ .search-input-search,
.my-addresses-search input.my-addresses-search-input:focus ~ .search-input-search {
  background-color: rgba(192, 192, 192, 0.1);
}

input.my-shipments-search-input::placeholder,
input.my-addresses-search-input::placeholder {
  color: #BCBCBC;
}

.my-shipments-search button,
.my-addresses-search button {
  margin-bottom: 0;
  position: absolute;
  right: 6px;
  background: inherit;
}

.my-shipments-search.empty-error,
.my-addresses-search.empty-error {
  border-color: #e80606;
}

.my-shipments-search.empty-error .search-input-search .fa,
.my-addresses-search.empty-error .search-input-search .fa {
  color: #e80606;
  fill: #e80606;
}

.my-shipments-search.empty-error input.my-shipments-search-input::placeholder,
.my-addresses-search.empty-error input.my-addresses-search-input::placeholder {
  color: #e80606;
}

.my-shipments-top-empty,
.my-addresses-top-empty {
  width: 25%;
}

.my-shipments-title,
.my-addresses-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 50%;
}

.my-shipments-title h1,
.my-addresses-title h1 {
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  .my-shipments-top,
  .my-addresses-top {
    flex-direction: column;
    gap: 1em;
  }
  .my-shipments-top-empty,
  .my-addresses-top-empty {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .main-content .title.my-shipments-title,
  .main-content .title.my-addresses-title {
    margin-bottom: 3em;
    flex-direction: column;
  }
}
.my-shipments-title > *,
.my-addresses-title > * {
  display: inline-flex;
}

.my-shipments-title > div,
.my-addresses-title > div {
  gap: 0.5rem;
}

.my-shipments-title button,
.my-addresses-title button {
  border-color: transparent;
  margin-bottom: unset;
}

.my-shipments-title button.selected,
.my-addresses-title button.selected {
  background-color: #e80606;
  color: #fff;
}

.my-shipments-title button[disabled]:hover,
.my-addresses-title button[disabled]:hover {
  background: none;
  color: unset;
  cursor: not-allowed;
}

.table tr.search_history-year td {
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  padding: 2rem;
}

table.my-shipments-table:not(.table-grid-view) {
  table-layout: fixed;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:first-child {
  width: 12%;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:nth-child(2) {
  width: 21%;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:nth-child(3) {
  width: 16%;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:nth-child(4) {
  width: 13%;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:nth-child(5) {
  width: 10%;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:nth-child(6) {
  width: 15%;
}

table.my-shipments-table:not(.table-grid-view) colgroup col:last-child {
  width: 13%;
}

.my-shipments__thead-buttons th {
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.my-shipments__thead-buttons .thead-button {
  margin-bottom: 0;
  border-bottom: 1px solid #aaa;
  position: relative;
  color: #aaa;
  width: 150px;
  min-width: fit-content;
}

.my-shipments__thead-buttons .thead-button-group {
  display: flex;
  justify-content: center;
  gap: 1em;
  overflow: hidden;
  margin-bottom: 1em;
}

.my-shipments__thead-buttons .thead-button.selected {
  border-bottom: 1px solid transparent;
  color: #494948;
}

.my-shipments__thead-buttons .thead-button.selected::after {
  content: "";
  display: block;
  border-bottom: 1px solid #aaa;
  width: 2000px;
  bottom: 0;
  padding-bottom: 20px;
  position: absolute;
  right: 0;
  transform: translateX(-7.4%) translateY(1px);
  z-index: -1;
}

.my-shipments__thead-buttons .thead-button.selected::before {
  content: "";
  display: block;
  border-bottom: 1px solid #aaa;
  width: 2000px;
  transform: translateX(100%);
  bottom: 0;
  padding-bottom: 20px;
  position: absolute;
  left: 0;
  transform: scale(-1, 1);
  transform: scale(-1, 1) translateX(-7.4%) translateY(1px);
  z-index: -1;
}

.my-shipments__thead-buttons .thead-button:hover {
  color: #fff;
}

.my-shipments__thead-buttons .filters {
  margin-bottom: 1em;
  display: none;
}

.my-shipments__thead-buttons.archive .filters {
  display: block;
}

.my-shipments__thead-buttons .messaging-tab-btn.has-chat {
  display: inline-block;
}

.my-shipments__thead-buttons .messaging-tab-btn {
  display: none;
}

.my-shipments__thead-buttons .messaging-tab-btn.clicked-link {
  display: inline-block;
}

.my-shipments__thead-hide th {
  border-top: none;
}

.my-shipments__thead-hide th:nth-child(3) {
  padding-left: 1.5rem;
}

.my-shipments__thead-hide th:nth-child(5) {
  padding-left: 1.8rem;
}

#my-shipments #shipments-table tr.my-shipments__thead-hide th:nth-child(2),
#my-shipments #shipments-table tr.my-shipments__thead-hide th:nth-child(6) {
  text-align: center;
}

.my-shipments tr {
  order: 3;
  display: table;
}

.my-shipments__td {
  text-align: center;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.my-shipments__td form {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .my-shipments__td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .my-shipments__td:not(:first-child) {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}
.my-shipments__td:nth-child(2) {
  width: 21%;
}

.my-shipments__td:nth-child(3) {
  width: 10%;
  text-align: left;
  width: 30%;
}

.my-shipments__td:nth-child(4) {
  width: 14%;
}

.my-shipments__td:nth-child(5) {
  width: 20%;
  text-align: left;
}

.my-shipments__td:nth-child(6) {
  width: 14%;
}

.my-shipments__td:last-child {
  width: 3%;
}

#my-shipments #shipments-table #shipments-body tr.my-shipments__no-shipment {
  border: none;
}

#my-shipments #shipments-table #shipments-body tr.my-shipments__no-shipment:hover {
  background-color: unset;
}

#my-shipments #shipments-table #shipments-body tr.my-shipments__no-shipment td {
  text-align: center;
  font-size: 32px;
  color: #777;
  font-style: italic;
  border: none;
  padding-top: 7vh;
  padding-bottom: 15vh;
}

@media screen and (max-width: 800px) {
  .my-shipments__td:last-child {
    display: table-cell;
  }
}
.my-shipments tr:hover {
  background-color: #eee;
  cursor: pointer;
}

.my-shipments tr:hover td {
  background-color: #eee;
}

.my-shipments__logo {
  width: 18%;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

@media screen and (max-width: 1280px) {
  .my-shipments__logo {
    width: 20%;
  }
}
.my-shipments__logo-outer {
  margin-left: 1em;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

@media screen and (max-width: 1280px) {
  .my-shipments__logo-outer {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .my-shipments__logo-outer {
    align-items: center;
  }
}
.my-shipments__logo-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1em;
}

.my-shipments__logo-inner img {
  width: 7em;
}

.my-shipments__logo-inner div {
  color: #e80606;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 0.3em;
}

.my-shipments__logo-inner div p {
  color: #e80606;
  font-weight: 700;
  margin-bottom: 0;
}

.my-shipments__logo .info {
  display: inline-flex;
  width: fit-content;
}

.my-shipments__from-to {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}

.my-shipments__from-to-child {
  height: 6.5em;
  width: 6.7em;
  border: 1px solid #494948;
}

.my-shipments__from-to-child > p {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  height: 1.81em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.my-shipments__from-to-child > div {
  padding: 0;
  line-height: 1.2;
}

.my-shipments__from-to-day {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.my-shipments__from-to-time {
  margin: 0;
}

.my-shipments__from-to-arrow {
  display: flex;
  align-items: center;
}

.my-shipments__from-to-arrow .my-shipment-svg {
  height: 2.5em;
  width: 2.5em;
}

.my-shipments__from-month {
  background-color: #e80606;
}

.my-shipments__to-month {
  background-color: #494948;
}

.my-shipments__address p {
  margin-bottom: 0;
  margin-top: 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.my-shipments__tracking {
  margin: 0.5em 0;
  text-align: start;
}

.modal .my-shipments__tracking {
  text-align: left;
}

.shipments__tracking-two {
  animation: hideButton 0.5s backwards;
}

.shipments__tracking-two.hideThis {
  animation: hideButton 0.5s forwards;
}

.my-shipments__td-track > div {
  display: flex;
  flex-direction: column;
  width: min-content;
}

.shipments__tracking-plus {
  display: flex;
  gap: 1em;
  padding: 0.3em;
  align-items: center;
}

.shipments__tracking-plus:hover {
  background-color: #eee;
  cursor: pointer;
}

.shipments__tracking-plus:hover span {
  color: #e80606;
}

.shipments__tracking-plus:hover .fa {
  color: #e80606;
  fill: #e80606;
}

.shipments__tracking-plus > div {
  position: relative;
}

.shipments__tracking-plus .tracking-more {
  position: unset;
}

.shipments__tracking-plus .tracking-less {
  position: absolute;
  opacity: 0;
  display: none;
}

.shipments__tracking-plus.hideThis .tracking-more {
  position: absolute;
  animation: hideButton 0.2s forwards;
}

.shipments__tracking-plus.hideThis .tracking-less {
  opacity: 1;
  display: inline-block;
  position: unset;
}

.shipments__tracking-plus.hideThis .fa {
  transition: all 0.4s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@keyframes hideButton {
  0% {
    opacity: 1;
    display: inline-block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.my-shipments__tracking.margin-bottom-zero {
  margin-bottom: 0;
}

.my-shipments__documents > a,
.my-shipments__documents > .my-shipments__documents-total {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: inherit;
}

.my-shipments__documents > a:hover {
  color: #e80606;
}

.my-shipments__documents a span {
  display: inline-flex;
}

.my-shipments__documents a p {
  margin-bottom: 0;
}

.my-shipments__td.my-shipments__td-chat > div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.my-shipments__status {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.my-shipments__status > * {
  padding: 1px 6px;
}

.my-shipments__status-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.my-shipments__status-message {
  background: none;
  outline: none;
  border: none;
}

.my-shipments__status-message .content {
  text-decoration: underline;
  font-weight: 400;
}

.my-shipments__status-message:hover .content {
  color: #e80606;
  text-decoration-color: #e80606;
}

.my-shipments__status span {
  display: inline-flex;
}

.my-shipments__status p {
  margin-bottom: 0;
}

.my-shipments__status .map-icon {
  height: 1.5em;
  width: 1.5em;
}

.my-shipments__status .bi-exclamation-triangle-fill {
  fill: #e80606;
  color: #e80606;
}

.my-shipments__status .bi-check-circle-fill {
  fill: #39A300;
  color: #39A300;
}

.my-shipments__status .custom-icon {
  width: 1.1em;
}

.my-shipments__chat {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5em;
  margin: 0.5em 0;
}

.my-shipments__chat .custom-icon {
  width: 1.1em;
  max-height: 1em;
}

.my-shipments__chat button {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  text-decoration: underline;
  font-weight: 400;
}

.my-shipments__chat button:hover {
  color: #e80606;
}

.my-shipments__button-parent {
  margin-right: 20px;
  text-align: end;
}

.my-shipments__button .dropdown-toggle {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  padding: 7px;
  border: none;
  cursor: pointer;
  color: inherit;
}

.my-shipments__button button.dropdown-toggle,
.my-shipments__button button.dropdown-toggle:hover,
.my-shipments__button button.dropdown-toggle:focus {
  border: 1px solid;
  padding: 0.5rem 1.8rem;
  padding-right: 0.8rem;
}

.my-shipments__button button.dropdown-toggle[aria-expanded=true] .bi::before {
  transition: all 0.4s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 1024px) {
  .my-shipments__button .dropdown-toggle {
    font-size: 0.8rem;
    padding: 5px 15px;
  }
}
.my-shipments__button .dropdown-toggle:hover, .my-shipments__button .dropdown-toggle:focus, .my-shipments__button .dropdown-toggle:active {
  color: #e80606;
  background-color: transparent;
  border: none;
  outline: 0 none;
}

.my-shipments__button > .btn.dropdown-toggle {
  border-radius: 0;
}

.my-shipments__button .btn.dropdown-toggle::before,
.my-shipments__button .btn.dropdown-toggle::after {
  display: none;
}

.my-shipments__button .btn.focus, .my-shipments__button .btn:focus {
  box-shadow: none;
}

.my-shipments__button .dropdown-menu {
  width: max-content;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  overflow: hidden;
  border: 1px solid #000;
  border-radius: 0;
}

.my-shipments__button .dropdown-menu li:hover {
  background-color: #e80606;
  color: #fff;
  fill: #fff;
}

.my-shipments__button .dropdown-menu li button,
.my-shipments__button .dropdown-menu li a {
  padding: 0.5rem 1.5em;
  width: 100%;
  display: flex;
  gap: 1rem;
  background: none;
  color: inherit;
  font-weight: 400;
  border: none;
  cursor: pointer;
}

.my-shipments__button .dropdown-menu li:last-child button,
.my-shipments__button .dropdown-menu li:last-child a {
  margin-bottom: 0;
}

.my-shipments__button .dropdown-menu li a:hover {
  text-decoration: none;
}

.my-shipments__button .dropdown-menu li.divider {
  background-color: unset;
  pointer-events: none;
  padding: 0.5rem 0;
  position: relative;
}

.my-shipments__button .dropdown-menu .divider,
.my-shipments__button .dropdown-menu .divider > * {
  cursor: default;
}

.my-shipments__button .dropdown-menu .divider:before {
  content: "";
  position: absolute;
  border: solid 1px #eee;
  width: 200%;
  transform: translateX(-25%);
}

.my-shipments__button .dropdown-menu .custom-icon {
  width: 1.1rem;
  height: 1.5rem;
}

.my-shipments__button .modal .modal-header {
  flex-direction: column;
  align-items: center;
  position: relative;
}

.my-shipments__button .modal .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: 0;
}

.my-shipments__button .modal .modal-title {
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.my-shipments__button .modal .modal-body {
  font-size: 14px;
}

.my-shipments__button .modal .modal-body .my-shipments__td:first-child {
  align-items: center;
  padding-top: unset;
}

.my-shipments__button .modal .modal-body .my-shipments__td .my-shipments__from-to {
  font-size: 12px;
  align-self: center;
}

.my-shipments__button .modal .modal-body .my-shipments__td:last-child {
  padding-right: 1em;
  padding-bottom: unset;
}

.my-shipments__button .modal .current-shipment {
  display: flex;
  align-items: center;
  background-color: rgba(73, 73, 72, 0.0509803922);
  margin-bottom: 2em;
}

.my-shipments__button .modal .current-shipment .my-shipments__td:first-child {
  width: 33%;
}

.my-shipments__button .modal .current-shipment .my-shipments__td:nth-child(2) {
  width: 34%;
}

.my-shipments__button .modal .current-shipment .my-shipments__td:nth-child(3) {
  width: 33%;
}

.my-shipments__button .modal .current-shipment .my-shipments__td:last-child {
  display: none;
}

.my-shipments__button .modal .current-shipment .my-shipments__td {
  display: flex;
  justify-content: center;
}

.my-shipments__button .modal .current-shipment .my-shipments__td .my-shipments__address {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.my-shipments__button .modal .content-warning {
  color: #e80606;
  background-color: rgba(255, 0, 0, 0.0509803922);
  border: 1px solid #e80606;
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
  padding: 0.7em 1.5em;
  font-size: 1.22em;
  margin-bottom: 2em;
}

.my-shipments__button .modal .content-warning span {
  font-size: 1.75em;
}

.my-shipments__button .modal .content-warning p {
  padding: 0;
  margin: 0;
  font-weight: 500;
  text-align: center;
}

.my-shipments__button .modal .content-form {
  margin: 1em;
}

.my-shipments__button .modal .content-form .question-label {
  text-align: start;
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.5em;
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}

.my-shipments__button .modal .content-form .question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 1em 0;
}

.my-shipments__button .modal .content-form .question-one-checkbox {
  margin: 0 1em;
}

.my-shipments__button .modal .content-form .question-two-textarea,
.my-shipments__button .modal .content-form .question-four-textarea,
.my-shipments__button .modal .content-form .question-seven-textarea {
  resize: none;
  width: calc(100% - 2em);
  margin: 0 1em;
}

.my-shipments__button .modal .content-form .question-three,
.my-shipments__button .modal .content-form .question-five,
.my-shipments__button .modal .content-form .question-six {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
}

.my-shipments__button .modal .content-form .question-three .question-label,
.my-shipments__button .modal .content-form .question-five .question-label,
.my-shipments__button .modal .content-form .question-six .question-label {
  margin: 0;
}

.my-shipments__button .modal .content-form .question-three-input,
.my-shipments__button .modal .content-form .question-six-input {
  max-width: 30%;
}

.my-shipments__button .modal .content-form .question-eight .question-eight-content,
.my-shipments__button .modal .content-form .question-eight .question-nine-content,
.my-shipments__button .modal .content-form .question-eight .question-ten-content,
.my-shipments__button .modal .content-form .question-nine .question-eight-content,
.my-shipments__button .modal .content-form .question-nine .question-nine-content,
.my-shipments__button .modal .content-form .question-nine .question-ten-content,
.my-shipments__button .modal .content-form .question-ten .question-eight-content,
.my-shipments__button .modal .content-form .question-ten .question-nine-content,
.my-shipments__button .modal .content-form .question-ten .question-ten-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% - 2em);
  margin: 0 1em;
  flex-direction: row-reverse;
}

.my-shipments__button .modal .content-form .question-eight .question-eight-file-wrap,
.my-shipments__button .modal .content-form .question-eight .question-nine-file-wrap,
.my-shipments__button .modal .content-form .question-eight .question-ten-file-wrap,
.my-shipments__button .modal .content-form .question-nine .question-eight-file-wrap,
.my-shipments__button .modal .content-form .question-nine .question-nine-file-wrap,
.my-shipments__button .modal .content-form .question-nine .question-ten-file-wrap,
.my-shipments__button .modal .content-form .question-ten .question-eight-file-wrap,
.my-shipments__button .modal .content-form .question-ten .question-nine-file-wrap,
.my-shipments__button .modal .content-form .question-ten .question-ten-file-wrap {
  display: flex;
  gap: 2em;
}

.my-shipments__button .modal .content-form .question-eight .question-eight-file,
.my-shipments__button .modal .content-form .question-eight .question-nine-file,
.my-shipments__button .modal .content-form .question-eight .question-ten-file,
.my-shipments__button .modal .content-form .question-nine .question-eight-file,
.my-shipments__button .modal .content-form .question-nine .question-nine-file,
.my-shipments__button .modal .content-form .question-nine .question-ten-file,
.my-shipments__button .modal .content-form .question-ten .question-eight-file,
.my-shipments__button .modal .content-form .question-ten .question-nine-file,
.my-shipments__button .modal .content-form .question-ten .question-ten-file {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}

.my-shipments__button .modal .content-form .question-eight .question-eight-file a,
.my-shipments__button .modal .content-form .question-eight .question-nine-file a,
.my-shipments__button .modal .content-form .question-eight .question-ten-file a,
.my-shipments__button .modal .content-form .question-nine .question-eight-file a,
.my-shipments__button .modal .content-form .question-nine .question-nine-file a,
.my-shipments__button .modal .content-form .question-nine .question-ten-file a,
.my-shipments__button .modal .content-form .question-ten .question-eight-file a,
.my-shipments__button .modal .content-form .question-ten .question-nine-file a,
.my-shipments__button .modal .content-form .question-ten .question-ten-file a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: inherit;
}

.my-shipments__button .modal .content-form .question-eight .question-eight-file:hover,
.my-shipments__button .modal .content-form .question-eight .question-eight-add-file:hover,
.my-shipments__button .modal .content-form .question-eight .question-nine-file:hover,
.my-shipments__button .modal .content-form .question-eight .question-nine-add-file:hover,
.my-shipments__button .modal .content-form .question-eight .question-ten-file:hover,
.my-shipments__button .modal .content-form .question-eight .question-ten-add-file:hover,
.my-shipments__button .modal .content-form .question-nine .question-eight-file:hover,
.my-shipments__button .modal .content-form .question-nine .question-eight-add-file:hover,
.my-shipments__button .modal .content-form .question-nine .question-nine-file:hover,
.my-shipments__button .modal .content-form .question-nine .question-nine-add-file:hover,
.my-shipments__button .modal .content-form .question-nine .question-ten-file:hover,
.my-shipments__button .modal .content-form .question-nine .question-ten-add-file:hover,
.my-shipments__button .modal .content-form .question-ten .question-eight-file:hover,
.my-shipments__button .modal .content-form .question-ten .question-eight-add-file:hover,
.my-shipments__button .modal .content-form .question-ten .question-nine-file:hover,
.my-shipments__button .modal .content-form .question-ten .question-nine-add-file:hover,
.my-shipments__button .modal .content-form .question-ten .question-ten-file:hover,
.my-shipments__button .modal .content-form .question-ten .question-ten-add-file:hover {
  color: #e80606;
}

.my-shipments__button .modal .content-form .question-eight .question-description,
.my-shipments__button .modal .content-form .question-nine .question-description,
.my-shipments__button .modal .content-form .question-ten .question-description {
  color: #ccc;
}

.my-shipments__button .modal .content-form .question-eight .question-eight-add-file,
.my-shipments__button .modal .content-form .question-eight .question-nine-add-file,
.my-shipments__button .modal .content-form .question-eight .question-ten-add-file,
.my-shipments__button .modal .content-form .question-nine .question-eight-add-file,
.my-shipments__button .modal .content-form .question-nine .question-nine-add-file,
.my-shipments__button .modal .content-form .question-nine .question-ten-add-file,
.my-shipments__button .modal .content-form .question-ten .question-eight-add-file,
.my-shipments__button .modal .content-form .question-ten .question-nine-add-file,
.my-shipments__button .modal .content-form .question-ten .question-ten-add-file {
  text-decoration: underline;
  background: unset;
  outline: none;
  border: none;
}

.my-shipments__button .modal .content-form .question-nine .question-nine-file {
  color: #e80606;
}

.my-shipments__button .modal .message-body {
  margin-bottom: 1em;
}

.my-shipments__button .modal .message-list {
  display: flex;
  flex-direction: column;
  gap: 4em;
  padding: 3em;
}

.my-shipments__button .modal .message-item {
  display: grid;
  grid-template-columns: 5em 1fr 5em;
}

.my-shipments__button .modal .message-item-profile {
  grid-area: 1/1/2/2;
  font-size: 3em;
  position: relative;
}

.my-shipments__button .modal .message-item-profile > div {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-16px, -24px);
}

.my-shipments__button .modal .message-item-info {
  grid-area: 1/2/2/3;
  justify-self: flex-start;
  display: flex;
  gap: 1em;
}

.my-shipments__button .modal .message-item-info > * {
  display: inline-flex;
  align-items: center;
}

.my-shipments__button .modal .message-item-info-name {
  font-weight: 700;
}

.my-shipments__button .modal .current-user .message-item-info-name {
  order: 2;
}

.my-shipments__button .modal .message-item-info-date {
  color: #8A8A8A;
}

.my-shipments__button .modal .message-item-msg {
  grid-area: 2/2/3/3;
  justify-self: flex-start;
  text-align: start;
  width: 100%;
  margin-top: 1em;
}

.my-shipments__button .modal .current-user .message-item-msg {
  display: flex;
  justify-content: flex-end;
}

.my-shipments__button .modal .message-item-wrap {
  max-width: 60%;
  text-align: start;
}

.my-shipments__button .modal .message-item-wrap p {
  width: fit-content;
  text-align: start;
}

.my-shipments__button .modal .current-user .message-item-wrap p {
  text-align: end;
}

.my-shipments__button .modal .message-item.current-user {
  grid-template-columns: 5em 1fr 5em;
}

.my-shipments__button .modal .message-item.current-user .message-item-profile {
  grid-area: 1/3/2/4;
}

.my-shipments__button .modal .message-item.current-user .message-item-info {
  grid-area: 1/2/2/3;
  justify-self: flex-end;
}

.my-shipments__button .modal .message-item.current-user .message-item-msg {
  grid-area: 2/2/3/3;
  text-align: end;
}

.my-shipments__button .modal .message-item .bi {
  filter: invert(0.5);
}

.my-shipments__button .modal .message-write {
  display: flex;
  flex-direction: column;
  border: 1px solid #BCBCBC;
  margin: 0 10%;
  position: relative;
}

.my-shipments__button .modal .message-write-error,
.my-shipments__button .modal .message-get-error {
  color: red;
  font-weight: 700;
  text-align: center;
}

.my-shipments__button .modal .message-write:focus-within {
  border-color: #333;
}

.my-shipments__button .modal .message-write textarea {
  resize: none;
  padding: 1em;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.my-shipments__button .modal .message-write button {
  border: none;
  outline: none;
  background: none;
  font-size: 0.8em;
  color: #8A8A8A;
  width: fit-content;
  padding: 0.5em 0.7em;
  align-self: self-end;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  margin-bottom: 0.7em;
  margin-right: 1.5em;
  padding: 0.3em;
}

.my-shipments__button .modal .message-write button:hover {
  color: #e80606;
  backdrop-filter: blur(2px);
}

.my-shipments__button .modal .message-write button:active {
  color: #000;
}

.my-shipments__button .modal .reschedule-body .btn-outline-dark:not(:disabled):not(.disabled).active, .my-shipments__button .modal .reschedule-body .btn-outline-dark:not(:disabled):not(.disabled):active, .my-shipments__button .modal .reschedule-body .show > .btn-outline-dark.dropdown-toggle,
.my-shipments__button .modal .edit-pickup-body .btn-outline-dark:not(:disabled):not(.disabled).active,
.my-shipments__button .modal .edit-pickup-body .btn-outline-dark:not(:disabled):not(.disabled):active,
.my-shipments__button .modal .edit-pickup-body .show > .btn-outline-dark.dropdown-toggle {
  background-color: #e80606;
  border-color: #e80606;
}

.my-shipments__button .modal .reschedule-body .btn-outline-danger,
.my-shipments__button .modal .choose_pickup_date label:has(input[type=radio]:checked),
.my-shipments__button .modal .choose_pickup_date label:has(.Checked),
.my-shipments__button .modal .edit-pickup-body .btn-outline-danger {
  border-width: 3px;
}

.my-shipments__button .modal .reschedule-day-button, .my-shipments__button .modal .reschedule-time-button,
.my-shipments__button .modal .edit-pickup-day-button,
.my-shipments__button .modal .choose_pickup_date label,
.my-shipments__button .modal .edit-pickup-time-button {
  min-width: 10em;
  min-height: 4em;
}

.my-shipments__button .modal .reschedule-day-button-group, .my-shipments__button .modal .reschedule-time-button-group,
.my-shipments__button .modal .edit-pickup-day-button-group,
.my-shipments__button .modal .choose_pickup_date,
.my-shipments__button .modal .edit-pickup-time-button-group {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-bottom: 2em;
}

.my-shipments__button .modal .reschedule-day-button:hover, .my-shipments__button .modal .reschedule-time-button:hover,
.my-shipments__button .modal .edit-pickup-day-button:hover,
.my-shipments__button .modal .choose_pickup_date label:hover,
.my-shipments__button .modal .edit-pickup-time-button:hover {
  background-color: #e80606;
  border-color: #e80606;
}

.my-shipments__button .modal .reschedule-personal p,
.my-shipments__button .modal .edit-pickup-personal p {
  margin-bottom: unset;
}

.my-shipments__button .modal .reschedule-personal-label,
.my-shipments__button .modal .edit-pickup-personal-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.my-shipments__button .modal .reschedule-personal-label.other-info-label,
.my-shipments__button .modal .edit-pickup-personal-label.other-info-label {
  align-items: unset;
  padding-top: 0.4em;
}

.my-shipments__button .modal .reschedule-personal-input,
.my-shipments__button .modal .edit-pickup-personal-input {
  text-align: start;
}

.my-shipments__button .modal .reschedule-personal-input input,
.my-shipments__button .modal .edit-pickup-personal-input input {
  min-width: 80%;
  padding: 0.4em 0.8em;
}

.my-shipments__button .modal .reschedule-personal-input textarea,
.my-shipments__button .modal .edit-pickup-personal-input textarea {
  min-width: 80%;
  padding: 0.4em 0.8em;
  resize: none;
}

.my-shipments__button .modal .reschedule-personal .row,
.my-shipments__button .modal .edit-pickup-personal .row {
  margin-bottom: 1em;
}

.my-shipments__button .modal .modal-footer,
.my-address__button .modal .modal-footer {
  justify-content: center;
  gap: 0.5rem;
}

.my-shipments__button .modal .modal-footer button,
.my-address__button .modal .modal-footer button {
  padding: 0.5rem 2rem;
  border: 1px solid #000;
  border-radius: 0;
  background: #fff;
}

.my-shipments__button .modal .modal-footer button:hover,
.my-address__button .modal .modal-footer button:hover {
  background: #e2e6ea;
}

.my-shipments__button .modal .modal-footer .save,
.my-address__button .modal .modal-footer .cancel {
  background-color: none;
}

.my-shipments__button .modal .modal-footer .report,
.my-address__button .modal .modal-footer .submit {
  background-color: #e80606;
  border-color: #e80606;
}

.my-shipments__button .modal .modal-footer .report:hover,
.my-address__button .modal .modal-footer .submit:hover {
  background-color: #c6000d;
  border-color: #c6000d;
}

.my-shipments-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 19em);
  grid-gap: 1em;
  justify-content: center;
  margin-top: 2rem;
}

.my-shipments-grid tr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #eee;
}

.my-shipments-grid tr td {
  padding: unset;
}

.my-shipments-grid .my-shipments__td {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  border: none;
  padding-left: inherit;
  padding-right: inherit;
}

.my-shipments-grid .my-shipments__td:first-child {
  padding-top: 2rem;
}

.my-shipments-grid .my-shipments__td:last-child {
  padding-bottom: 2rem;
}

.my-shipments-grid .my-shipments__address, .my-shipments-grid .my-shipments__td:nth-child(4), .my-shipments-grid .my-shipments__documents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.my-shipments-grid .my-shipments__td-track > div {
  justify-content: center;
}

.my-shipments-grid .my-shipments__td.my-shipments__td-chat {
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
}

.my-shipments-grid .my-shipments__documents {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.my-shipments-grid .my-shipments__button-parent {
  margin-right: 0;
}

.my-shipments-grid .my-shipments__button button.dropdown-toggle .my-shipment-svg:hover,
.my-shipments-grid .my-shipments__button button.dropdown-toggle:hover .my-shipment-svg:hover,
.my-shipments-grid .my-shipments__button button.dropdown-toggle:focus .my-shipment-svg:hover {
  color: inherit;
}

.my-shipments-grid .my-shipments__button .bi {
  vertical-align: middle;
}

.my-shipments-grid .search_history-year {
  grid-column: 1/-1;
}

.my-shipments-grid .search_history-year:first-child {
  margin-top: -2rem;
}

#my-shipments #shipments-table tr.my-shipments__thead-buttons th {
  border: none;
}

.table tr td.my-shipments__td {
  vertical-align: middle;
}

#my-shipments #shipments-table #shipments-body tr {
  background: unset;
}

#my-shipments .search-more-results {
  text-align: center;
}

#my-shipments .search-more-results-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 6em;
  padding-right: 6em;
}

@media screen and (max-width: 800px) {
  .my-shipments__button .modal .modal-header {
    padding: 0.5em;
  }
  .my-shipments__button .modal .modal-header .close {
    padding: 0.6em;
  }
  .my-shipments__button .modal .modal-title {
    margin: 0;
  }
  .my-shipments__button .modal .content-form .question-three,
  .my-shipments__button .modal .content-form .question-five,
  .my-shipments__button .modal .content-form .question-six {
    flex-direction: column;
    align-items: flex-start;
  }
  .my-shipments__button .modal .content-form .question-three input,
  .my-shipments__button .modal .content-form .question-six input {
    width: 100%;
  }
  .my-shipments__button .modal .content-form .question-seven .flex-row {
    flex-direction: column !important;
  }
  .my-shipments__button .modal .content-form .question-eight .question-eight-content,
  .my-shipments__button .modal .content-form .question-nine .question-nine-content,
  .my-shipments__button .modal .content-form .question-ten .question-ten-content {
    flex-direction: column;
  }
}
.my-address {
  color: #494948;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1280px) {
  .my-address {
    width: 100%;
  }
}
.my-address-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.my-address-title h1 {
  font-weight: 700;
}

.my-address-title > * {
  display: inline-flex;
}

.my-address-title > div {
  gap: 0.5rem;
}

.my-address-title button {
  border-color: transparent;
  margin-bottom: unset;
}

.my-address-title button.selected {
  background-color: #e80606;
  color: #fff;
}

.my-address tbody {
  max-height: 37.5em;
  overflow-y: scroll;
}

.my-address tr {
  border-bottom: solid 1px #BCBCBC;
  margin: 0 auto;
}

.table tr td.my-address__td {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  vertical-align: middle;
}

.my-address__td p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1100px) {
  .my-address__td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.my-address__thead {
  color: #BCBCBC;
  text-align: center;
}

.my-address__thead-grid {
  display: none;
}

.my-address__thead tr:hover {
  background: none;
  cursor: default;
}

.my-addresses .addresses tr.search-not-found-tr {
  border-bottom: none;
}

.my-addresses .tablesorter-header-inner {
  text-wrap: nowrap;
}

.my-addresses .search-not-found-tr p {
  font-size: 22px;
  text-align: center;
  padding: 3em 0;
}

.my-addresses .search-not-found-term {
  color: #e80606;
}

.my-address__button-parent {
  margin-right: 20px;
}

.my-address__button-parent .modal .modal-header {
  flex-direction: column;
  align-items: center;
  position: relative;
}

.my-address__button-parent .modal .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: 0;
}

.my-address__button-parent .modal .modal-title {
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.my-address__button-parent .modal .modal-body {
  font-size: 14px;
}

.my-address__button-parent .modal-footer {
  justify-content: center;
  gap: 0.5rem;
}

.my-address__button-parent .modal-footer button {
  padding: 0.5rem 2rem;
}

.my-address__button-parent .modal-footer .save {
  border: 1px solid #BCBCBC;
  background-color: none;
}

.my-address__button-parent .modal-footer .report {
  background-color: #e80606;
}

.my-address__button .dropdown-toggle {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  padding: 7px;
  border: none;
  cursor: pointer;
  color: inherit;
}

@media screen and (max-width: 1024px) {
  .my-address__button .dropdown-toggle {
    font-size: 0.8rem;
    padding: 5px 15px;
  }
}
.my-address__button .dropdown-toggle:hover, .my-address__button .dropdown-toggle:focus, .my-address__button .dropdown-toggle:active {
  color: #e80606;
  background-color: transparent;
  border: none;
  outline: 0 none;
}

.my-address__button .btn.dropdown-toggle::before,
.my-address__button .btn.dropdown-toggle::after {
  display: none;
}

.my-address__button .btn.focus, .my-address__button .btn:focus {
  box-shadow: none;
}

.my-address__button .dropdown-menu {
  width: max-content;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  overflow: hidden;
}

.my-address__button .dropdown-menu li button {
  padding: 0.5rem 1.5em;
  width: 100%;
  display: flex;
  gap: 1rem;
  background: none;
  color: inherit;
  font-weight: 400;
  border: none;
  cursor: pointer;
}

.my-address__button .dropdown-menu li.divider {
  background-color: unset;
  pointer-events: none;
  padding: 0.5rem 0;
  position: relative;
}

.my-address__button .dropdown-menu .divider,
.my-address__button .dropdown-menu .divider > * {
  cursor: default;
}

.my-address__button .dropdown-menu .divider:before {
  content: "";
  position: absolute;
  border: solid 1px #eee;
  width: 200%;
  transform: translateX(-25%);
}

.my-address__button .dropdown-menu .custom-icon {
  width: 1.1rem;
}

.my-address-grid {
  width: 100%;
  max-width: 82em;
}

.my-address-grid tbody {
  display: grid;
  grid-template-columns: repeat(auto-fit, 19em);
  grid-gap: 1em;
  justify-content: center;
  margin-top: 2rem;
}

.my-address-grid tr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1.5em 2em;
  border: 1px solid #BCBCBC;
  width: 18em;
}

.my-address-grid tr td {
  padding: unset;
}

.my-address-grid .my-address {
  display: flex;
  flex-direction: column;
}

.my-address-grid .my-address__td {
  display: flex;
  justify-content: center;
  border: none;
}

.my-address-grid .my-address__phone {
  margin-top: 1em;
}

.my-address-grid .my-address__email {
  margin-bottom: 1em;
}

.my-address-grid .my-address__button {
  gap: 0.5em;
}

.my-address-grid .my-address__button-edit:hover {
  color: #ffc107;
}

.my-address-grid .my-address__button-delete:hover {
  color: #e80606;
}

.my-address-grid .my-address__button button {
  border-radius: 50%;
  background: none;
  outline: none;
  border: none;
}

.my-address-grid .my-address__button button.dropdown-toggle,
.my-address-grid .my-address__button button.dropdown-toggle:hover,
.my-address-grid .my-address__button button.dropdown-toggle:focus {
  border: 1px solid;
  padding: 0.5rem 1.8rem;
}

.my-address-grid .my-address__button .bi {
  vertical-align: middle;
}

.my-address-grid .my-address__button button.dropdown-toggle[aria-expanded=true] .bi::before {
  transition: all 0.4s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.my-address-grid .search-not-found-tr {
  border-left: none;
  border-right: none;
}

.my-address-grid .search-not-found-tr {
  border: none;
  grid-column: 1/-1;
  width: 100%;
}

.my-address-grid .my-address__td {
  text-align: center;
}

.add-new-address,
.edit-address {
  margin-bottom: 7em;
}

.add-new-address-title,
.edit-address-title {
  text-align: center;
  margin-bottom: 1.5em;
}

.add-new-address p,
.edit-address p {
  margin-bottom: unset;
}

.add-new-address-label,
.edit-address-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.add-new-address-label p,
.edit-address-label p {
  text-align: end;
}

@media screen and (max-width: 800px) {
  .add-new-address-label,
  .edit-address-label {
    justify-content: center;
    margin-bottom: 0.5em;
  }
  .add-new-address-label p,
  .edit-address-label p {
    text-align: center;
  }
}
.add-new-address-input input, .add-new-address-input-dual input,
.edit-address-input input,
.edit-address-input-dual input {
  padding: 0.4em 0.8em;
}

@media screen and (max-width: 800px) {
  .add-new-address-input, .add-new-address-input-dual,
  .edit-address-input,
  .edit-address-input-dual {
    flex-direction: column;
    gap: 0.5em;
  }
}
.add-new-address-input,
.edit-address-input {
  text-align: start;
}

.add-new-address-input input,
.edit-address-input input {
  min-width: 100%;
}

.add-new-address-input-dual,
.edit-address-input-dual {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.edit-address-input-dual > div {
  width: 48.5%;
}

.add-new-address-input-dual input,
.edit-address-input-dual input {
  min-width: 48%;
}

.add-new-address .row,
.edit-address .row {
  justify-content: center;
  margin-bottom: 1em;
}

.add-new-address .row .col-4,
.edit-address .row .col-4 {
  max-width: 200px;
}

.add-new-address .row .col-8,
.edit-address .row .col-8 {
  max-width: 600px;
}

@media screen and (max-width: 800px) {
  .add-new-address .row,
  .edit-address .row {
    flex-direction: column;
    align-items: center;
  }
}
.add-new-address-button-group,
.edit-address-button-group {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 2.5em;
  margin-bottom: 5em;
}

.add-new-address-button.btn,
.edit-address-button.btn {
  padding: 5px 25px;
}

.edit-address {
  margin-top: 1em;
  margin-bottom: 2.5em;
}

.edit-address .edit-address-address .edit-address-street-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.edit-address .edit-address-address .edit-address-street-number > div:first-child {
  width: 20%;
}

.edit-address .edit-address-address .edit-address-street-number > div:last-child {
  width: 77%;
}

@media screen and (max-width: 1024px) {
  .edit-address-label {
    justify-content: center;
    margin-bottom: 0.5em;
  }
  .edit-address-label p {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .edit-address-input, .edit-address-input-dual {
    flex-direction: column;
    gap: 0.5em;
  }
}
@media screen and (max-width: 1024px) {
  .edit-address .row {
    flex-direction: column;
    align-items: center;
  }
}
.my-address-grid-thead {
  display: none;
}

#my-address #address-table #address-body tr {
  background: unset;
}

#my-address #address-table #address-body tr:hover {
  background-color: #eee;
}

.main-content.my-addresses .table {
  min-width: 100%;
}

.main-content.my-addresses .form button {
  width: unset;
}

.main-content.my-addresses .form:not(.fluid) {
  margin: 0;
  width: 25%;
}

.main-content.my-addresses .form .item {
  margin-bottom: 0;
}

.change-password {
  margin-bottom: 7em;
  margin-top: 1em;
  margin-bottom: 2.5em;
}

.change-password p {
  margin-bottom: unset;
}

.change-password-title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 3em;
}

.change-password-title + p {
  text-align: center;
  margin-bottom: 3em;
}

.change-password .change-password-subtitle {
  text-align: center;
  margin-bottom: 2.5em;
}

.change-password-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.change-password-label p {
  text-align: end;
  text-wrap: nowrap;
}

@media screen and (max-width: 1024px) {
  .change-password-label {
    margin-bottom: 0.5em;
  }
  .change-password-label p {
    text-wrap: wrap;
  }
}
@media screen and (max-width: 800px) {
  .change-password-label {
    justify-content: center;
  }
}
.change-password-input {
  text-align: start;
}

.change-password-input input {
  padding: 0.4em 0.8em;
  min-width: 100%;
}

@media screen and (max-width: 1024px) {
  .change-password-input {
    flex-direction: column;
    gap: 0.5em;
  }
}
.change-password .row {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}

.change-password .row .col-4 {
  max-width: 240px;
}

.change-password .row .col-5 {
  max-width: 600px;
}

@media screen and (max-width: 800px) {
  .change-password .row {
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }
  .change-password .row .col-4 {
    max-width: 100%;
  }
}
.change-password-button-group {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 2.5em;
  margin-bottom: 5em;
}

.change-password-button-group button {
  width: 15em;
}

.change-password-button.btn {
  padding: 5px 25px;
}

.change-password .progress-bloc .progress {
  display: none;
}

.change-password .col-5 input {
  width: 95%;
  min-width: 95%;
}

.my-profile {
  display: flex;
  flex-direction: column;
  color: #494948;
  margin-bottom: 5em;
  width: 100%;
}

.my-profile__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5em;
  font-weight: 700;
}

.my-profile tbody {
  max-height: 37.5em;
  overflow-y: scroll;
}

.my-profile tr {
  margin: 0 auto;
}

.my-profile__td {
  text-align: center;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.my-profile__td p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1100px) {
  .my-profile__td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.my-profile .user-management__thead tr:hover {
  background: none;
  cursor: default;
}

.my-profile .user-management__thead tr:hover td {
  background: none;
}

.my-profile__button-parent {
  margin-right: 20px;
}

.my-profile__button-parent .modal .modal-header {
  flex-direction: column;
  align-items: center;
  position: relative;
}

.my-profile__button-parent .modal .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: 0;
}

.my-profile__button-parent .modal .modal-title {
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.my-profile__button-parent .modal .modal-body {
  font-size: 14px;
}

.my-profile__button-parent .modal .modal-body .my-shipments__td:first-child {
  align-items: center;
  padding-top: unset;
}

.my-profile__button-parent .modal .modal-body .my-shipments__td .my-shipments__from-to {
  font-size: 12px;
  align-self: center;
}

.my-profile__button-parent .modal .modal-body .my-shipments__td:last-child {
  padding-right: 1em;
  padding-bottom: unset;
}

.my-profile__button-parent .modal-footer {
  justify-content: center;
  gap: 0.5rem;
}

.my-profile__button-parent .modal-footer button {
  padding: 0.5rem 2rem;
}

.my-profile__button-parent .modal-footer .save {
  border: 1px solid #BCBCBC;
  background-color: none;
}

.my-profile__button-parent .modal-footer .report {
  background-color: #e80606;
}

.my-profile__button .dropdown-toggle {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  padding: 7px;
  border: none;
  cursor: pointer;
  color: inherit;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .my-profile__button .dropdown-toggle {
    font-size: 0.8rem;
    padding: 5px 15px;
  }
}
.my-profile__button .dropdown-toggle:hover, .my-profile__button .dropdown-toggle:focus, .my-profile__button .dropdown-toggle:active {
  color: #e80606;
  background-color: transparent;
  border: none;
  outline: 0 none;
}

.my-profile__button .btn.dropdown-toggle::before,
.my-profile__button .btn.dropdown-toggle::after {
  display: none;
}

.my-profile__button .btn.focus, .my-profile__button .btn:focus {
  box-shadow: none;
}

.my-profile__button .dropdown-menu {
  width: max-content;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  overflow: hidden;
}

.my-profile__button .dropdown-menu li:hover {
  background-color: #eee;
}

.my-profile__button .dropdown-menu li button {
  padding: 0.5rem 1.5em;
  width: 100%;
  display: flex;
  gap: 1rem;
  background: none;
  color: inherit;
  font-weight: 400;
  border: none;
  cursor: pointer;
}

.my-profile__button .dropdown-menu li.divider {
  background-color: unset;
  pointer-events: none;
  padding: 0.5rem 0;
  position: relative;
}

.my-profile__button .dropdown-menu .divider,
.my-profile__button .dropdown-menu .divider > * {
  cursor: default;
}

.my-profile__button .dropdown-menu .divider:before {
  content: "";
  position: absolute;
  border: solid 1px #eee;
  width: 200%;
  transform: translateX(-25%);
}

.my-profile__button .dropdown-menu .custom-icon {
  width: 1.1rem;
}

.my-profile {
  margin-top: 1em;
  margin-bottom: 2.5em;
}

.my-profile-title {
  text-align: center;
  margin-bottom: 1.5em;
}

.my-profile p {
  margin-bottom: unset;
}

.my-profile-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.my-profile-label p {
  text-align: end;
  text-wrap: nowrap;
}

@media screen and (max-width: 1024px) {
  .my-profile-label {
    justify-content: center;
    margin-bottom: 0.5em;
  }
  .my-profile-label p {
    text-align: center;
  }
}
.my-profile-input input, .my-profile-input-dual input {
  padding: 0.4em 0.8em;
}

@media screen and (max-width: 1024px) {
  .my-profile-input, .my-profile-input-dual {
    flex-direction: column;
    gap: 0.5em;
  }
}
.my-profile-input {
  text-align: start;
}

.my-profile-input input {
  min-width: 100%;
}

.my-profile-input-radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5em;
  align-items: center;
}

.my-profile-input-radio input {
  min-width: unset;
}

.my-profile-input .address-line-1 {
  display: flex;
  gap: 1em;
  margin-bottom: 16px;
}

.my-profile-input .address-line-1 > div:first-child {
  width: 100px !important;
}

.my-profile-input .address-line-1 > div {
  display: inline-flex;
}

.my-profile-input-dual {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}

.my-profile-input-dual input {
  min-width: 48%;
}

.my-profile .row {
  justify-content: center;
  margin-bottom: 1em;
}

.my-profile .row .col-4 {
  max-width: 200px;
}

.my-profile .row .col-8 {
  max-width: 600px;
}

@media screen and (max-width: 1024px) {
  .my-profile .row {
    flex-direction: column;
    align-items: center;
  }
}
.my-profile .contact-action {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.my-profile .action button[type=submit] {
  width: 15em;
}

.my-profile .placeholder-container {
  width: 100% !important;
}

.my-profile.invitation .my-profile-title {
  margin-bottom: 0.5em;
}

.my-profile.invitation .my-profile-subtitle {
  text-align: center;
  margin-bottom: 1.5em;
}

.my-profile.invitation .my-profile-label {
  max-width: 50px;
}

.my-profile-button-group {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 2.5em;
  margin-bottom: 5em;
}

.my-profile-button.btn {
  padding: 5px 25px;
}

.user-management {
  width: 700px;
  margin-bottom: 2em;
  color: #494948;
  margin-bottom: 5em;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1024px) {
  .user-management {
    width: 600px;
  }
}
@media screen and (max-width: 800px) {
  .user-management {
    width: 90%;
  }
}
.user-management-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.user-management-title > * {
  display: inline-flex;
}

.user-management-title > div {
  gap: 0.5rem;
}

.user-management-title button {
  border-color: transparent;
  margin-bottom: unset;
}

.user-management-title button.selected {
  background-color: #e80606;
  color: #fff;
}

.user-management tbody {
  max-height: 37.5em;
  overflow-y: scroll;
}

.user-management tr {
  border-bottom: solid 1px #BCBCBC;
  margin: 0 auto;
}

.user-management__td {
  text-align: center;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.user-management__td p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1100px) {
  .user-management__td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.user-management__thead {
  color: #BCBCBC;
  text-align: center;
}

.user-management__thead-grid {
  display: none;
}

.user-management__thead tr:hover {
  background: none;
  cursor: default;
}

.user-management__button-parent {
  margin-right: 20px;
}

.user-management__button-parent .modal .modal-header {
  flex-direction: column;
  align-items: center;
  position: relative;
}

.user-management__button-parent .modal .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: 0;
}

.user-management__button-parent .modal .modal-title {
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.user-management__button-parent .modal .modal-body {
  font-size: 14px;
}

.user-management__button-parent .modal .modal-body .my-shipments__td:first-child {
  align-items: center;
  padding-top: unset;
}

.user-management__button-parent .modal .modal-body .my-shipments__td .my-shipments__from-to {
  font-size: 12px;
  align-self: center;
}

.user-management__button-parent .modal .modal-body .my-shipments__td:last-child {
  padding-right: 1em;
  padding-bottom: unset;
}

.user-management__button-parent .modal-footer {
  justify-content: center;
  gap: 0.5rem;
}

.user-management__button-parent .modal-footer button {
  padding: 0.5rem 2rem;
}

.user-management__button-parent .modal-footer .save {
  border: 1px solid #BCBCBC;
  background-color: none;
}

.user-management__button-parent .modal-footer .report {
  background-color: #e80606;
}

.user-management__button .dropdown-toggle {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  padding: 7px;
  border: none;
  cursor: pointer;
  color: inherit;
}

@media screen and (max-width: 1024px) {
  .user-management__button .dropdown-toggle {
    font-size: 0.8rem;
    padding: 5px 15px;
  }
}
.user-management__button .dropdown-toggle:hover, .user-management__button .dropdown-toggle:focus, .user-management__button .dropdown-toggle:active {
  color: #e80606;
  background-color: transparent;
  border: none;
  outline: 0 none;
}

.user-management__button .btn.dropdown-toggle::before,
.user-management__button .btn.dropdown-toggle::after {
  display: none;
}

.user-management__button .btn.focus, .user-management__button .btn:focus {
  box-shadow: none;
}

.user-management__button .dropdown-menu {
  width: max-content;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  overflow: hidden;
}

.user-management__button .dropdown-menu li button {
  padding: 0.5rem 1.5em;
  width: 100%;
  display: flex;
  gap: 1rem;
  background: none;
  color: inherit;
  font-weight: 400;
  border: none;
  cursor: pointer;
}

.user-management__button .dropdown-menu li.divider {
  background-color: unset;
  pointer-events: none;
  padding: 0.5rem 0;
  position: relative;
}

.user-management__button .dropdown-menu .divider,
.user-management__button .dropdown-menu .divider > * {
  cursor: default;
}

.user-management__button .dropdown-menu .divider:before {
  content: "";
  position: absolute;
  border: solid 1px #eee;
  width: 200%;
  transform: translateX(-25%);
}

.user-management__button .dropdown-menu .custom-icon {
  width: 1.1rem;
}

.user-management .bi.bi-check-lg {
  font-size: 1.1em;
}

.user-management .bi.bi-x {
  font-size: 1.25em;
}

section[role=submenu],
.my-shipments__header-sub-menu,
.my-shipments__header-sub-menu > div,
.header-sub-menu-item {
  display: flex;
  justify-items: center;
  align-items: center;
}

section[role=submenu] {
  justify-content: center;
  background: #f6f6f6;
}

.my-shipments__header-sub-menu > div {
  justify-items: space-between;
  gap: 2.5em;
}

.header-sub-menu-item {
  gap: 0.5em;
  margin: 0.5em 0;
}

.header-sub-menu-item a {
  color: inherit;
}

.header-sub-menu-item a:hover {
  color: #e80606;
}

section[role=submenu] .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

section[role=submenu] .badge-danger {
  color: #fff;
  background-color: #e80606;
}

@media screen and (max-width: 800px) {
  .my-shipments__header-sub-menu > div {
    flex-wrap: wrap;
    gap: 0;
  }
  .header-sub-menu-item {
    margin-right: 2em;
  }
}
.my-shipments__header-sub-menu.animate {
  animation: subMenuAnimate 0.3s forwards;
}

.header-sub-menu-item {
  animation: subMenuShow 0.3s forwards;
}

.header-sub-menu-item.hideThis {
  opacity: 0;
  display: none;
}

@keyframes subMenuShow {
  0% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 1;
    display: flex;
  }
}
@keyframes subMenuAnimate {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
textarea + .status {
  display: none;
}

textarea.dirty + .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  font-size: 16px;
  position: absolute;
  right: 0;
  height: 1px;
  bottom: 5px;
  margin: auto;
  top: 0;
  text-decoration: none;
}

.textarea-status textarea.dirty + .status.valid, form[validate] textarea.dirty + .status.valid, .textarea-status select + .status.valid, form[validate] select + .status.valid {
  color: green;
}

.textarea-status textarea.dirty + .status.invalid, form[validate] textarea.dirty + .status.invalid, .textarea-status select + .status.invalid, form[validate] select + .status.invalid {
  color: red;
}

.ignore-status textarea + .after, .ignore-status textarea[type=text].dirty + .status, .ignore-status textarea[type=password].dirty + .status, .ignore-status textarea[type=email].dirty + .status, .ignore-status textarea[type=number].dirty + .status, .ignore-status .placeholder-container + .after, .ignore-status select + .status, .ignore-status select + .after {
  display: none !important;
}

.ignore-status textarea.dirty + .status.valid, .ignore-status select + .status.valid {
  color: green;
}

.ignore-status textarea.dirty + .status.invalid, .ignore-status select + .status.invalid {
  color: red;
}

.fa.fa-check-circle {
  font-size: 1.2em;
  color: #39A300;
}

input.no-wrap::placeholder,
textarea.no-wrap::placeholder,
select.no-wrap::placeholder {
  color: #999;
}

@media screen and (min-width: 800px) {
  .gradient-bar {
    justify-content: flex-start;
  }
  .logo {
    margin-right: 2em;
  }
  .profile {
    margin-left: auto;
  }
}
.menu .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #e80606;
  font-weight: 700;
  background: #fff;
  padding: 3px 18px;
  border: 2px solid #fff;
}

.menu .item:hover a, .menu .item.active a {
  opacity: 1;
  background: #e80606;
  color: #fff;
}

.menu .item.active:hover a {
  opacity: 0.7;
}

.displayNone {
  display: none;
}

.cookie button {
  margin: 0;
  padding: 6px 12px;
  font-family: inherit;
  line-height: 1.5;
}

.cookie button:focus {
  box-shadow: 0 0 0 0.2rem rgba(232, 6, 6, 0.5019607843);
}

.cookie {
  font-size: 14px;
  line-height: 1.5;
}

.cookie h1,
.cookie h2 {
  line-height: 1.2;
}

.cookie .modal-dialog {
  max-width: 700px;
}

.cookie .modal-dialog-centered {
  align-items: flex-start;
}

.cookie .modal-header {
  align-items: center;
}

.cookie .cookie-logo {
  height: 2rem;
}

.cookie .cookie-language {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  padding: 0;
}

.cookie .cookie-language .cookie-language-button:disabled {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #333;
  background-color: #fff;
  border: none;
  cursor: pointer;
  opacity: 1;
}

.cookie .cookie-language .cookie-language-button:disabled:hover,
.language-select:hover + .cookie-language-button:disabled {
  color: #e80606;
}

.cookie .cookie-language .cookie-language-button:hover,
.cookie .cookie-language .cookie-language-button:focus {
  outline: 0;
  box-shadow: unset;
}

.cookie .cookie-language .cookie-language-button:disabled .cookie-svg {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.cookie .cookie-language .cookie-language-button:disabled:hover .cookie-svg,
.language-select:hover + .cookie-language-button:disabled .cookie-svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cookie .cookie-language .cookie-language-button:disabled .cookie-svg-globe {
  font-size: 21px;
}

.cookie .dropdown.cookie-language .dropdown-menu {
  top: 85%;
  right: 1rem;
}

.cookie .cookie-language .language-select {
  width: min-content;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3019607843), 0 15px 12px rgba(0, 0, 0, 0.2196078431);
}

.cookie .cookie-language.hidden .language-select {
  padding: 0;
}

.cookie .cookie-language .language-select a {
  display: inline-block;
  padding: 0.4rem 1rem;
  margin: 0;
  border: 1px solid #e80606;
}

.cookie .cookie-language .language-select a:not(:first-child) {
  border-top: 1px solid #fff;
}

.cookie .cookie-language .language-select a:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.cookie .cookie-language .language-select a:hover {
  text-decoration: none;
}

.cookie .cookie-body {
  margin-bottom: 1.5rem;
}

.cookie .cookie-body .cookie-header {
  font-size: 16px;
  font-weight: 700;
  text-align: start;
  color: #333;
  margin-top: 0;
  margin-bottom: 1rem;
}

.cookie .cookie-body .cookie-text {
  color: #666;
}

.cookie .cookie-actions {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 1rem;
}

.cookie .cookie-actions button,
.cookie .cookie-dropdown .cookie-save-accept {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #e80606;
  border-color: #e80606;
  border-radius: 0;
}

.cookie .cookie-actions button:hover,
.cookie .cookie-dropdown .cookie-save-accept:hover {
  color: #e80606;
  background-color: #fff;
}

.cookie .cookie-dropdown {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
}

.cookie .cookie-dropdown-button {
  font-size: 16px;
  background-color: #f5f5f5;
  color: #e80606;
  border-color: #f5f5f5;
  font-weight: 400;
  border-radius: 0;
}

.cookie .cookie-dropdown-button:hover {
  background-color: #fff;
  border-color: #e80606;
}

.cookie .cookie-dropdown-button .cookie-svg {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.cookie .cookie-dropdown.collapsed .cookie-dropdown-button .cookie-svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cookie .cookie-dropdown-body {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  max-height: 1000px;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: max-height ease-in-out 0.35s, padding ease-in-out 0.35s, opacity ease-in-out 0.2s;
  transition: max-height ease-in-out 0.35s, padding ease-in-out 0.35s, opacity ease-in-out 0.2s;
}

.cookie .cookie-dropdown.collapsed .cookie-dropdown-body {
  max-height: 0;
  padding: 0;
  opacity: 0;
}

.cookie .cookie-dropdown-body-item {
  display: flex;
  flex-direction: column;
}

.cookie .cookie-dropdown-body-item:not(:first-child) {
  padding-top: 0.7rem;
}

.cookie .cookie-dropdown-body-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.7rem;
}

.cookie .cookie-dropdown .cookie-item-header {
  display: flex;
  justify-content: space-between;
}

.cookie-dropdown-body-item:not(:first-child) .cookie-item-header,
.cookie-dropdown-body-item:not(:first-child) p {
  cursor: pointer;
}

.cookie .cookie-dropdown .cookie-item-header .cookie-svg {
  color: #e80606;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.cookie .cookie-dropdown .hidden .cookie-svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cookie .cookie-dropdown-body h2 {
  margin: 0;
  padding: 0;
  text-align: start;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
}

.cookie .cookie-dropdown-body p {
  padding-top: 1rem;
  margin-bottom: 0;
  max-height: 100px;
  overflow: hidden;
  -webkit-transition: max-height ease-in-out 0.25s, margin-bottom ease-in-out 0.25s;
  transition: max-height ease-in-out 0.25s, margin-bottom ease-in-out 0.25s;
}

.cookie .cookie-dropdown-body .hidden p {
  max-height: 0;
  margin-bottom: -1rem;
}

.cookie .cookie-dropdown .cookie-svg:hover {
  color: inherit;
}

.cookie .cookie-dropdown .cookie-save-accept {
  margin-top: 1rem;
}

.cookie-switch {
  margin-top: 1rem;
}

.cookie-switch .switch-label {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin-bottom: 0;
}

.cookie-switch .switch-label input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cookie-switch .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.cookie-switch .switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.cookie-switch input:checked + .switch-slider {
  background-color: #e80606;
}

.cookie-switch input:disabled + .switch-slider {
  background-color: rgba(232, 6, 6, 0.5333333333);
}

.cookie-switch input:focus + .switch-slider {
  box-shadow: 0 0 0 0.2rem rgba(232, 6, 6, 0.5019607843);
}

.cookie-switch input:checked + .switch-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.cookie-switch .switch-slider.switch-round {
  border-radius: 34px;
}

.cookie-switch .switch-slider.switch-round:before {
  border-radius: 50%;
}

.cookie-switch #secondary_content {
  display: none;
}

@media screen and (max-width: 800px) {
  .dropdown.cookie-language {
    position: relative;
  }
  .dropdown.cookie-language .dropdown-menu.language-select {
    padding: 0;
    height: min-content;
    left: 50%;
    position: absolute;
  }
}
.confirm-container .modal button {
  width: unset;
}

.confirm-container .modal .modal-header h3 {
  font-size: 1.3rem;
  margin: 0;
}

.confirm-container .modal button.close {
  font-size: 1.5rem;
  font-weight: 700;
  color: #777;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  border: none;
}

.confirm-container .modal .fa-sign-out {
  font-size: 1.5rem;
  display: flex;
}

.confirm-container .modal button.close:hover {
  color: #fff;
}

.confirm-container .modal p.confirm-description {
  text-align: start;
}

.confirm-container .modal .modal-footer {
  justify-content: center;
}

.confirm-container .modal .modal-footer button {
  padding: 0.7em 8em;
}

.confirm-container .modal-header {
  border: none;
}

.confirm-container .modal-title {
  text-align: start;
}

@media (min-width: 576px) {
  .confirm-container .modal-dialog {
    max-width: 400px;
  }
}
.confirm-code .validation .confirm-description {
  margin-bottom: 1.5em;
}

.confirm-code .validation .validation-email-label {
  margin-bottom: 0.5em;
  text-align: start;
}

.confirm-code .validation.email-error .validation-email-label {
  font-weight: 700;
  color: #e80606;
}

.confirm-code .validation .validation-email {
  margin-bottom: 1em;
  border: 2px solid #999;
}

.confirm-code .validation .validation-email:focus,
.confirm-code .validation .validation-email:focus-visible {
  outline: none;
  border: 2px solid #777;
}

.confirm-code .validation .code-input-container {
  margin-bottom: 1em;
}

.confirm-code .validation .code-input {
  margin: 0;
  margin-bottom: 0.5em;
  position: relative;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.confirm-code .validation .code-input fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  border: none;
}

.confirm-code .validation .code-input fieldset div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.confirm-code .validation .code-input input[type=number] {
  font-size: 2em;
  line-height: 1;
  padding: 0;
  margin: 0.1em;
  text-align: center;
  width: 1.6em;
  height: 1.6em;
  border: 2px solid #999;
  border-radius: 10px;
  appearance: textfield;
  -webkit-appearance: textfield;
}

.confirm-code .validation .code-input.invalid input[type=number],
.confirm-code .validation.email-error input#validation-email {
  color: #e80606;
}

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

.confirm-code .validation .code-input input[type=number]:nth-child(n+4) {
  order: 2;
}

.confirm-code .validation .code-input input[type=number].dirty + .status {
  display: none;
}

.confirm-code .validation .invalid-code,
.expired-code-container {
  text-align: start;
  font-size: 16px;
  font-weight: 700;
  color: #e80606;
}

.confirm-code .validation .send-new-code-container {
  margin-bottom: 0.5em;
  text-align: end;
}

.confirm-code .validation button.send-new-code {
  font-size: 16px;
  font-weight: 700;
  color: #777;
  text-decoration: underline;
  border: none;
  background: none;
}

.confirm-code .validation button.send-new-code:hover {
  color: #e80606;
}

.confirm-code .validation .code-expire-countdown {
  font-weight: 700;
  color: #777;
}

.confirm-code .validation .spam-info-container {
  margin-bottom: 4em;
}

.confirm-code .validation .spam-info {
  text-align: start;
  font-size: 12px;
  font-weight: 400;
  color: #e80606;
}

.confirm-code .validation .contact-us-container {
  margin-bottom: 2em;
  text-align: center;
}

.confirm-code .validation .contact-us-info {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 16px;
  color: #333;
}

.confirm-code .validation .contact-us-tel {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #777;
}

.confirm-code .validation .contact-us-tel:hover {
  color: #e80606;
}

.forbidden-products .forbidden-products-container {
  display: flex;
  flex-direction: row;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.forbidden-products .forbidden-products-group {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.forbidden-products .forbidden-products-headers {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2em;
}

.forbidden-products .forbidden-products-items-left {
  padding-right: 1.5em;
}

.forbidden-products .forbidden-products-items-right {
  position: relative;
  padding-left: 1.5em;
}

.forbidden-products .forbidden-products-items-right:after {
  position: absolute;
  content: "";
  width: 1px;
  background: #4a4a4a;
  bottom: 10%;
  top: 0;
  left: 0;
}

.forbidden-products .forbidden-img {
  filter: invert(23%) sepia(0%) saturate(25%) hue-rotate(219deg) brightness(101%) contrast(80%);
  max-height: 73px;
  width: unset;
}

.text-underline {
  text-decoration: underline;
}

#forbidden ul {
  justify-content: flex-start;
  gap: 3em;
  max-width: 42em;
  margin-left: auto;
  margin-right: auto;
}

#forbidden ul li {
  min-width: 12em;
  font-size: 14px;
  margin-bottom: 0;
}

#forbidden ul li .forbidden-extra-info {
  font-size: 9px;
}

.main-content #forbidden ul .icon {
  font-size: 40px;
}

.main-content #forbidden .form:not(.fluid) {
  margin-top: 20px;
}

.main-content .title {
  margin-bottom: 5em;
}

@media screen and (max-width: 1610px) {
  #forbidden ul {
    max-width: 27em;
  }
}
@media screen and (max-width: 1130px) {
  #forbidden ul {
    max-width: 12em;
  }
}
@media screen and (max-width: 540px) {
  .forbidden-products .forbidden-products-container {
    flex-direction: column;
  }
  .forbidden-products .forbidden-products-group {
    width: 100%;
  }
  .forbidden-products .forbidden-products-items-left {
    padding-right: 0;
  }
  .forbidden-products .forbidden-products-items-right:after {
    width: 0;
    background: transparent;
  }
  .forbidden-products .forbidden-products-items-right {
    padding-left: 0;
  }
}
.item.package-counter .pallet-warning-wrapper,
.item.package-counter .document-warning-wrapper {
  display: none;
}

.item.package-counter.active .pallet-warning-wrapper,
.item.package-counter.active .document-warning-wrapper {
  display: block;
  text-align: center;
  justify-items: center;
}

.item.package-counter.active .pallet-warning,
.item.package-counter.active .document-warning {
  padding-top: 1rem;
  width: 80%;
}

form #submit-weight {
  display: none;
}

.weight-exceed .weight-exceed-warning {
  padding: 0.5rem;
  padding-left: 1rem;
}

.weight-exceed .modal-footer {
  padding: 0;
  padding-top: 1rem;
  padding-right: 0.5rem;
}

.error-message {
  text-align: center;
  font-size: 1.3em;
  color: red;
  margin-bottom: 1em;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  #compare .contact-phone .placeholder-text:lang(fr),
  #compare .contact-phone .placeholder-text:lang(it) {
    font-size: 0.85em;
  }
  #compare .contact-phone .placeholder-text:lang(de) {
    font-size: 0.95em;
  }
}
@media screen and (max-width: 400px) {
  #compare .contact-phone .placeholder-text:lang(en),
  #compare .contact-phone .placeholder-text:lang(de) {
    font-size: 0.85em;
  }
  #compare .contact-phone .placeholder-text:lang(fr),
  #compare .contact-phone .placeholder-text:lang(it) {
    font-size: 0.77em;
  }
}
@media screen and (max-width: 800px) {
  .white-bar .call a {
    text-decoration: underline;
  }
  .menu {
    flex-wrap: wrap;
    gap: 1em;
  }
  .main-content {
    padding: 0;
    padding-top: 60px;
    padding-bottom: 150px;
  }
  .main-content .title {
    padding: 0 0.5em;
  }
  .main-content .title h2 {
    font-size: 20px;
  }
  .main-content .subtitle.orange {
    margin-left: 1em;
    margin-right: 1em;
  }
  #book-confirmation .summary .pickup::after {
    display: none;
  }
  #quotes .st-head-row {
    padding-top: 2em;
  }
  .quote-import-info {
    width: 90%;
    margin: 0 auto;
  }
  .pickup-bricks .options-container .option {
    height: fit-content;
    align-self: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
@media screen and (max-width: 500px) {
  .my-shipments__header-sub-menu > div {
    flex-direction: column;
  }
}


/* Tooltip pour le détail des taxes EDT au hover dans le breadcrumb */
.bc-edt-price-wrap {
    position: relative;
    display: inline-block;
    cursor: help;
}

.bc-edt-tooltip {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 8px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    padding: 12px 16px;
    min-width: 200px;
    z-index: 9999;
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

.bc-edt-tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 20px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.bc-edt-price-wrap:hover .bc-edt-tooltip {
    display: block;
}