html {
  overflow-x: hidden;
}
html ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #C6C6C6;
}
html :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #C6C6C6;
  opacity: 1;
}
html ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #C6C6C6;
  opacity: 1;
}
html :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #C6C6C6;
}
html ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #C6C6C6;
}
html ::placeholder {
  /* Most modern browsers support this now. */
  color: #C6C6C6;
}

.left {
  float: left;
}

.right {
  float: right;
}

@keyframes border-error-pulsate {
  0% {
    border-color: rgb(255, 107, 91);
  }
  50% {
    border-color: rgba(255, 107, 91, 0.3);
  }
  100% {
    border-color: rgb(255, 107, 91);
  }
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container {
  position: relative;
  width: 100%;
  height: 600px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container {
  z-index: 2;
  box-sizing: border-box;
  top: 0;
  position: absolute;
  left: 0;
  width: 300px;
  padding: 20px;
  background-color: #2d2d5f;
  bottom: 0;
  color: #fff;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container h1 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 10px 0;
  text-align: center;
  line-height: 25px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container h1 span {
  color: #00adee;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row:last-child {
  border-bottom: none;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row:last-child .details-row-data {
  min-height: 90px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .details-row-title {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .details-row-title > i {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .details-row-title > i.route-icon {
  background-image: url(/img/new-order-section-route.svg);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .details-row-title > i.time-icon {
  background-image: url(/img/new-order-section-time.svg);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .details-row-title > i.cargo-icon {
  background-image: url(/img/new-order-section-props.svg);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .bullets-icon {
  width: 8px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 8px 40px;
  margin-left: 30px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  position: absolute;
  background-image: url(/img/from-to-white-bullets.png);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .flexible-title {
  color: #00adee;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
  position: relative;
  bottom: 0;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .flexible-title > i {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .flexible-title > i.flexible-icon {
  background-image: url(/img/star-blue.png);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .flexibele-option {
  height: 40px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .flexibele-option .flex-date {
  color: #00adee;
  float: left;
  width: 65px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row .flexibele-option .flex-time {
  float: left;
  margin: 10px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row ul.details-row-data {
  margin-left: 50px;
  list-style: none;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row ul.details-row-data > li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .details-container .details-row.freight ul.details-row-data {
  margin-left: 30px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container {
  text-align: center;
  top: 0;
  left: 300px;
  right: 0;
  position: absolute;
  bottom: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .map-image {
  width: 100%;
  height: 60%;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form {
  margin-top: 70px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form .btn-container {
  margin-top: 130px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form .btn-container .price-details {
  display: inline-block;
  width: 30%;
  color: #ff6b5b;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form .btn-container .price-details .value-col {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form .btn-container .price-details .label-col {
  font-size: 10px;
  font-weight: bold;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form .btn-container .btn {
  width: 95px;
  vertical-align: top;
  text-transform: capitalize;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .form .btn-container .btn.cancel {
  background-color: #ff6b5b;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options {
  clear: both;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options > div {
  width: 50%;
  float: left;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .date-toggle {
  border: 1px solid #cacbcc;
  border-radius: 0;
  vertical-align: top;
  height: 30px;
  display: inline-block;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .date-toggle.error {
  background-color: rgba(255, 194, 214, 0.7607843137);
  border-bottom: 2px solid #fe796b;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .date-toggle span {
  cursor: pointer;
  display: inline-block;
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #2d2d5f;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .date-toggle span:first-child {
  border-right: 1px solid #cacbcc;
  margin-right: -5px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .date-toggle span.selected {
  color: #fff;
  background-color: #2d2d5f;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .title {
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 5px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .error-msg {
  width: 102px;
  padding: 2px;
  background-color: #ff7a6b;
  float: right;
  margin-right: 9px;
  color: white;
  font-size: 14px;
  margin-top: -1px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexibility-options .error-msg span {
  width: 12px;
  display: inline-block;
  height: 12px;
  background-color: white;
  color: #ff7a6b;
  border-radius: 50%;
  font-size: 12px;
  margin-right: 5px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexible-date-more-info {
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .flexible-date-more-info img {
  width: 16px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .delivery-date {
  text-align: left;
  padding: 0 5px;
  height: 0;
  clear: both;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .delivery-date .location-arrival-picker {
  margin-bottom: 0 !important;
  margin: 0 30px;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .delivery-date .location-arrival-picker .picker-column {
  width: 50%;
  margin-right: 0;
}
.dialog.accept-request-with-price > .box .accept-request-with-price-container .map-container > .delivery-date .error-msg {
  color: red;
  padding-top: 3px;
  padding-left: 8px;
}

.flexible-date-more-info-tooltip {
  text-align: center;
}
.approve-offer-dialog-content {
  display: flex;
}
.approve-offer-dialog-content .summary-content {
  flex: 1 0 auto;
  width: 310px;
  color: #FFFFFF;
  background: #2d2d5f;
}
.approve-offer-dialog-content .summary-content .summary-block {
  border-bottom: 1px solid #FFFFFF;
  margin: 30px 20px;
  padding-bottom: 20px;
}
.approve-offer-dialog-content .summary-content .summary-block:last-of-type {
  padding-bottom: 0;
}
.approve-offer-dialog-content .summary-content .summary-block > span {
  display: block;
  margin: 13px 0px 13px 25px;
  font-size: 14px;
}
.approve-offer-dialog-content .summary-content .summary-block .from-to-bullets {
  background-repeat: no-repeat;
  background-image: url(/img/intant-bid-bullets-12x129.png);
  background-size: 12px auto;
  padding-left: 16px;
  margin-left: 25px;
}
.approve-offer-dialog-content .summary-content .summary-block .from-to-bullets > span {
  display: block;
  margin: 13px 0px 13px 0px;
  font-size: 14px;
}
.approve-offer-dialog-content .summary-content .summary-block .summary-sub-title {
  font-size: 20px;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-size: 20px;
  line-height: 24px;
}
.approve-offer-dialog-content .summary-content .summary-block.summary-title {
  background-color: #ff6b5b;
  margin: 0;
  padding: 20px 20px 20px 49px;
  border-bottom: none;
}
.approve-offer-dialog-content .summary-content .summary-block.summary-title h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 15px;
}
.approve-offer-dialog-content .summary-content .summary-block.summary-title .price {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  margin-right: 10px;
}
.approve-offer-dialog-content .summary-content .summary-block.summary-title .fuel-charge {
  font-size: 12px;
  display: inline-block;
}
.approve-offer-dialog-content .summary-content .summary-block.route-summary .summary-sub-title {
  background-image: url(/img/new-order-section-route.svg);
}
.approve-offer-dialog-content .summary-content .summary-block.cargo-summary .summary-sub-title {
  background-size: 23px;
  background-image: url(/img/new-order-section-props.svg);
}
.approve-offer-dialog-content .summary-content .summary-block.time-summary {
  border-bottom: none;
}
.approve-offer-dialog-content .summary-content .summary-block.time-summary .summary-sub-title {
  background-image: url(/img/new-order-section-time.svg);
}
.approve-offer-dialog-content .summary-content .summary-block.time-summary .flexibele-option .flex-date {
  display: inline-block;
  color: #00adee;
}
.approve-offer-dialog-content .summary-content .summary-block.time-summary .flexibele-option .flex-date span {
  display: block;
  margin-bottom: 8px;
}
.approve-offer-dialog-content .summary-content .summary-block.time-summary .flexibele-option .flex-time {
  position: relative;
  bottom: 10px;
}
.approve-offer-dialog-content .summary-content .summary-block .alert-info {
  font-weight: bold;
  color: #00adee;
}
.approve-offer-dialog-content .summary-content .summary-block .date-time-changes {
  margin-left: 23px;
  color: #00adee;
  line-height: 19px;
}
.approve-offer-dialog-content .summary-content .summary-block .date-time-changes > i {
  font-size: 18px;
}
.approve-offer-dialog-content .summary-content .summary-block .flexible-title {
  margin-left: 23px;
  margin-top: 10px;
  color: #00adee;
}
.approve-offer-dialog-content .summary-content .summary-block .flexible-title > i {
  font-size: 18px;
}
.approve-offer-dialog-content .summary-content .summary-block .flexible-title > span {
  padding-left: 5px;
}
.approve-offer-dialog-content .tooltip {
  height: 30px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.approve-offer-dialog-content .tooltip:hover {
  opacity: 1;
}
.approve-offer-dialog-content .bid-offer-content {
  width: 770px;
  background: #FFFFFF;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order {
  position: absolute;
  top: 85px;
  bottom: 55px;
  right: 0;
  left: 310px;
  height: 380px;
  background: #FFFFFF;
  z-index: 2;
  padding: 15px 30px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .first-time-message {
  color: #2d2d5f;
  margin: 20px 50px;
  text-align: center;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order label {
  color: #2d2d5f;
  font-size: 14px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .readable-text {
  line-height: 1.1;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .readable-text .terms {
  color: #00ADEE;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .readable-text .finance-email {
  color: #EE6B4F;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form {
  margin-top: 15px;
  margin-bottom: 15px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-email {
  margin-bottom: 10px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-email .invoice-email-radio-button-container {
  margin-top: 10px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-email .invoice-email-radio-button-container .radio-option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-email .invoice-email-radio-button-container .radio-option label {
  margin-right: 10px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-email .invoice-email-radio-button-container .radio-option label.bold {
  font-weight: bold;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-address .invoice-address-label {
  display: flex;
  align-items: center;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-address .location-input-fields {
  flex-grow: 1;
  line-height: 40px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .invoice-form .invoice-address .location-input-fields .location-input-field.location-input-field-address input.error {
  color: #ff6b5b;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .logos-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  margin: 0 50px 15px 50px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .logos-container .sepa {
  height: 30px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .logos-container .bancontact,
.approve-offer-dialog-content .bid-offer-content .first-time-order .logos-container .ideal {
  height: 50px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order > .data-info > label {
  line-height: 28px;
  margin-right: 10px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order > .data-info > .radio-group-option {
  line-height: 28px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order > .data-info > .radio-group-option label {
  margin-right: 10px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order > .data-info > .radio-group-option label.bold {
  font-weight: bold;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order > .data-info .company-tax-number-error {
  display: inline-block;
  padding-top: 8px;
  margin-left: 10px;
  color: red;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .text-field {
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 200px;
  height: 30px;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  background-color: #fff;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .text-field.required {
  border-color: #ff6b5b;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .text-field.required input {
  background-color: #ffe8f0 !important;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .text-field > input {
  border: none;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  width: 200px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 5px;
}
.approve-offer-dialog-content .bid-offer-content .first-time-order .text-field.new-email {
  height: 38px;
  display: flex;
  align-items: center;
}
.approve-offer-dialog-content .bid-offer-content .price-section {
  text-align: center;
  vertical-align: middle;
  position: relative;
  margin: 30px 30px 0;
  padding-bottom: 20px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form {
  padding: 15px 30px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .title {
  margin-bottom: 15px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content {
  padding-top: 20px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content > label {
  font-size: 14px;
  color: #2d2d5f;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content.hidden {
  visibility: hidden;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content .countdown-marker-wrapper {
  float: right;
  min-width: 35px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content .countdown-marker-wrapper .countdown-marker {
  font-size: 10px;
  background: white;
  color: #2d2d5f;
  border-radius: 6px;
  padding: 3px;
  text-align: right;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content .countdown-marker-wrapper .countdown-marker.full {
  background: #ff6b5b;
  color: white;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content .instructions-disclaimer {
  display: flex;
  margin-bottom: 24px;
  padding: 10px 15px;
  align-items: center;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content .instructions-disclaimer i {
  color: #2d2d5f;
  font-size: 20px;
  margin-right: 15px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .content .instructions-disclaimer p {
  color: #2d2d5f;
  font-size: 12px;
  line-height: 15px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact {
  margin-bottom: 15px;
  margin-top: 5px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact > label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  font-size: 14px;
  color: #2d2d5f;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  width: 140px;
  background-color: #fff;
  position: relative;
  margin-right: 20px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.required {
  border-color: #ff6b5b;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.required input {
  background-color: #ffe8f0 !important;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field:last-child {
  margin-right: 0;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.phone {
  width: 180px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.phone input[type=checkbox] {
  width: 12px;
  height: 12px;
  margin-top: 10px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.phone label {
  font-size: 12px;
  color: #2d2d5f;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.email {
  width: 160px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.email input[type=text] {
  width: 160px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.email input[type=checkbox] {
  width: 12px;
  height: 12px;
  margin-top: 10px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.email label {
  font-size: 12px;
  color: #2d2d5f;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.vendor-name {
  width: 300px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field.vendor-name > input {
  width: 300px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field > input {
  border: none;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  width: 140px;
  height: 30px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 5px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field > input:disabled {
  background-color: #e2e6ec;
  cursor: not-allowed;
  color: #aeb2b9;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field .intl-tel-input {
  width: 100%;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field .intl-tel-input input {
  box-sizing: border-box;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  color: #2d2d5f;
  border: none;
  border-left: 1px solid #cacbcc;
  font-size: 14px;
  background-color: transparent;
  margin-left: 50px;
  width: 130px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .text-field .optional-label {
  font-size: 12px;
  position: absolute;
  top: -22px;
  color: #2d2d5f;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .email-checkbox-wrapper {
  position: relative;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-location-contact .email-checkbox-wrapper .email-checkbox-tooltip {
  position: absolute;
  top: 1px;
  left: -25px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .additional-information {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 40px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .additional-information.column-one {
  margin-right: 105px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .additional-information > textarea {
  margin-bottom: 2px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .additional-information > label {
  font-size: 14px;
  color: #2d2d5f;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .order-ref-numbers {
  display: inline-block;
  width: 710px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .instructions-textarea {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  box-shadow: none;
  box-sizing: border-box;
  width: 300px;
  font-size: 14px;
  margin-top: 5px;
  display: block;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .instructions-textarea.amazon {
  width: 700px;
  height: 100px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .new-order-ref {
  height: 32px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .new-order-ref .reference-wrapper {
  display: flex;
  align-items: center;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .new-order-ref label {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #2d2d5f;
  margin-top: 7px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .new-order-ref .input-text {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  font-size: 14px;
  color: #2d2d5f;
  width: 150px;
  height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-right: 1px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .new-order-ref .input-text.shipper-reference {
  margin-right: 36px;
}
.approve-offer-dialog-content .bid-offer-content .extra-data-form .new-order-ref.required input {
  background-color: #ffe8f0 !important;
  border-color: #ff6b5b;
}
.approve-offer-dialog-content .bid-offer-content .bid-expired-mask {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 310px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
}
.approve-offer-dialog-content .bid-offer-content .bid-expired-mask .btn.update-price {
  cursor: pointer;
  text-align: center;
  background: #FFFFFF;
  color: #2d2d5f;
  border: 1px solid #2d2d5f;
  padding: 10px 20px;
  margin: 50% auto 0;
  border-radius: 5px;
  width: 180px;
  font-size: 18px;
  font-weight: bold;
}
.approve-offer-dialog-content .btn-container {
  margin: 0px 25px 60px;
}
.approve-offer-dialog-content .btn-container .btn {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  padding: 10px 25px;
  border-radius: 5px;
  margin: 0px 5px;
}
.approve-offer-dialog-content .btn-container .btn.ok {
  float: right;
  background: #2d2d5f;
  color: #FFFFFF;
  width: 170px;
  max-height: 16px;
  overflow: hidden;
}
.approve-offer-dialog-content .btn-container .btn.ok.verification {
  background: #cacbcc;
  position: relative;
}
.approve-offer-dialog-content .btn-container .btn.ok.verification img {
  width: 35px;
  float: left;
  position: absolute;
  top: 0px;
  left: 10px;
}
.approve-offer-dialog-content .btn-container .btn.edit {
  float: left;
  border: 1px solid #2d2d5f;
  color: #2d2d5f;
  background: #FFFFFF;
  padding: 9px 25px;
}
.approve-offer-dialog-content .progress-bar-directive {
  height: 24px;
  border-radius: 24px;
}
.approve-offer-dialog-content .progress-bar-directive .progress-time {
  height: 24px;
  border-radius: 24px;
}
.approve-offer-dialog-content .progress-bar-directive .progress-time-label {
  margin-top: -19px;
}
.approve-offer-dialog-content .first-time-order .invoice-address {
  margin-bottom: 10px;
}
.approve-offer-dialog-content .first-time-order .invoice-address .row {
  display: flex;
  gap: 16px;
  margin-bottom: 10px;
}
.approve-offer-dialog-content .first-time-order .invoice-address .item {
  width: 50%;
}
.approve-offer-dialog-content .first-time-order .invoice-address .text-field {
  width: 100%;
}
.approve-offer-dialog-content .first-time-order .invoice-address .text-field input[type=text] {
  display: flex;
  align-items: center;
  height: 30px;
  width: 100%;
}
.approve-offer-dialog-content .first-time-order .invoice-address .text-field input[type=text]:disabled {
  background-color: #DBDCDE !important;
  opacity: 0.4;
}
.approve-offer-dialog-content .first-time-order .invoice-address .info-label {
  display: block;
  margin-bottom: 10px;
}

.approve-offer-dialog {
  position: relative;
  top: calc((100% - 730px) / 2);
}
.available-truck-list-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  overflow-y: auto;
}
.available-truck-list-container > ul.available-truck-list {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.available-truck-list-container > ul.available-truck-list > li {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  position: relative;
  z-index: 2;
  cursor: pointer;
  padding: 10px;
}
.available-truck-list-container > ul.available-truck-list > li h1 {
  font-weight: bold;
  font-size: 16px;
  color: #3D7ABF;
  margin-bottom: 8px;
}
.available-truck-list-container > ul.available-truck-list > li h2 {
  font-weight: normal;
  font-size: 14px;
  color: #7D7D7D;
  margin-bottom: 8px;
}
.available-truck-list-container > ul.available-truck-list > li > ul.available-truck-actions {
  display: block;
  margin-top: 20px;
  border-top: 1px solid #eeeded;
}
.available-truck-list-container > ul.available-truck-list > li > ul.available-truck-actions > li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #7D7D7D;
  padding-top: 10px;
}
.available-truck-list-container > ul.available-truck-list > li > ul.available-truck-actions > li i {
  margin-right: 5px;
}
.available-truck-list-container > ul.available-truck-list > li > ul.available-truck-actions > li i:hover {
  color: #333;
}
.bid-picker {
  position: relative;
  border: 1px solid #3D7ABF;
  border-radius: 5px;
  background-color: #fff;
  height: 50px;
  margin: 0 auto;
  width: 400px;
}
.bid-picker > input[type=number] {
  border: none;
  background-color: transparent;
  line-height: 50px;
  margin: 0;
  padding: 0;
  font-size: 22px;
  height: 50px;
  padding-left: 10px;
  padding-right: 20px;
}
.bid-picker > input[type=number]::-webkit-inner-spin-button, .bid-picker > input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bid-picker > span.symbol {
  font-size: 32px;
  color: #3D7ABF;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 50px;
  padding-top: 8px;
  padding-right: 10px;
}
.bid-route-suggestion {
  text-align: center;
}
.bid-route-suggestion .route-table {
  display: inline-table;
}
.bid-route-suggestion .route-table .route-icon-column {
  vertical-align: top;
  display: table-cell;
  background-image: url(/img/bid-route.png);
  background-size: 8px 55px;
  width: 25px;
  height: 68px;
  background-repeat: no-repeat;
  background-position: left center;
}
.bid-route-suggestion .route-table .route-data-column {
  display: table-cell;
  vertical-align: top;
}
.bid-route-suggestion .route-table .route-data-column ul li {
  margin-bottom: 20px;
  text-align: left;
}
.bid-route-suggestion .route-table .route-data-column ul li:last-child {
  margin-bottom: 0;
}
.bid-route-suggestion .route-table .route-data-column ul li span.location-type {
  color: #fff;
  border-radius: 5px;
  background-color: #2d2d5f;
  text-align: center;
  height: 25px;
  line-height: 25px;
  width: 85px;
  margin-right: 15px;
}
.bid-route-suggestion .route-table .route-data-column ul li span {
  font-size: 14px;
  color: #333;
  display: inline-block;
}
.button {
  background-color: #2d2d5f;
  color: #ffffff;
  padding: 8px 15px;
  cursor: pointer;
  opacity: 0.9;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 5px;
  margin-left: 15px;
  border: none;
}
.button:active {
  opacity: 0.8;
}
.button:hover {
  opacity: 1;
}
.button.disabled {
  opacity: 0.5;
  cursor: default;
}
.button.disabled:hover {
  opacity: 0.5;
}
.button.btn-danger {
  background-color: #ff6b5b;
}
html {
  overflow-x: hidden;
}
html ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #C6C6C6;
}
html :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #C6C6C6;
  opacity: 1;
}
html ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #C6C6C6;
  opacity: 1;
}
html :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #C6C6C6;
}
html ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #C6C6C6;
}
html ::placeholder {
  /* Most modern browsers support this now. */
  color: #C6C6C6;
}

.left {
  float: left;
}

.right {
  float: right;
}

@keyframes border-error-pulsate {
  0% {
    border-color: rgb(255, 107, 91);
  }
  50% {
    border-color: rgba(255, 107, 91, 0.3);
  }
  100% {
    border-color: rgb(255, 107, 91);
  }
}
.confirm-delivery-dialog .box {
  background-color: #fff;
}
.confirm-delivery-dialog .box .form h1 {
  text-align: center;
  padding-bottom: 0;
  padding-top: 35px;
}
.confirm-delivery-dialog .box .form p {
  text-align: center;
  padding: 0;
  color: #5c5c63;
}
.confirm-delivery-dialog .box .form .date-and-time {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.confirm-delivery-dialog .box .form .date-and-time p {
  margin: 0;
}
.confirm-delivery-dialog .box .form .date-and-time .date, .confirm-delivery-dialog .box .form .date-and-time .time {
  border-radius: 5px;
  margin: 0 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.confirm-delivery-dialog .box .form .date-and-time .date {
  background-color: #2d2d5f;
  border: 1px solid #2d2d5f;
  padding: 5px 7px;
}
.confirm-delivery-dialog .box .form .date-and-time .date p {
  color: #fff;
  font-size: 12px;
}
.confirm-delivery-dialog .box .form .date-and-time .time .select-css {
  border: 1px solid #2d2d5f;
  padding: 8px 10px;
  font-size: 12px;
  min-height: auto;
  margin-bottom: 0;
}
.confirm-delivery-dialog .box .form .extra-information {
  width: 80%;
  margin: 20px auto 0;
}
.confirm-delivery-dialog .box .form .extra-information label {
  color: #5c5c63;
}
.confirm-delivery-dialog .box .form .extra-information textarea {
  box-sizing: border-box;
}
.confirm-delivery-dialog .box .form .btn {
  text-transform: none;
}
.confirm-delivery-dialog .box .form .btn.cancel-btn {
  background-color: #79797b;
}
.confirm-delivery-dialog .box .form .btn-container {
  margin-top: 20px;
}
.confirm-delivery-dialog .box .form .btn-container .ok-btn {
  margin-right: 50px;
}
.confirm-delivery-dialog .box .form .file-input {
  border: 0;
  background: none;
  margin: 0 0 10px 0px;
  height: 40px;
  line-height: normal;
  text-align: left;
  text-align: center;
}
.confirm-delivery-dialog .box .form .file-input label {
  height: 25px;
}
.confirm-delivery-dialog .box .form .file-input label a {
  color: #5c5c63;
  text-decoration: underline;
  text-transform: none;
}
.confirm-delivery-dialog .box .form .file-input label a.loaded {
  color: #00adee;
}
html {
  overflow-x: hidden;
}
html ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #C6C6C6;
}
html :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #C6C6C6;
  opacity: 1;
}
html ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #C6C6C6;
  opacity: 1;
}
html :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #C6C6C6;
}
html ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #C6C6C6;
}
html ::placeholder {
  /* Most modern browsers support this now. */
  color: #C6C6C6;
}

.left {
  float: left;
}

.right {
  float: right;
}

@keyframes border-error-pulsate {
  0% {
    border-color: rgb(255, 107, 91);
  }
  50% {
    border-color: rgba(255, 107, 91, 0.3);
  }
  100% {
    border-color: rgb(255, 107, 91);
  }
}
.confirm-pickup-dialog .box {
  background-color: #fff;
}
.confirm-pickup-dialog .box .form h1 {
  text-align: center;
  padding-bottom: 0;
  padding-top: 35px;
}
.confirm-pickup-dialog .box .form p {
  text-align: center;
  padding: 0;
  color: #5c5c63;
}
.confirm-pickup-dialog .box .form .date-and-time {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.confirm-pickup-dialog .box .form .date-and-time p {
  margin: 0;
}
.confirm-pickup-dialog .box .form .date-and-time .date, .confirm-pickup-dialog .box .form .date-and-time .time {
  border-radius: 5px;
  margin: 0 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.confirm-pickup-dialog .box .form .date-and-time .date {
  background-color: #2d2d5f;
  border: 1px solid #2d2d5f;
  padding: 5px 7px;
}
.confirm-pickup-dialog .box .form .date-and-time .date p {
  color: #fff;
  font-size: 12px;
}
.confirm-pickup-dialog .box .form .date-and-time .time .select-css {
  border: 1px solid #2d2d5f;
  padding: 8px 10px;
  font-size: 12px;
  min-height: auto;
  margin-bottom: 0;
}
.confirm-pickup-dialog .box .form .extra-information {
  width: 80%;
  margin: 20px auto 0;
}
.confirm-pickup-dialog .box .form .extra-information label {
  color: #5c5c63;
}
.confirm-pickup-dialog .box .form .extra-information textarea {
  box-sizing: border-box;
}
.confirm-pickup-dialog .box .form .btn-container {
  margin-top: 30px;
}
.confirm-pickup-dialog .box .form .btn-container .btn {
  text-transform: none;
}
.confirm-pickup-dialog .box .form .btn-container .btn.cancel-btn {
  background-color: #79797b;
}
.cookies-warning-bar {
  position: fixed;
  display: none;
  right: 0;
  bottom: 0;
  left: 0;
  color: rgb(255, 255, 255);
  background-color: rgba(45, 45, 95, 0.8);
  border-top: 1px solid rgb(255, 255, 255);
  z-index: 99999;
}
.cookies-warning-bar.show {
  display: block;
}
.cookies-warning-bar .content {
  width: 80%;
  margin: auto;
  text-align: center;
  font-size: 14px;
}
.cookies-warning-bar .content p {
  display: inline-block;
  margin: 15px 0px 0px 0px;
}
.cookies-warning-bar .content p a {
  color: rgb(255, 255, 255);
}
.cookies-warning-bar .content .agree-btn {
  display: inline-block;
  margin: 5px 10px;
  padding: 7px 12px;
  color: #2d2d5f;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  cursor: pointer;
}
.custom-dropdown {
  position: relative;
  display: block;
  user-select: none;
  cursor: pointer;
}
.custom-dropdown__item {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  color: #021c35;
  box-shadow: -3px 4px 6px 0 rgba(0, 0, 0, 0.25);
  background-color: #f3f7f8;
}
.custom-dropdown__item:first-child {
  border-top: 1px solid #e2e2e2;
}
.custom-dropdown__item.dark {
  background-color: #2d2d5f;
  color: white;
}
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

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

.datepicker-dropdown {
  top: 0;
  left: 0;
}

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

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

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

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

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

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

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

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

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

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

.datepicker > div {
  display: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

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

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

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

.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

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

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

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a",endColorstr="#fdf59a",GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a",endColorstr="#f3e97a",GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3",endColorstr="#808080",GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9 ;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc",endColorstr="#0044cc",GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

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

.datepicker table tr td span:hover {
  background: #eeeeee;
}

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

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc",endColorstr="#0044cc",GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

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

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

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
  background: #eeeeee;
}

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

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

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

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

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

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.ui-datepicker {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 63px -16px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 63px -16px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 63px -16px rgba(0, 0, 0, 0.75);
  padding: 10px;
  border-radius: 7px;
}
.ui-datepicker .ui-datepicker-header {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover {
  background-color: transparent;
}
.ui-datepicker .ui-datepicker-next {
  right: 10px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 10px;
}
.ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-e {
  position: relative;
  color: transparent;
}
.ui-datepicker .ui-icon-circle-triangle-w:after, .ui-datepicker .ui-icon-circle-triangle-e:after {
  content: "<";
  height: 20px;
  width: 20px;
  background: #2d2d5f;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.ui-datepicker .ui-icon-circle-triangle-e:after {
  left: unset;
  content: ">";
  right: 0;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  padding: 10px 0;
  text-align: center;
}
.ui-datepicker .ui-state-default.ui-state-highlight {
  background: #f0f0f0;
  color: #212121;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
  color: #212121;
  height: 34px;
  width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active, .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  color: #fff;
  background: #55587c;
  border-radius: 50%;
}

.date-input-wrapper {
  position: relative;
}

.date-input-wrapper input {
  font-size: 14px;
}

.date-picker-clean {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10%;
  background: #2d2d5f;
  color: #fff;
  position: absolute;
  top: 3px;
  right: 5px;
  border-radius: 10px;
  cursor: pointer;
  padding: 5px;
}
.date-picker-clean svg {
  width: 8px;
  height: 8px;
}
.dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9997;
  display: none;
}
.dialog.scale {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.dialog .title {
  color: #2d2d5f;
  font-weight: bold;
}
.dialog .title-p {
  color: #000;
}
.dialog .button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.dialog .button-container .btn {
  margin-left: 0px;
  margin-right: 0px;
  height: 50px;
  background-color: #2d2d5f !important;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialog .mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background-color: #2d2d5f;
  opacity: 0;
  transition: all 0.3s;
}
.dialog.scale .mask, .dialog.flip .mask {
  opacity: 0.6;
}
.dialog .box {
  position: relative;
  background-color: #FBFBFB;
  z-index: 9999;
  border-radius: 5px;
  margin-left: 0px !important;
}
.dialog .box .order-types {
  height: 245px;
  left: 44%;
}
.dialog .box .content {
  margin-top: -25px;
}
.dialog .box .edit-order-box {
  border: 1px solid;
  width: 260px;
  padding: 10px 10px;
}
.dialog .box .edit-order-box .text {
  height: 110px;
}
.dialog .box .edit-order-left-box {
  float: left;
  margin-left: 20px !important;
  height: 180px;
}
.dialog .box .edit-order-right-box {
  float: right;
  margin-right: 20px !important;
  height: 180px;
}
.dialog .box-flip-out {
  transform: rotateY(90deg) !important;
  -webkit-transform: rotateY(90deg) !important;
  -moz-transform: rotateY(90deg) !important;
  -ms-transform: rotateY(90deg) !important;
  -o-transform: rotateY(90deg) !important;
}
.dialog .box-scale-out {
  opacity: 0;
  transform: scale(0) !important;
}
.dialog .box-scale {
  opacity: 0;
  transition: all 0.2s;
  transform: scale(0);
}
.dialog.scale .box-scale {
  opacity: 1;
  transform: scale(1);
  overflow-x: hidden;
  overflow-y: auto;
}
.dialog .box-flip {
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
}
.dialog.flip .box-flip {
  /* Enable 3D transforms */
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  /* Animate the transitions */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -webkit-transform: translate3d(0, 0, 0);
}

.dialog-list-container {
  width: 100%;
  height: 400px;
  position: relative;
}

.dialog .input-field {
  border: none;
  border-radius: 5px;
  height: inherit;
  width: inherit;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.dialog .input-field input {
  border: 1px solid #3D7ABF;
  box-shadow: none;
}
.dialog .input-field .label {
  padding-left: 30px;
}

.loading-dialog {
  direction: ltr;
  text-align: center;
  padding: 10px;
  height: 100%;
  box-sizing: border-box;
  padding-top: 35px;
}
.loading-dialog p {
  color: #2d2d5f;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.order-types .btn-container {
  margin: 0px 175px;
  display: flex;
  justify-content: center;
}
.order-types .btn-container .btn {
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  padding: 10px 25px;
  border-radius: 5px;
  margin: 0px 5px;
}
.order-types .btn-container .btn.ok {
  background: #2d2d5f;
  color: #FFFFFF;
}
.order-types .btn-container .btn.cancel {
  border: 1px solid #2d2d5f;
  color: #2d2d5f;
  background: #FFFFFF;
}
.order-types .order-type-selector {
  margin: 30px 10px;
}
.order-types .order-type-selector .label-container {
  display: inline-block;
  width: 135px;
  margin: 0px 260px;
}
.order-types .order-type-selector .label-container label {
  line-height: 40px;
  font-size: 14px;
  color: #2d2d5f;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-types .order-type-selector .label-container i {
  height: 40px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.order-types .order-type-selector .label-container i:hover {
  opacity: 1;
}
.order-types .order-type-selector .order-type-toggle {
  display: table;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.order-types .order-type-selector .order-type-toggle .toggle-item {
  display: table-cell;
  position: relative;
  cursor: pointer;
  height: 40px;
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #cacbcc;
  line-height: 40px;
}
.order-types .order-type-selector .order-type-toggle .toggle-item.max-width {
  width: 130px;
}
.order-types .order-type-selector .order-type-toggle .toggle-item:last-child {
  border-right: none;
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon {
  vertical-align: top;
  height: 27px;
  width: 25px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 6px;
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-textile {
  background-image: url(/img/order-type-textile.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-plastic {
  background-image: url(/img/order-type-plastic.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-print {
  background-image: url(/img/order-type-print.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-metal {
  background-image: url(/img/order-type-metal.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-electronics {
  background-image: url(/img/order-type-electronics.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .icon.icon-wood {
  background-image: url(/img/order-type-wood.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item .label {
  width: 75px;
  vertical-align: top;
  color: #2d2d5f;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  line-height: normal;
  margin-top: -5px;
}
.order-types .order-type-selector .order-type-toggle .toggle-item input {
  height: 30px;
  width: 95%;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 12px;
  color: #2d2d5f;
  padding: 0 5px;
  margin: 0 auto;
  display: block;
  margin-top: 5px;
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected {
  background-color: #2d2d5f;
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-textile {
  background-image: url(/img/order-type-textile-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-plastic {
  background-image: url(/img/order-type-plastic-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-print {
  background-image: url(/img/order-type-print-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-metal {
  background-image: url(/img/order-type-metal-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-electronics {
  background-image: url(/img/order-type-electronics-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-wood {
  background-image: url(/img/order-type-wood-selected.svg);
}
.order-types .order-type-selector .order-type-toggle .toggle-item.selected .label {
  color: #fff;
}

@media screen and (max-width: 870px) {
  .dialog.terms .box.box-scale, .dialog.help .box.box-scale {
    width: 90% !important;
  }

  .box.box-scale .form .title {
    font-size: 16px !important;
  }
  .box.box-scale .form .title img {
    width: 80px !important;
  }
}
.external-track-and-trace {
  background-color: #F4F7FC;
  min-height: 100vh;
}
.external-track-and-trace h1, .external-track-and-trace h2, .external-track-and-trace p, .external-track-and-trace a, .external-track-and-trace span {
  font-family: "Montserrat", arial;
}
.external-track-and-trace__header {
  background-color: #2d2d5f;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.external-track-and-trace__header .logo {
  padding: 5px;
  margin-left: 10px;
}
.external-track-and-trace__header .logo__img {
  width: 100px;
}
.external-track-and-trace main {
  padding: 43px 0;
  width: 890px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
}
.external-track-and-trace main .track-and-trace-container {
  width: 420px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.external-track-and-trace main .track-and-trace-container__header {
  box-sizing: border-box;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2d2d5f;
  border-radius: 5px 5px 0 0;
}
.external-track-and-trace main .track-and-trace-container__header h1 {
  font-size: 20px;
  color: #fff;
}
.external-track-and-trace main .track-and-trace-container__content {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  padding: 20px;
}
.external-track-and-trace main .track-and-trace-container__refresh {
  background: transparent;
  border: transparent;
}
.external-track-and-trace main .track-and-trace-container__refresh-icon {
  color: #f18269;
  font-size: 18px;
  cursor: pointer;
}
@media screen and (max-width: 950px) {
  .external-track-and-trace main {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding: 35px 0;
  }
  .external-track-and-trace main .track-and-trace-container {
    width: 360px;
    margin-bottom: 16px;
  }
  .external-track-and-trace main .track-and-trace-container__header h1 {
    font-size: 18px;
  }
  .external-track-and-trace main .track-and-trace-container__content {
    padding: 0;
  }
}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before, .fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Light.woff2") format("woff2");
  src: url("../fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2");
  src: url("../fonts/OpenSans-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Semibold.woff2") format("woff2");
  src: url("../fonts/OpenSans-Semibold.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2");
  src: url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: DigitalFont;
  src: url("../fonts/digital-7.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: HelveticaNeue;
  src: url("../fonts/HelveticaNeue-LightExt.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: HelveticaNeue;
  src: url("../fonts/HelveticaNeueMedium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  src: url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
  src: url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2");
  src: url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
}
.form .title {
  color: #2d2d5f !important;
}
.form .p-title {
  color: #000 !important;
}
.form h1 {
  color: #2d2d5f;
  font-weight: normal;
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 16px;
  text-transform: uppercase;
  line-height: 25px;
}
.form h1.centered {
  color: #2d2d5f;
  text-align: center;
}
.form h1 > img {
  position: absolute;
  top: 13px;
  right: 15px;
  height: 40px;
}
.form p {
  color: #2d2d5f;
  line-height: 22px;
  font-size: 16px;
  padding-left: 16px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.form label {
  color: #2d2d5f;
  font-size: 16px;
  padding: 0 10px;
  line-height: 25px;
  text-align: center;
  margin: 0 20px 5px 0px;
  display: inline-block;
}
.form input {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #d0d1d2;
  font-size: 16px;
  display: block;
  padding: 10px;
  width: 400px;
  margin: 0 auto;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #2d2d5f;
}
.form .file-input {
  margin: 20px;
}
.form .intl-tel-input {
  display: block;
  width: 422px;
  margin: 0 auto;
}
.form .intl-tel-input input {
  display: block;
  width: 422px;
  box-sizing: border-box;
}
.form select {
  /* -webkit-appearance: none; */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d0d1d2;
  font-size: 18px;
  display: block;
  height: 50px;
  background-color: #fff;
  padding: 0 10px;
  width: 400px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 5px;
  color: #2d2d5f;
}
.form textarea {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 100px;
}
.form .input-toggle {
  text-align: center;
}
.form .btn {
  background-color: #2d2d5f;
  font-size: 16px;
  display: block;
  padding: 10px;
  width: 250px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.9;
  text-align: center;
  text-transform: uppercase;
}
.form .btn.ok, .form .btn.cancel {
  background-color: #2d2d5f;
}
.form .btn.default {
  background-color: white;
  border: 1px solid #2d2d5f;
  color: #2d2d5f;
}
.form .btn-cancel {
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  color: #a3abb9;
}
.form iframe {
  width: 750px;
  height: 300px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
}
.form .btn-container {
  text-align: center;
  margin-top: 50px;
}
.form .btn-container .btn,
.form .btn-container .btn-cancel {
  display: inline-block;
  width: 120px;
  margin-left: 5px;
  margin-right: 5px;
}
.form .edit-order-dialog {
  margin-top: 20px;
}
.form .help-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form .help-btn-container .btn,
.form .help-btn-container .btn-cancel {
  display: inline-block;
  margin-left: 0px;
  margin-right: 0px;
  height: 50px;
  background-color: #2d2d5f !important;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form .btn:active {
  opacity: 0.8;
}
.form .btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.form .btn.disabled:hover {
  opacity: 0.5;
}
.form .btn:hover {
  opacity: 1;
}
.form input:focus {
  outline: 0;
}
.form ul.note-list {
  padding: 10px;
}
.form ul.note-list > li {
  color: #ff0000;
  font-size: 14px;
  margin-bottom: 10px;
}
.form ul.note-list > li:last-child {
  margin-bottom: 0;
}
.form ul.note-list > li::before {
  content: "!";
  vertical-align: top;
  display: inline-block;
  padding: 1px 5px;
  margin-top: 1px;
  border-radius: 10px;
  line-height: 10px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #ff0000;
}
.form .radio-group {
  padding: 17px;
}
.form .radio-group .radio-group-option {
  height: 30px;
  vertical-align: top;
}
.form .radio-group .radio-group-option input[type=radio] {
  display: inline-block;
  width: 30px;
  line-height: 30px;
}
.form .radio-group .radio-group-option span {
  color: #2d2d5f;
  font-size: 16px;
  line-height: 30px;
}
.form .radio-group .radio-group-option input[type=text] {
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  width: 300px;
  margin-bottom: 0;
  padding: 0 10px;
  opacity: 0;
  visibility: hidden;
}
.form .radio-group .radio-group-option input[type=text].show {
  opacity: 1;
  visibility: visible;
}
.form .radio-group .radio-group-option .bold {
  font-weight: 700;
}
.form .cancel-reason-container {
  padding: 0 35px;
}
.form .cancel-reason-container .subtitle, .form .cancel-reason-container p, .form .cancel-reason-container label {
  color: #000;
}
.form .cancel-reason-container .subtitle {
  font-size: 16px;
  margin-bottom: 20px;
}
.form .cancel-reason-container p {
  padding: 0;
  margin: 0 0 0 9px;
  font-size: 14px;
}
.form .cancel-reason-container label {
  font-size: 14px;
}
.form .cancel-button {
  text-decoration: underline;
}

.cancel-order-reason-selection-form h1 {
  padding: 30px 30px 15px;
  text-transform: none;
}
.cancel-order-reason-selection-form .btn {
  border: none;
  text-transform: none;
  margin-bottom: 30px;
}
.cancel-order-reason-selection-form .btn--cancel {
  background-color: #79797b;
}
.cancel-order-reason-selection-form .radio-group {
  padding-left: 0;
  padding-top: 10px;
}
.cancel-order-reason-selection-form .radio-group .radio-group-option input[type=radio], .cancel-order-reason-selection-form .radio-group .radio-group-option label {
  cursor: pointer;
}
.cancel-order-reason-selection-form .radio-group .radio-group-option input[type=text] {
  height: 26px;
  font-size: 14px;
}
.cancel-order-reason-selection-form .edit-order-dialog {
  margin-top: 10px;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 640px) {
  .screen .top {
    height: 40px;
  }
  .screen .top h1 {
    color: #ffffff;
    font-size: 20px;
    margin-top: 12px;
    margin-right: 20px;
  }
  .screen > .body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
  }
}
.guest-signup-dialog .box {
  background-color: #ffffff;
}

.guest-signup-dialog-content .close-btn {
  width: 30px;
  height: 30px;
  float: right;
  position: absolute;
  right: 0px;
  top: 18px;
  font-size: 22px;
  cursor: pointer;
}
.guest-signup-dialog-content .box {
  background-color: #ffffff;
}
.guest-signup-dialog-content .summary-content {
  float: left;
  width: 320px;
  color: #FFFFFF;
  background: #2d2d5f;
}
.guest-signup-dialog-content .summary-content h1.title {
  margin: 20px;
  margin-bottom: 50px;
  margin-top: 50px;
  color: #ffffff;
  text-align: center;
  font-size: 28px;
}
.guest-signup-dialog-content .summary-content h1.title span {
  color: #00adee;
}
.guest-signup-dialog-content .summary-content .summary-block {
  border-bottom: 1px solid #FFFFFF;
  margin: 20px 20px 20px 20px;
  padding-bottom: 5px;
}
.guest-signup-dialog-content .summary-content .summary-block > span {
  display: block;
  margin: 13px 0px 13px 25px;
  font-size: 14px;
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary {
  border: 0;
  margin-bottom: 0px;
}
.guest-signup-dialog-content .summary-content .summary-block .from-to-bullets {
  background-repeat: no-repeat;
  background-image: url(/img/intant-bid-bullets-12x129.png);
  background-size: 12px auto;
  padding-left: 16px;
  margin-left: 25px;
}
.guest-signup-dialog-content .summary-content .summary-block .from-to-bullets > span {
  display: block;
  margin: 13px 0px 13px 0px;
  font-size: 14px;
}
.guest-signup-dialog-content .summary-content .summary-block .summary-sub-title {
  font-size: 18px;
  background-repeat: no-repeat;
  background-size: 20px;
  line-height: 24px;
}
.guest-signup-dialog-content .summary-content .summary-block.route-summary .summary-sub-title {
  background-image: url(/img/new-order-section-route.svg);
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary .summary-sub-title {
  margin-bottom: 15px;
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary .summary-sub-title img {
  width: 40px;
  padding: 0px;
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary .summary-sub-title span {
  position: relative;
  top: -15px;
  left: 15px;
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary-brand {
  padding-bottom: 15px;
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary-brand img {
  width: 135px;
  margin-bottom: 30px;
}
.guest-signup-dialog-content .summary-content .summary-block.cargo-summary-brand .steenbergen {
  transform: scale(1.3);
}
.guest-signup-dialog-content .summary-content .summary-block.time-summary {
  border-bottom: none;
}
.guest-signup-dialog-content .summary-content .summary-block.time-summary .summary-sub-title {
  background-image: url(/img/new-order-section-time.svg);
}
.guest-signup-dialog-content .summary-content .summary-block .alert-info {
  font-weight: bold;
  color: #00adee;
}
.guest-signup-dialog-content .summary-content .summary-block .date-time-changes {
  margin-left: 23px;
  color: #00adee;
  line-height: 19px;
}
.guest-signup-dialog-content .summary-content .summary-block .date-time-changes > i {
  font-size: 18px;
}
.guest-signup-dialog-content .bid-offer-content {
  float: left;
  width: 520px;
  padding-left: 20px;
  padding-top: 30px;
  background: #FFFFFF;
}
.guest-signup-dialog-content .bid-offer-content .login-container {
  float: left;
  background-color: #ffffff;
}
.guest-signup-dialog-content .bid-offer-content .login-container a {
  color: #00adee !important;
}
.guest-signup-dialog-content .bid-offer-content .login-container .form-title {
  height: 70px;
  background-color: #ffffff;
  text-align: center;
  color: #2d2d5f;
}
.guest-signup-dialog-content .bid-offer-content .login-container .form-title > h1 {
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 18px;
}
.guest-signup-dialog-content .bid-offer-content .login-container .form-title span {
  font-size: 14px;
}
.guest-signup-dialog-content .bid-offer-content .login-container .form-title .login-title {
  font-size: 14px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form {
  text-align: left;
  min-height: 300px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form.error {
  -webkit-animation-name: shake-anim;
  -webkit-animation-duration: 0.3s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: shake-anim;
  -moz-animation-duration: 0.3s;
  -moz-transform-origin: 50% 50%;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form p {
  line-height: 25px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form h1 {
  color: #2d2d5f;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-top: 40px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form label {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  margin-top: 5px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form input[type=checkbox] {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 1px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form label.text, .guest-signup-dialog-content .bid-offer-content .login-container > form div.text {
  font-size: 13.9px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form label.text.text-clickable, .guest-signup-dialog-content .bid-offer-content .login-container > form div.text.text-clickable {
  cursor: pointer;
  float: right;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form label.text.text-clickable span, .guest-signup-dialog-content .bid-offer-content .login-container > form div.text.text-clickable span {
  border-bottom: 1px solid white;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form label.text a, .guest-signup-dialog-content .bid-offer-content .login-container > form div.text a {
  color: #2d2d5f;
  cursor: pointer;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .role-toggle {
  border: 1px solid #2d2d5f;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .role-toggle span {
  vertical-align: top;
  cursor: pointer;
  line-height: 40px;
  color: #55587c;
  padding: 15px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .role-toggle span.selected {
  color: #fff;
  background-color: #ff6b5b;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box {
  color: #b7b8b8;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  position: relative;
  width: 99%;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box i {
  font-size: 16px;
  position: absolute;
  top: 36px;
  height: 40px;
  line-height: 40px;
  left: 10px;
  width: 40px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box input {
  font-size: 16px;
  box-sizing: border-box;
  padding-left: 40px;
  width: 100%;
  padding-right: 10px;
  color: #333;
  line-height: 40px;
  border: 1px solid #b7b8b8;
  height: 38px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box input:-moz-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box.full-line {
  margin: 0 0px 20px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box.no-icon i {
  display: none;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-box.no-icon input {
  padding-left: 10px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-boxes-horizontal > .input-box {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 0;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-boxes-horizontal > .input-box:last-child {
  margin-right: 0;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term {
  margin-bottom: 0px !important;
  margin-top: 20px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term label {
  white-space: normal !important;
  line-height: 1.4 !important;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term.marketing {
  margin-top: 0px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .input-boxes-horizontal.input-boxes-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .radio-input {
  color: #fff;
  width: 200px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .radio-input input[type=radio] {
  display: inline-block;
  width: 30px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form input::first-child {
  margin-top: 0;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form input.phone {
  padding-left: 50px !important;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .forgot-password-btn {
  color: #226EB5;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form a.forgot-password-btn {
  color: #226EB5;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .forgot-container {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .forgot-container .forget-text-container {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  margin-top: 50px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .forgot-container .forget-text-container span {
  border-bottom: 1px solid white;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .forgot-container .forgot-password-sent-message {
  width: 100%;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .btn {
  padding: 5px 20px;
  width: fit-content;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  background-color: #ff6b5b;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .signup-button {
  margin-top: 10px;
  float: right;
  border-radius: 10px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .intl-tel-input input {
  border: 1px solid #b7b8b8;
  line-height: 40px;
  font-size: 16px;
  width: 100%;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .btn:active {
  box-shadow: 0 0 0 #000;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .btn.connecting {
  opacity: 0.7;
  cursor: default;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .bottom-text {
  position: absolute;
  top: 616px;
  left: 0;
  right: 0;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .bottom-text > div.text {
  margin: 0;
  line-height: 20px;
}
.guest-signup-dialog-content .bid-offer-content .login-container > form .have-account {
  margin-top: 25px;
  margin-bottom: 10px;
}
.guest-signup-dialog-content .bid-offer-content .login-container.login-form {
  width: 93%;
}
.guest-signup-dialog-content .bid-offer-content .login-container.login-form .form-title-container {
  height: 100px;
}
.guest-signup-dialog-content .bid-offer-content .login-container.login-form .btn-container {
  float: right;
  margin: 0;
}
.guest-signup-dialog-content .bid-offer-content .login-container.login-form > form .input-box i {
  top: 31px;
}
.guest-signup-dialog-content .bid-offer-content .login-container.login-form .signup-link {
  cursor: pointer;
}
.guest-signup-dialog-content .btn-container {
  margin: 0px 25px;
}
.guest-signup-dialog-content .btn-container .btn {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  padding: 10px 25px;
  border-radius: 5px;
  margin: 0px 5px;
}
.guest-signup-dialog-content .btn-container .btn.ok {
  float: right;
  background: #2d2d5f;
  color: #FFFFFF;
}
.guest-signup-dialog-content .btn-container .btn.cancel {
  float: left;
  border: 1px solid #2d2d5f;
  color: #2d2d5f;
  background: #FFFFFF;
}
.guest-signup-dialog-content .btn-container .btn.edit {
  float: left;
  border: 1px solid #2d2d5f;
  color: #2d2d5f;
  background: #FFFFFF;
}

.shipper-home .dialog.terms {
  z-index: 10000;
}

.signup-announcement-msg {
  margin-top: -35px;
  background-color: #ff6b5b;
  padding: 5px;
  border-radius: 7px;
  color: #ffffff;
  display: none;
}
.hometab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hometab .hometab-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hometab .hometab-body div.tabs {
  position: absolute;
  top: 0;
  bottom: 0;
  padding-top: 10px;
  width: 180px;
  z-index: 3;
  background-color: #2d2d5f;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  left: 0;
  text-align: center;
}
.hometab .hometab-body div.tabs img.logo {
  width: 100px;
  margin-bottom: 20px;
}
.hometab .hometab-body div.tabs ul li {
  position: relative;
  cursor: pointer;
  height: 50px;
  text-align: left;
}
.hometab .hometab-body div.tabs ul li a {
  text-align: left;
  font-size: 14px;
  line-height: 50px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  width: 149px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hometab .hometab-body div.tabs ul li a::before {
  content: "";
  vertical-align: top;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 50px;
  background-position: center;
  margin: 0 5px;
}
.hometab .hometab-body div.tabs ul li.tab-signup {
  margin-top: 20px;
}
.hometab .hometab-body div.tabs ul li.tab-signup a {
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  width: 100px;
  margin: 0 auto;
  border-radius: 5px;
  display: block;
}
.hometab .hometab-body div.tabs ul li.tab-signup a:hover {
  opacity: 0.8;
}
.hometab .hometab-body div.tabs ul li.tab-signup a::before {
  display: none;
}
.hometab .hometab-body div.tabs ul li.tab-new-request a::before {
  background-image: url(/img/tab-new-request.svg);
}
.hometab .hometab-body div.tabs ul li.tab-active-orders a::before {
  background-image: url(/img/tab-active-orders.svg);
}
.hometab .hometab-body div.tabs ul li.tab-history-orders a::before {
  background-image: url(/img/tab-history-orders.svg);
}
.hometab .hometab-body div.tabs ul li.tab-available-trucks a::before {
  background-image: url(/img/tab-available-trucks.svg);
}
.hometab .hometab-body div.tabs ul li.tab-my-contracts a::before {
  background-image: url(/img/tab-my-contracts.svg);
}
.hometab .hometab-body div.tabs ul li.tab-integrations a::before {
  background-image: url(/img/tab-integrations.svg);
}
.hometab .hometab-body div.tabs ul li span.number {
  background-color: #ff6b5b;
  height: 14px;
  line-height: 14px;
  min-width: 14px;
  border-radius: 14px;
  color: #fff;
  font-size: 9px;
  padding: 3px;
  text-align: center;
  opacity: 0;
  margin-top: 15px;
  transition: all 0.3s;
  float: right;
  margin-right: 8px;
}
.hometab .hometab-body div.tabs ul li span.number.show {
  opacity: 1;
}
.hometab .hometab-body div.tabs ul li.selected {
  background-color: #3f3fa5;
}
.hometab .hometab-body div.tabs .support {
  margin: 0 auto;
  width: 180px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hometab .hometab-body div.tabs .support i {
  color: #fff;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 28px;
}
.hometab .hometab-body div.tabs .support .support-link {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}
.hometab .hometab-body div.tabs .support .support-link:hover, .hometab .hometab-body div.tabs .support .support-link:focus {
  text-decoration: underline;
}
.hometab .hometab-body div.tabs .bottom-version {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.hometab .hometab-body .tabs-bar {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  background-color: #fff;
  z-index: 4;
  padding-left: 20px;
  padding-right: 20px;
  left: 180px;
  right: 0;
}
.hometab .hometab-body .tabs-bar ul.bar-actions {
  display: inline-block;
}
.hometab .hometab-body .tabs-bar ul.bar-actions li {
  display: inline-block;
  margin-right: 10px;
  line-height: 30px;
  cursor: pointer;
  opacity: 0.8;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #333333;
  border-radius: 5px;
  padding: 0 10px;
}
.hometab .hometab-body .tabs-bar ul.bar-actions li:hover {
  opacity: 1;
}
.hometab .hometab-body .tabs-bar ul.bar-actions li i {
  font-size: 14px;
  color: #333333;
  margin-right: 5px;
}
.hometab .hometab-body .tabs-bar ul.bar-actions li span {
  font-size: 14px;
  color: #333333;
}
.hometab .hometab-body .tabs-bar .note {
  line-height: 50px;
  font-size: 14px;
  color: #3D3D3D;
  vertical-align: top;
  display: inline-block;
}
.hometab .hometab-body .tabs-bar .note::before {
  content: "!";
  vertical-align: top;
  display: inline-block;
  padding: 1px 5px;
  margin-top: 20px;
  border-radius: 10px;
  line-height: 10px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #ff0000;
}
.hometab .hometab-body .app-header {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 1020px;
  right: 0;
  height: 45px;
  background-color: #f3f7f8;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.3s;
}
.hometab .hometab-body .app-header img.logo {
  height: 30px;
  padding-top: 7px;
  margin-right: 20px;
  float: left;
}
.hometab .hometab-body .app-header .user-profile {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.hometab .hometab-body .tab-content {
  position: absolute;
  top: 0;
  width: 840px;
  bottom: 0;
  z-index: 6;
  background-color: #f3f7f8;
  left: 180px;
}
.hometab .hometab-body .tab-content .child-company-name {
  font-size: 11px;
  display: inline-block;
  color: #fff;
  background-color: #EE6B4F;
  border-radius: 5px;
  padding: 4.5px 12px;
}
.hometab .hometab-body .tab-content .child-company-name.carrier-position {
  margin-left: 5px;
}
.hometab .hometab-body .tab-content .child-company-name.shipper-position {
  margin-bottom: 5px;
}
.hometab .hometab-body .map-content {
  z-index: 2;
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 1020px;
  right: 0;
}
.hometab .hometab-body .map-content .map-content-body {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.hometab .hometab-body .map-content.guest-mode {
  top: 0;
}
.hometab .hometab-body .tab-content .tab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hometab .hometab-body .tab-content .tab .empty-list-message {
  font-size: 42px;
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  text-align: center;
  color: #D5D5D5;
  font-weight: bold;
}
.hometab .hometab-body .platform-alert-action {
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 50px;
}
.hometab .hometab-body .platform-alert-action > a {
  display: block;
  background: #ff6b5b;
}
.hometab .hometab-body .platform-alert-action > a > i {
  margin: 8px;
  font-size: 12pt;
}
.hometab .hometab-body .platform-alert-action .platform-alert-message {
  background: #ff6b5b;
  color: #fff;
  margin: 7px;
  font-size: 10pt;
  padding: 6px;
  border-radius: 6px;
  line-height: 14px;
}
.hometab .hometab-body .platform-alert-action.status-ongoing > a, .hometab .hometab-body .platform-alert-action.status-ongoing .platform-alert-message {
  background: #ff6b5b;
}
.hometab .hometab-body .platform-alert-action.status-warning > a, .hometab .hometab-body .platform-alert-action.status-warning .platform-alert-message {
  background: #00adee;
}
.hometab .hometab-body .platform-alert-action.status-solved > a, .hometab .hometab-body .platform-alert-action.status-solved .platform-alert-message {
  background: #48ca28;
}

@media (max-width: 1400px) {
  .hometab .hometab-body .tab-content {
    width: 720px;
  }
  .hometab .hometab-body .map-content {
    left: 900px;
  }
  .hometab .hometab-body .app-header {
    left: 900px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .login-screen .body .login-container > form .intl-tel-input input {
    height: 43px;
  }

  .order-list-container {
    overflow-x: hidden;
  }

  .order-events-window .order-events-window-table .event-row .event-col-time.event-col {
    float: left;
  }

  .order-events-window .order-events-window-table .event-row .event-col-text.event-col {
    float: left;
  }

  .order-events-window .order-events-window-table .event-row .event-col-date.event-col {
    float: left;
  }

  .order-details-cards .details-card > .order-details-card-tabbar > div {
    padding: 0 3px 0 3px;
  }

  .login-screen .body .login-container > form .input-box input {
    height: 40px;
  }

  .order-details-cards .details-card .order-details-card-section .actions-column {
    width: 110px;
  }
}
.location-arrival-picker.pickup {
  margin-bottom: 25px;
}
.location-arrival-picker.delivery {
  margin-bottom: 40px;
}
.location-arrival-picker.hide-titles > .picker-column > .label {
  display: none;
}
.location-arrival-picker > .picker-column {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.location-arrival-picker > .picker-column:last-child {
  margin-right: 0;
}
.location-arrival-picker > .picker-column > .label {
  color: #333;
  font-size: 14px;
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  vertical-align: top;
}
.location-arrival-picker > .picker-column.picker-column-small {
  width: 150px;
}
.location-arrival-picker > .picker-column.picker-column-small > .label {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.location-arrival-picker > .picker-column .date-toggle {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  vertical-align: top;
  width: 300px;
  height: 30px;
  position: relative;
}
.location-arrival-picker > .picker-column .date-toggle input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.location-arrival-picker > .picker-column .date-toggle span {
  cursor: pointer;
  display: inline-block;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #2d2d5f;
}
.location-arrival-picker > .picker-column .date-toggle span.selected {
  color: #fff;
  background-color: #2d2d5f;
}
.location-arrival-picker > .picker-column .date-toggle span.disabled {
  cursor: default;
  opacity: 0.4;
}
.location-arrival-picker > .picker-column .date-toggle span.hide {
  display: none;
}
.location-arrival-picker > .picker-column .date-toggle .today-disabled-message {
  font-size: 12px;
  color: #ff6b5b;
  left: 0;
  bottom: -16px;
  height: 14px;
  position: absolute;
  opacity: 0;
}
.location-arrival-picker > .picker-column .date-toggle .today-disabled-message.message-visible {
  opacity: 1;
}
.location-arrival-picker > .picker-column .hour-ranges {
  position: relative;
}
.location-arrival-picker > .picker-column .hour-ranges select {
  width: 82px;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  color: #2d2d5f;
  text-align: left;
  padding: 7px 10px;
  border-radius: 5px;
  border: 1px solid #abb4c3;
  height: auto;
  font-size: 14px;
  background-color: #fff;
}
.location-arrival-picker > .picker-column .hour-ranges select:disabled {
  color: #abb4c3;
}
.location-arrival-picker > .picker-column .hour-ranges label {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
  color: #abb4c3;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 12px;
}
.location-arrival-picker > .time-error {
  margin-left: 5px;
  margin-top: 5px;
  color: #d52626;
}
.location-arrival-picker > .time-error i {
  margin-right: 5px;
}
.location-arrival-picker[data-hide-today=true][data-hide-tomorow=true] .date-toggle {
  width: 96px;
}

.location-input-fields {
  position: relative;
  display: flex;
}
.location-input-fields div.location-type-icon {
  vertical-align: top;
  display: inline-block;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
}
.location-input-fields div.location-type-icon.pickup {
  background-image: url(/img/location-input-pickup.svg);
}
.location-input-fields div.location-type-icon.delivery {
  background-image: url(/img/location-input-delivery.svg);
}
.location-input-fields .location-input-field {
  display: inline-block;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-right: 10px;
}
.location-input-fields .location-input-field .input-message {
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 200px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.location-input-fields .location-input-field .input-message.error {
  background: #565656;
  color: #fff;
}
.location-input-fields .location-input-field .input-message.bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.location-input-fields .location-input-field .input-message i {
  display: inline-block;
  color: #fff;
}
.location-input-fields .location-input-field .input-message span {
  display: inline-block;
  margin-left: 5px;
}
.location-input-fields .location-input-field input,
.location-input-fields .location-input-field select {
  padding: 0 10px;
  vertical-align: top;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  font-size: 13px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.location-input-fields .location-input-field input:focus,
.location-input-fields .location-input-field select:focus {
  outline: 0;
}
.location-input-fields .location-input-field.location-input-field-country input,
.location-input-fields .location-input-field.location-input-field-country select {
  width: 100px;
}
.location-input-fields .location-input-field.location-input-field-address {
  flex: 1;
}
.location-input-fields .location-input-field.location-input-field-address input,
.location-input-fields .location-input-field.location-input-field-address select {
  width: 100%;
}
.location-input-fields .location-input-field.location-input-field-address .input-message {
  width: 100%;
}
.location-input-fields .location-input-field.location-input-field-address.invalid {
  border-color: #ff6b5b;
  border-width: 3px;
}
.location-input-fields .location-input-field.location-input-field-address.unknown {
  border-color: #00adee;
  border-width: 1px;
}
.location-input-fields .location-input-field.location-input-field-address.highlight {
  border-color: #ff6b5b;
  border-width: 3px;
  animation: border-error-pulsate 1s 3;
}
.location-input-fields .location-input-field:last-child {
  margin-right: 0;
}
.location-input-fields .location-input-field .location-input-options {
  margin-top: 5px;
  position: absolute;
  width: 100%;
  box-shadow: 0px 3px 3px 0px #ccc;
  z-index: 11;
  background-color: white;
  line-height: 1;
}
.location-input-fields .location-input-field .location-input-options .location-input-error {
  overflow: hidden;
  padding: 10px;
  font-size: 12px;
  background-color: #ff6b5b;
  color: white;
}
.location-input-fields .location-input-field .location-input-options .location-input-info {
  overflow: hidden;
  padding: 10px;
  font-size: 12px;
  background-color: #00adee;
  color: white;
}
.location-input-fields .location-input-field .location-input-options .ui-menu-item-action {
  display: flex;
  padding: 10px;
  margin-top: 10px;
  border-top: 1px solid #ccc;
  cursor: pointer;
}
.location-input-fields .location-input-field .location-input-options .ui-menu-item-action:hover {
  background-color: #2d2d5f;
  color: white;
}
.location-input-fields .location-input-field .location-input-options .ui-menu-item-action:hover .ui-menu-item-icon {
  color: white;
}
.location-input-fields .location-input-field #input_location_tooltip_pickup,
.location-input-fields .location-input-field #input_location_tooltip_delivery {
  position: absolute;
  margin-top: 20px;
  right: 0%;
  cursor: pointer;
}
.location-input-fields .location-input-field #input_location_tooltip_pickup a,
.location-input-fields .location-input-field #input_location_tooltip_delivery a {
  color: white;
}
.location-input-fields .qc-modal-container {
  width: 450px;
}

.input-message {
  float: left;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  font-size: 14px;
}
.input-message.error {
  background: #565656;
  color: #fff;
}
.input-message.bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.input-message.other {
  position: absolute;
  margin-top: 6px;
  width: 154px;
}
.input-message.other span, .input-message.other i {
  font-size: 11px;
  line-height: 12px;
}
.input-message i {
  float: left;
  color: #fff;
}
.input-message span {
  float: left;
  width: calc(100% - 42px);
  line-height: 11px;
  text-align: left;
  margin-left: 5px;
}

.input-field {
  border: none;
  border-radius: 5px;
  height: 40px;
  width: 520px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.input-field .label {
  color: #4a4a4a;
  width: 150px;
  line-height: 40px;
  display: inline-block;
  font-size: 16px;
  padding-left: 5px;
}
.input-field input {
  display: inline-block;
  width: 300px;
  padding: 10px 5px;
  border: 1px solid #dddddd;
  box-shadow: inset 0 0 3px #dddddd;
  line-height: normal !important;
  font-size: 14px;
  color: #3d7abf;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.input-field input:focus {
  outline: 0;
}

.input-toggle {
  margin-bottom: 15px;
}
.input-toggle div {
  width: 120px;
  display: inline-block;
  border: 1px solid #d4d4d4;
  text-align: center;
  padding: 5px 0;
  color: #4a4a4a;
  margin: 0;
  background-color: #e3ebee;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s;
  vertical-align: top;
  position: relative;
  height: 32px;
  line-height: 32px;
  margin-left: 5px;
}
.input-toggle div:first-child {
  margin-left: 0;
}
.input-toggle div.selected {
  color: #3d7abf;
  background-color: #ffffff;
  opacity: 1;
}
.input-toggle div i {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.input-toggle div span {
  display: block;
  text-align: center;
  margin: 2px;
  height: 20px;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
}
.input-toggle div.no-icon span {
  top: 5px;
}
.input-toggle div span.note {
  font-size: 10px;
}

div.dropdown-field {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  background-color: #fff;
  margin-right: 10px;
}
div.dropdown-field > select {
  vertical-align: top;
  border: none;
  height: 30px;
  line-height: 30px;
  color: #2d2d5f;
  font-size: 14px;
  background-color: transparent;
}
div.dropdown-field.required {
  border-color: #f7709e;
  background-color: #ffe8f0 !important;
}

div.checkbox {
  margin-bottom: 20px;
  color: #3d7abf;
  font-size: 18px;
  display: inline-block;
  margin-right: 20px;
}
div.number-input label, div.text-input label {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 16px;
  display: block;
  margin-bottom: 5px;
  margin-right: 20px;
}
div.number-input label.label-title, div.text-input label.label-title {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  display: inline-block;
  width: 120px;
}
div.number-input label.label-subtitle, div.text-input label.label-subtitle {
  font-size: 16px;
  color: #676767;
  display: inline-block;
}
div.number-input input {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 80px;
  display: inline-block;
  text-align: center;
  height: 40px;
  border: 1px solid #ddd;
  box-shadow: inset 0 0 3px #ddd;
  line-height: 40px !important;
  font-size: 14px;
  color: #3d7abf;
}
div.text-input input {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 80px;
  display: inline-block;
  text-align: center;
  height: 40px;
  border: 1px solid #ddd;
  box-shadow: inset 0 0 3px #ddd;
  line-height: 40px !important;
  font-size: 14px;
  color: #3d7abf;
  width: 150px;
}
div.number-input input:focus, div.text-input input:focus {
  outline: 0;
}
div.input-contact-details {
  display: inline-block;
  width: 420px;
  margin: 20px 0;
}
div.input-contact-details.error::after {
  content: attr(data-error);
  font-size: 14px;
  color: #ff0000;
  display: block;
}
div.input-contact-details .row {
  width: 420px;
  margin-bottom: 5px;
}
div.input-contact-details .row:last-child {
  border-bottom: none;
}
div.input-contact-details .row label {
  display: inline-block;
  line-height: 40px;
  font-size: 16px;
  color: #4a4a4a;
  width: 120px;
  margin-left: 5px;
  /* height: 100%; */
}
div.input-contact-details .row input {
  line-height: 30px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 16px;
  width: 260px;
  padding: 10px 5px;
  border: 1px solid #dddddd;
  box-shadow: inset 0 0 3px #dddddd;
  line-height: normal !important;
  color: #3d7abf;
}
div.input-contact-details.error .row.phone input {
  border-color: #ff0000;
}
div.input-contact-details .row input:focus {
  outline: 0;
}

textarea {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #dddddd;
  box-shadow: inset 0 0 3px #dddddd;
  color: #3d7abf;
  font-size: 16px;
  margin: 20px 0;
  width: 400px;
  padding: 10px;
}

.picker__box {
  font-size: 1.2em !important;
  border-radius: 0 !important;
  padding: 30px !important;
  border-radius: 10px !important;
  border: none;
  box-shadow: none;
}

.picker__frame {
  max-width: 466px !important;
}

.picker--opened .picker__frame {
  top: 10% !important;
}

.picker__table td,
.picker__weekday {
  text-align: center !important;
}

.picker__header {
  background-color: #fff;
  color: #2d2d5f;
  margin-top: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.picker__year {
  color: #2d2d5f;
}

.picker__prev__btn::before {
  content: "<";
  color: #2d2d5f;
  font-size: 16px;
  position: absolute;
  top: 8px;
  font-weight: bold;
  right: auto;
  left: 12px;
}

.picker__next__btn::before {
  content: ">";
  color: #2d2d5f;
  font-size: 16px;
  position: absolute;
  top: 8px;
  font-weight: bold;
  left: auto;
  right: 12px;
}

.picker__button--close {
  background-color: #79797b !important;
  color: #fff;
  opacity: 0.9;
  border-radius: 5px;
  font-weight: 400 !important;
}
.picker__button--close:before {
  display: none !important;
}
.picker__button--close:hover {
  opacity: 1;
  color: #fff !important;
}

.input-group-singleline {
  margin-bottom: 20px;
}
.input-group-singleline > * {
  display: inline-block;
}

.horizontal-order > div {
  display: inline-block;
  vertical-align: top;
}
.horizontal-order > div:last-child {
  margin-left: 10px;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 0;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cacbcc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-autocomplete .ui-recent-locations-title {
  padding: 10px 15px;
  color: #2d2d5f;
  background-color: #f3f7f8;
  margin-bottom: 10px;
  vertical-align: top;
  cursor: default;
}
.ui-autocomplete .ui-recent-locations-title i {
  vertical-align: top;
  margin-right: 20px;
}

.ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
  text-decoration: none;
}

.ui-state-hover,
.ui-state-active {
  color: #ffffff;
  text-decoration: none;
  background-color: #2d2d5f;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

.ui-menu-item-wrapper {
  display: flex;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.ui-menu-item-wrapper .ui-menu-item-icon {
  margin: 0 10px 0 0;
  color: #aaa;
}

.ui-menu-item-action {
  color: #3f3fa5;
  border-bottom: none;
  margin-top: 5px;
  border-top: 1px solid #ccc;
}
.ui-menu-item-action .ui-menu-item-icon {
  color: #3f3fa5;
  margin-right: 10px;
}

.ui-menu-item-wrapper.ui-state-active .ui-menu-item-icon,
.ui-menu-item-action.ui-state-active {
  color: #ffffff;
}

.ui-menu-item-divider {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  padding: 5px;
}

.file-input {
  border: 1px dashed #dbe5ea;
  background-color: #f7fbfc;
  text-align: center;
  vertical-align: middle;
  line-height: 100px;
  height: 100px;
  transition: all 0.3s;
}
.file-input.active {
  border: 1px solid #dbe5ea;
}
.file-input.active label {
  opacity: 0;
}
.file-input label {
  transition: all 0.3s;
  display: inline-block;
  font-size: 14px;
  color: #2d2d5f;
  padding: 0;
  margin: 0;
}
.file-input label a {
  color: #00adee;
  text-transform: uppercase;
  margin-right: 5px;
  cursor: pointer;
}

@media (max-width: 1400px) {
  .location-arrival-picker.delivery {
    margin-bottom: 50px;
  }
}
.instant-bid-directive {
  position: absolute;
  bottom: 14px;
  z-index: 2;
  left: 1034px;
  width: 285px;
  background: #fff;
  border-radius: 5px;
  opacity: 0.98;
  box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: height 500ms;
  /* For Safari 3.1 to 6.0 */
  transition: height 500ms;
}
.instant-bid-directive.loading {
  height: 237px;
}
.instant-bid-directive.stage-1 {
  height: 70px;
}
.instant-bid-directive.stage-2 {
  height: 270px;
}
.instant-bid-directive.stage-3 {
  height: 460px;
}
.instant-bid-directive .instant-bid-body {
  float: left;
  padding: 10px;
}
.instant-bid-directive .instant-bid-body .loading-mask {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  right: 0;
  top: 32px;
  bottom: 0;
}
.instant-bid-directive .instant-bid-body .loading-mask .loading-content {
  margin: 110px auto 0;
  width: 250px;
  text-align: center;
  color: #2d2d5f;
  font-size: 15px;
}
.instant-bid-directive .instant-bid-body .loading-mask .loading-content > img {
  margin: 0 auto;
  display: block;
  width: 50px;
}
.instant-bid-directive .instant-bid-body .transport-request-box {
  position: absolute;
  bottom: 0px;
  left: -8px;
  width: 292px;
  background: #2d2d5f;
  border-radius: 20px;
  box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.15);
  border: 5px solid #2d2d5f;
  color: #fff;
  outline-style: solid;
  float: left;
  height: 190px;
  text-align: center;
  -webkit-transition: height 500ms;
  /* For Safari 3.1 to 6.0 */
  transition: height 500ms;
}
.instant-bid-directive .instant-bid-body .transport-request-box .message-text {
  position: absolute;
  bottom: 60px;
  font-size: large;
  right: 0;
  line-height: normal;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0;
  outline: 0;
  font-family: "OpenSansRegular";
  vertical-align: -webkit-baseline-middle;
  margin-top: 0px;
  font-weight: bold;
}
.instant-bid-directive .title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2d2d5f;
}
.instant-bid-directive .fill-data-message {
  float: left;
  font-size: 14px;
  margin-top: 5px;
}
.instant-bid-directive .summary {
  float: left;
  width: 450px;
  font-size: 13px;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #c6c6c6;
}
.instant-bid-directive .summary .summary-table {
  width: 450px;
}
.instant-bid-directive .summary .summary-table .summary-item {
  line-height: 30px;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-title {
  color: #2d2d5f;
  font-weight: bold;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-description {
  padding-left: 5px;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-description.order-path, .instant-bid-directive .summary .summary-table .summary-item .summary-description.order-date {
  text-align: center;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-description .truck-cargo {
  margin: 0 5px;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-description .city-from,
.instant-bid-directive .summary .summary-table .summary-item .summary-description .time-from {
  float: left;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-description .city-to,
.instant-bid-directive .summary .summary-table .summary-item .summary-description .time-to {
  float: right;
}
.instant-bid-directive .summary .summary-table .summary-item .summary-description .city-from,
.instant-bid-directive .summary .summary-table .summary-item .summary-description .city-to {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.instant-bid-directive .instant-bid {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.instant-bid-directive .instant-bid .bid-alternatives {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.instant-bid-directive .instant-bid .bid-alternatives .match-title {
  text-align: center;
  padding-top: 5px;
  font-size: 14px;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match {
  float: left;
  width: 264px;
  color: #ffffff;
  background-color: #2d2d5f;
  border-radius: 5px;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match.single-match {
  float: none;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match .no-match-message {
  padding: 10px 10px;
  margin-top: 63px;
  height: 112px;
  display: inline-block;
  font-size: 15px;
  text-align: center;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match .price {
  text-align: center;
  font-size: 35px;
  margin: 20px 0 12px;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match .detail-button {
  font-size: 16px;
  color: #fff;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match .detail-button:hover {
  background-color: #3f3fa5;
}
.instant-bid-directive .instant-bid .bid-alternatives .best-match .fuel-included {
  font-size: 12px;
  text-align: center;
  margin-bottom: 18px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box {
  position: relative;
  display: inline-block;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match {
  float: left;
  color: #2d2d5f;
  width: 125px;
  border: 1px solid #2d2d5f;
  border-radius: 5px;
  margin-top: 10px;
  min-height: 180px;
  position: relative;
  padding: 0 5px;
  box-sizing: border-box;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .btn {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2d2d5f;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .match-title {
  padding-top: 4px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .bid-details {
  float: left;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 3px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .bid-details > span {
  font-size: 20px;
  display: block;
  height: 66px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .bid-details .currency {
  font-size: 17px;
  margin-left: -5px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .bid-details .delivery-time {
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  margin-top: 5px;
  width: 100%;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match .bid-details .delivery-time > i.tooltip.fa-info-circle {
  color: #d52626;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match.single-match {
  width: 262px;
  margin: 10px auto 0;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match.single-match .bid-details {
  float: none;
  margin: 10px auto 3px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .cheap-match.second-match {
  margin-left: 10px;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .detail-button {
  font-size: 13px;
  color: #2d2d5f;
}
.instant-bid-directive .instant-bid .bid-alternatives .alt-box .detail-button:hover {
  background-color: #ecf0f5;
}
.instant-bid-directive .instant-bid .bid-alternatives .btn {
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  color: white;
}
.instant-bid-directive .instant-bid .bid-alternatives .btn.continue {
  padding: 10px;
  font-size: 12px;
  border: 10px solid #2d2d5f;
  border-radius: 15px;
  width: 150px;
  margin: 0 auto;
  background: #ff6b5b;
}
.instant-bid-directive .instant-bid .bid-alternatives .btn.next {
  padding: 5px 20px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 13px;
  display: table;
}
.instant-bid-directive .instant-bid .bid-alternatives .price-details {
  text-align: center;
}
.instant-bid-directive .instant-bid .bid-alternatives .price-details .detail-button {
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;
  user-select: none;
  background-color: transparent;
  border: none;
}
.instant-bid-directive .instant-bid .bid-alternatives .price-details .detail-button i {
  margin-left: 5px;
}
.instant-bid-directive .instant-bid .bid-alternatives .price-details .price-composition {
  display: none;
}
.instant-bid-directive .instant-bid .bid-expired-mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}
.instant-bid-directive .instant-bid .bid-expired-mask .btn.update-price {
  cursor: pointer;
  text-align: center;
  background: #ffffff;
  color: #2d2d5f;
  border: 1px solid #2d2d5f;
  padding: 10px 20px;
  margin: 75px auto 0;
  border-radius: 5px;
  width: 180px;
  font-size: 18px;
  font-weight: bold;
}
.instant-bid-directive .instant-bid .no-bid-found {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.97);
}
.instant-bid-directive .instant-bid .no-bid-found .message {
  text-align: center;
  color: #2d2d5f;
  padding: 5px;
  margin: 50px auto 0;
  width: 90%;
  font-size: 16px;
}
.instant-bid-directive .instant-bid .order-ticket-request {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.97);
}
.instant-bid-directive .instant-bid .order-ticket-request .message {
  text-align: center;
  color: #2d2d5f;
  padding: 5px;
  margin: 0 auto;
  width: 90%;
  font-size: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
}
.instant-bid-directive .instant-bid .order-ticket-request .btn {
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0;
}
.instant-bid-directive .instant-bid .order-ticket-request-additional-info {
  height: 230px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
}
.instant-bid-directive .instant-bid .order-ticket-request-additional-info .title {
  position: absolute;
  top: 8px;
  left: 10%;
  font-weight: bold;
  font-size: 16px;
}
.instant-bid-directive .instant-bid .order-ticket-request-additional-info .text-area-box {
  position: absolute;
  top: 24px;
  left: 4%;
  width: 83%;
  height: 104px;
  text-align: left;
  font-size: 16px;
  color: black;
  display: inline-table;
  border: 3px solid #2d2d5f;
  border-radius: 20px;
  overflow: hidden;
  font-family: OpenSansRegular;
}
.instant-bid-directive .instant-bid .order-ticket-request-additional-info .btn.submit {
  cursor: pointer;
  text-align: center;
  background: #ffffff;
  color: #2d2d5f;
  border: 1px solid #2d2d5f;
  padding: 10px 5px;
  border-radius: 5px;
  width: 130px;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  bottom: 8px;
  left: 25%;
}
.instant-bid-directive .instant-bid .btn.yes {
  cursor: pointer;
  text-align: center;
  background: #ffffff;
  color: #2d2d5f;
  border: 1px solid #2d2d5f;
  padding: 10px 20px;
  margin: 7% auto 0;
  border-radius: 5px;
  width: 130px;
  font-size: 18px;
  font-weight: bold;
}

.tooltipster-base.restriction-area-more-info {
  pointer-events: all;
}
.tooltipster-base.restriction-area-more-info a {
  color: #fff;
}
.tooltipster-base table.price-composition {
  margin-bottom: -8px;
}
.tooltipster-base table.price-composition td {
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}
.tooltipster-base table.price-composition td img {
  max-width: 35px;
  max-height: 35px;
}
.tooltipster-base table.price-composition .composition-label {
  padding-left: 10px;
  padding-right: 30px;
}
.tooltipster-base table.price-composition .composition-label a {
  pointer-events: all;
  color: #2d2d5f;
}
.tooltipster-base table.price-composition .composition-label a:visited {
  color: #2d2d5f;
}
.tooltipster-base table.price-composition .composition-label a::after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f08e";
  font-size: 12px;
  margin-left: 4px;
  position: absolute;
}
.tooltipster-base table.price-composition .composition-price {
  text-align: right;
}
.tooltipster-base table.price-composition tfoot td {
  border-top: 2px solid #2d2d5f;
  font-family: "OpenSansBold";
  color: #00adee;
  height: 31px;
}

@media (max-width: 1200px) {
  .instant-bid-directive {
    right: 10px;
    left: unset;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .instant-bid-directive {
    left: 914px;
  }
}
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../img/flags@2x.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}
@-moz-keyframes loading-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-spinner {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.loading-spinner:not(:required) {
  border: 6px solid #2d2d5f;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 48px;
  height: 48px;
}

.loading-spinner:not(:required)::before {
  -moz-animation: loading-spinner 1250ms infinite linear;
  -webkit-animation: loading-spinner 1250ms infinite linear;
  animation: loading-spinner 1250ms infinite linear;
  -moz-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  -webkit-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  background: #2d2d5f;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 19.2px;
  left: 15px;
  top: 15px;
}

.loading-spinner:not(:required)::after {
  -moz-animation: loading-spinner 15000ms infinite linear;
  -webkit-animation: loading-spinner 15000ms infinite linear;
  animation: loading-spinner 15000ms infinite linear;
  -moz-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  -webkit-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  background: #2d2d5f;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 16px;
  left: 15px;
  top: 15px;
}
body.login {
  background-color: #ecf0f5;
}

.login-screen {
  font-family: HelveticaNeue;
}
.login-screen .page-container {
  width: 1000px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.login-screen .header {
  min-height: 100px;
  background-color: #f7f7f7;
}
.login-screen .header .header-content {
  position: relative;
  z-index: 1;
  padding: 0 5%;
}
.login-screen .header .header-clip {
  position: absolute;
  top: 0;
  width: 33.33%;
  min-width: 320px;
  min-height: 250px;
  background-color: transparent;
}
.login-screen .header .phone-lang-container {
  float: right;
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 0;
}
.login-screen .header .phone-lang-container .signup-shipper,
.login-screen .header .phone-lang-container .signup-carrier {
  margin-right: 5%;
  display: flex;
  align-items: center;
}
.login-screen .header .phone-lang-container .signup-shipper a,
.login-screen .header .phone-lang-container .signup-carrier a {
  text-decoration: none;
}
.login-screen .header .phone-lang-container .signup-shipper .signup-shipper-btn,
.login-screen .header .phone-lang-container .signup-shipper .signup-carrier-btn,
.login-screen .header .phone-lang-container .signup-carrier .signup-shipper-btn,
.login-screen .header .phone-lang-container .signup-carrier .signup-carrier-btn {
  font-size: 18px;
  padding: 15px 30px;
  color: #fff;
  background-color: #ff6b5b;
  cursor: pointer;
}
.login-screen .header .phone-lang-container .select-language__item {
  background-color: #f7f7f7;
}
.login-screen .header .phone-lang-container .select-language .select-language__item:first-of-type {
  justify-content: end;
  padding: 0;
}
.login-screen .header .logo {
  float: left;
  width: 120px;
  padding-top: 32px;
  line-height: 1.1rem;
}
.login-screen .header .logo .logo-img {
  width: 100%;
}
.login-screen .header .logo .shipping-made-easy {
  font-size: 0.88rem;
  font-weight: 100;
  white-space: nowrap;
  color: #2d2d5f;
}
.login-screen .right-img .guy-lines-img {
  width: 22% !important;
  clip-path: unset !important;
  -webkit-clip-path: unset !important;
  top: 21% !important;
}
.login-screen .right-img > img {
  width: 75%;
  position: absolute;
  top: -40px;
  right: 0;
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.login-screen .body {
  border-bottom: #2d2d5f solid 4px;
  text-align: center;
  min-height: 640px;
  padding: 10% 17% 10% 15%;
  padding-bottom: 0px;
}
.login-screen .body.signup {
  padding-bottom: 10% !important;
}
.login-screen .body.signup .image {
  height: 700px;
}
.login-screen .body .image {
  width: 50%;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-screen .body .image > img {
  width: 90%;
}
.login-screen .body .image .enticement-wrapper {
  position: relative;
  right: 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  bottom: 21px;
  height: 480px !important;
}
.login-screen .body .image .enticement-wrapper > .enticement__image {
  margin: 0 auto;
}
.login-screen .body .image .enticement-wrapper > .enticement_message {
  color: #2d2d5f;
}
.login-screen .body .image .enticement-logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.login-screen .body .image .enticement-logo img {
  margin: 0 10px;
}
.login-screen .body .login-container {
  width: 50%;
  float: left;
  background-color: #ffffff;
  -webkit-clip-path: polygon(70px 0, 100% 0, 100% 100%, 0 100%, 0% 70px);
  clip-path: polygon(70px 0, 100% 0, 100% 100%, 0 100%, 0% 70px);
}
.login-screen .body .login-container a {
  color: #00adee !important;
}
.login-screen .body .login-container.unsubscribe-form {
  width: auto;
}
.login-screen .body .login-container .form-title {
  height: 70px;
  background-color: #ffffff;
  padding: 30px;
  padding-left: 70px;
  text-align: left;
  color: #2d2d5f;
}
.login-screen .body .login-container .form-title.form-title-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
.login-screen .body .login-container .form-title > h1 {
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 18px;
}
.login-screen .body .login-container .form-title span {
  font-size: 14px;
}
.login-screen .body .login-container .form-title .login-title {
  font-size: 14px;
}
.login-screen .body .login-container > form {
  background-color: #2d2d5f;
  padding: 15px 50px;
  text-align: left;
  min-height: 300px;
}
.login-screen .body .login-container > form.error {
  -webkit-animation-name: shake-anim;
  -webkit-animation-duration: 0.3s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: shake-anim;
  -moz-animation-duration: 0.3s;
  -moz-transform-origin: 50% 50%;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
.login-screen .body .login-container > form p {
  line-height: 25px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
}
.login-screen .body .login-container > form h1 {
  color: #2d2d5f;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-top: 40px;
}
.login-screen .body .login-container > form label {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-screen .body .login-container > form input[type=checkbox] {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 1px;
}
.login-screen .body .login-container > form label.text, .login-screen .body .login-container > form div.text {
  font-size: 13.9px;
  color: #ffffff;
}
.login-screen .body .login-container > form label.text.text-clickable, .login-screen .body .login-container > form div.text.text-clickable {
  cursor: pointer;
  float: right;
}
.login-screen .body .login-container > form label.text.text-clickable span, .login-screen .body .login-container > form div.text.text-clickable span {
  border-bottom: 1px solid white;
}
.login-screen .body .login-container > form label.text a, .login-screen .body .login-container > form div.text a {
  color: #2d2d5f;
  cursor: pointer;
}
.login-screen .body .login-container > form label.text.required:after, .login-screen .body .login-container > form div.text.required:after {
  content: " *";
  color: red;
}
.login-screen .body .login-container > form .role-toggle {
  border: 1px solid #2d2d5f;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.login-screen .body .login-container > form .role-toggle span {
  vertical-align: top;
  cursor: pointer;
  line-height: 40px;
  color: #55587c;
  padding: 15px;
}
.login-screen .body .login-container > form .role-toggle span.selected {
  color: #fff;
  background-color: #ff6b5b;
}
.login-screen .body .login-container > form .input-box {
  color: #b7b8b8;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  position: relative;
  width: 99%;
}
.login-screen .body .login-container > form .input-box i {
  font-size: 16px;
  position: absolute;
  top: 40px;
  height: 40px;
  line-height: 40px;
  left: 10px;
  width: 40px;
}
.login-screen .body .login-container > form .input-box input {
  font-size: 16px;
  border: none;
  box-sizing: border-box;
  padding-left: 40px;
  width: 100%;
  padding-right: 10px;
  color: #333;
  line-height: 40px;
}
.login-screen .body .login-container > form .input-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-screen .body .login-container > form .input-box input:-moz-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-screen .body .login-container > form .input-box select {
  font-size: 16px;
  border: none;
  box-sizing: border-box;
  width: 100%;
  color: #333;
  height: 40px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 50px;
  background-image: linear-gradient(45deg, transparent 50%, #2d2d5f 50%), linear-gradient(135deg, #2d2d5f 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-radius: 0;
}
.login-screen .body .login-container > form .input-box select:invalid {
  color: #b7b8b8;
  box-shadow: none;
}
.login-screen .body .login-container > form .input-box select option {
  color: #333;
}
.login-screen .body .login-container > form .input-box.full-line {
  width: 100%;
}
.login-screen .body .login-container > form .input-box.no-icon i {
  display: none;
}
.login-screen .body .login-container > form .input-box.no-icon input, .login-screen .body .login-container > form .input-box.no-icon select {
  padding-left: 10px;
}
.login-screen .body .login-container > form .input-boxes-horizontal {
  margin-bottom: 20px;
}
.login-screen .body .login-container > form .input-boxes-horizontal > .input-box {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 50%;
  margin-bottom: 0;
}
.login-screen .body .login-container > form .input-boxes-horizontal > .input-box:last-child {
  margin-right: 0;
}
.login-screen .body .login-container > form .input-boxes-horizontal > .input-box.full-line {
  width: 100%;
}
.login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term {
  margin-bottom: 0px !important;
}
.login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term label {
  white-space: normal !important;
  line-height: 1.4 !important;
}
.login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term.marketing {
  margin-top: 12px;
}
.login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.login-screen .body .login-container > form .radio-input {
  color: #fff;
  width: 200px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}
.login-screen .body .login-container > form .radio-input input[type=radio] {
  display: inline-block;
  width: 30px;
}
.login-screen .body .login-container > form .radio-input.unsubscribe-radio {
  width: 100%;
  display: flex;
  line-height: 20px;
  margin-bottom: 0px;
}
.login-screen .body .login-container > form .radio-input.unsubscribe-radio input[type=radio] {
  width: auto;
  margin-left: 10px;
  margin-top: 14px;
  margin-bottom: 6px;
}
.login-screen .body .login-container > form input::first-child {
  margin-top: 0;
}
.login-screen .body .login-container > form input.phone {
  padding-left: 50px !important;
}
.login-screen .body .login-container > form .forgot-password-btn {
  color: #226EB5;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}
.login-screen .body .login-container > form a.forgot-password-btn {
  color: #226EB5;
}
.login-screen .body .login-container > form .forgot-container {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.login-screen .body .login-container > form .forgot-container .forget-text-container {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  margin-top: 50px;
}
.login-screen .body .login-container > form .forgot-container .forget-text-container span {
  border-bottom: 1px solid white;
}
.login-screen .body .login-container > form .forgot-container .forgot-password-sent-message {
  width: 100%;
}
.login-screen .body .login-container > form .btn {
  padding: 10px 5%;
  width: fit-content;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  background-color: #ff6b5b;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  margin-right: 20px;
  display: inline-block;
}
.login-screen .body .login-container > form .signup-button {
  margin-top: 20px !important;
}
.login-screen .body .login-container > form .intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
}
.login-screen .body .login-container > form .intl-tel-input input {
  border: 1px solid #b7b8b8;
  line-height: 40px;
  font-size: 16px;
  width: 100%;
}
.login-screen .body .login-container > form .btn:active {
  box-shadow: 0 0 0 #000;
}
.login-screen .body .login-container > form .btn.connecting {
  opacity: 0.7;
  cursor: default;
}
.login-screen .body .login-container > form .bottom-text {
  position: absolute;
  top: 616px;
  left: 0;
  right: 0;
}
.login-screen .body .login-container > form .bottom-text > div.text {
  margin: 0;
  line-height: 20px;
}
.login-screen .body .login-container > form .have-account {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 10px;
}
.login-screen .body .btn-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px !important;
}
.login-screen .login-steps {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 20px 0;
}
.login-screen .login-steps .step {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 130px;
  height: 80px;
}
.login-screen .login-steps .step span {
  padding-top: 10px;
  font-family: HelveticaNeue;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2d2d5f;
}
.login-screen .login-steps .step .steps-to-order {
  text-transform: uppercase;
}
.login-screen .login-steps .divider {
  border-bottom: 3px solid #2d2d5f;
  border-radius: 2px;
  margin-bottom: 20px;
  width: 200px;
}
.login-screen .footer-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #2d2d5f;
  width: 100%;
  padding: 20px 0 20px 0;
}
.login-screen .app-footer {
  min-height: 6rem;
  font-size: 1.25rem;
  margin: 0;
  max-width: 100%;
  padding: 0.5rem;
  background-color: #ECEEF1;
  color: #8A949F;
  text-align: center;
}
.login-screen .app-footer p {
  margin: 0.5rem;
}
.login-screen footer {
  position: absolute;
  max-width: 100%;
  background-color: #2d2d5f;
  padding: 40px 30px 40px 0;
}
.login-screen .footer-content {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  justify-content: center;
}
.login-screen .footer-text {
  font-weight: 100;
  color: #ffffff;
  padding-bottom: 10px;
}
.login-screen .footer-text a {
  font-weight: 100;
  color: #ffffff;
}
.login-screen .padding-left a {
  padding-left: 5px;
}
.login-screen .privacy-text {
  color: #ffffff;
}
.login-screen .copyrights {
  display: inline-block;
  color: #ffffff;
  padding-left: 20px;
}
.login-screen .sub-footer-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 0.8rem;
  width: 87%;
  align-items: center;
}
.login-screen .sub-footer-container .links-container {
  display: flex;
  color: white;
  width: 32%;
  flex-direction: column;
}
.login-screen .sub-footer-container .links-container .title {
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
}
.login-screen .sub-footer-container .links-container .links {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}
.login-screen .sub-footer-container .links-container .links a {
  display: inline-flex;
  justify-content: center;
  flex: 1;
  color: white;
  font-size: 14px;
}
.login-screen .sub-footer-container .contact-info {
  display: flex;
  flex-direction: column;
}
.login-screen .privacy-container {
  margin-top: 20px;
}
.login-screen .dialog.terms .form .btn {
  background-color: #2d2d5f;
}
.login-screen .cookies-warning-bar .bar .btns-container .continue-btn {
  background-color: #2d2d5f;
}
.login-screen.landing-page-signup .header {
  background-color: unset;
}
.login-screen.landing-page-signup .right-img > img {
  width: 66%;
}
.login-screen.landing-page-signup .body {
  border-bottom: none;
}
.login-screen.landing-page-signup .body .login-container > form .btn {
  width: 100%;
  padding: 10px 0;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper {
  align-items: flex-start;
  bottom: 0;
  height: 450px !important;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .left-section {
  text-align: left;
  width: 100%;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .left-section h2 {
  font-size: 30px;
  font-weight: 400;
  color: #2d2d5f;
  font-family: HelveticaNeue;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .left-section h2 span {
  color: #00adee;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .left-section .horizontal-line {
  height: 5px;
  background-color: #00adee;
  width: 50px;
  margin: 40px 0;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .left-section ul {
  color: #2d2d5f;
  font-size: 18px;
  list-style-type: disc;
  list-style-position: inside;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .left-section ul li {
  margin: 10px 0px;
  font-family: HelveticaNeue;
  font-weight: 300;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .enticement_message {
  text-align: left;
  font-size: 18px;
  font-family: HelveticaNeue;
  font-weight: 300;
  margin-top: 20px;
}
.login-screen.landing-page-signup .body .image .enticement-wrapper .enticement_message span {
  color: #00adee;
}
.login-screen.landing-page-signup .body .image .enticement-logo img:first-child {
  margin-left: 0;
}
.login-screen.landing-page-signup .login-steps .step .step-1 {
  padding: 10px 20.6px;
  background-color: #2d2d5f;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #2d2d5f;
  font-size: 32px;
}
.login-screen.landing-page-signup .login-steps .step .step-2, .login-screen.landing-page-signup .login-steps .step .step-3, .login-screen.landing-page-signup .login-steps .step .step-4 {
  padding: 10px 20.6px;
  color: #2d2d5f;
  border-radius: 50%;
  border: 2px solid #2d2d5f;
  font-size: 32px;
}

@media screen and (max-width: 1550px) {
  .login-screen .body {
    padding: 10% 5% 10% 12%;
  }
}
@media screen and (max-width: 1250px) {
  .login-screen .body {
    min-height: 70vh !important;
  }
  .login-screen .body .login-container {
    width: 90% !important;
  }
  .login-screen .body .login-container > form {
    padding: 15px 20px !important;
  }
  .login-screen .body .login-container > form .input-box {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .login-screen .body .login-container > form .input-boxes-horizontal {
    margin-bottom: 0px !important;
  }
  .login-screen .body .login-container > form .input-boxes-horizontal > .input-box {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term {
    margin-top: 10px !important;
  }
  .login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-horizontal-term label {
    white-space: normal !important;
    padding-bottom: 15px !important;
  }
  .login-screen .body .login-container > form .input-boxes-horizontal.input-boxes-container {
    flex-direction: column;
  }
  .login-screen .body .login-container .form-title {
    min-height: 120px !important;
    padding: 0px !important;
    padding-left: 10% !important;
    padding-bottom: 20px !important;
  }
  .login-screen .body .login-container .form-title span {
    font-size: 15.5px !important;
  }
  .login-screen .body .login-container .form-title > h1 {
    padding-bottom: 10px !important;
    padding-top: 45px;
    margin-bottom: 0px !important;
    font-size: 1.5em;
  }
  .login-screen .header {
    margin-bottom: 32px;
  }
  .login-screen .header-clip {
    min-height: 210px !important;
  }
  .login-screen .right-img,
.login-screen .image,
.login-screen .login-steps {
    display: none !important;
  }
  .login-screen .header .phone-lang-container .lang {
    display: none !important;
  }
  .login-screen .header .phone-lang-container .signup-shipper .signup-shipper-btn,
.login-screen .header .phone-lang-container .signup-carrier .signup-carrier-btn {
    padding: 1rem;
  }
  .login-screen .shipping-title {
    padding-left: 30px !important;
  }
  .login-screen .sub-container {
    width: 100% !important;
    margin-bottom: 15px !important;
    justify-content: flex-start !important;
  }
  .login-screen .footer-container {
    margin-top: 32px;
  }
  .login-screen .sub-footer-container {
    flex-direction: column !important;
    padding-top: 25px !important;
    padding-left: 0px !important;
    width: 200px;
  }
  .login-screen .sub-footer-container .links-container {
    width: unset;
  }
  .login-screen .sub-footer-container .links-container .links {
    margin: 20px 0px;
  }
  .login-screen .sub-footer-container .links-container .links a {
    margin: 0px 10px;
  }
  .login-screen .copyrights {
    padding-left: 0 !important;
    padding-top: 10px !important;
    width: 100% !important;
  }
  .login-screen .body {
    margin: 0 auto !important;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 30px !important;
    border: 0px !important;
  }
  .login-screen .body.signup {
    padding-top: 60px !important;
  }
}
@media (max-width: 600px) {
  .login-screen .header .phone-lang-container {
    position: absolute;
    top: 100px;
    right: 5%;
    width: 100%;
  }
  .login-screen .header .phone-lang-container .select-language .select-language__item:first-of-type {
    justify-content: start;
    padding: 0 15px;
  }
}
@supports (-webkit-clip-path: polygon(0 -100%, 0% 100%, 100% 1%)) or (clip-path: polygon(0 -100%, 0% 100%, 100% 1%)) {
  .login-screen .header .header-clip {
    background-color: #fff;
    -webkit-clip-path: polygon(0 -100%, 0% 100%, 100% 1%);
    clip-path: polygon(0 -100%, 0% 100%, 100% 1%);
  }
}
.map-view {
  width: 100%;
  height: 100%;
  position: relative;
}
.map-view .map {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
}
.map-view .distance-bar {
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 50%;
  width: 120px;
  opacity: 0.98;
  border-radius: 5px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 50px;
  margin-left: -60px;
  background-color: #fff;
  box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.15);
  color: #ff6b5b;
}
.map-view.carrier-map .distance-bar {
  top: auto;
  bottom: 5px;
}

.gm-iw {
  line-height: 22px;
}
.mobile-home-view img.logo {
  width: 150px;
  margin: 0 auto;
  display: block;
  margin-top: 40px;
}
.mobile-home-view h1 {
  font-size: 18px;
  font-weight: bold;
  color: #2f95f3;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}
.mobile-home-view p {
  font-size: 20px;
  text-align: center;
  color: #323232;
  line-height: 25px;
  margin-bottom: 40px;
}
.mobile-home-view a {
  width: 200px;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
}
.mobile-home-view a.soon {
  opacity: 0.6;
}
.mobile-home-view div.soon {
  color: #323232;
  font-size: 16px;
  display: block;
  text-decoration: none;
  text-align: center;
}
.notification-message {
  position: absolute;
  bottom: 10px;
  z-index: 99999;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  width: 400px;
  transition: all 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  right: 10px;
  box-shadow: 0 0 5px #908b8b;
}
.notification-message.show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.notification-message i.close-btn {
  position: absolute;
  top: 5px;
  width: 18px;
  line-height: 24px;
  background-size: 100% 100%;
  cursor: pointer;
  right: 10px;
  color: #2d2d5f;
  font-size: 24px;
}
.notification-message h1 {
  color: #2d2d5f;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 1px;
}
.notification-message p {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 22px;
}
.notification-message .btn {
  background-color: #2d2d5f;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 5px;
  width: 100px;
  float: right;
  cursor: pointer;
  text-align: center;
  color: #fff;
}
@media print {
  .noPrint {
    display: none;
  }
}
.order-decline {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  font-family: OpenSansRegular;
  display: flex;
  flex-wrap: wrap;
  min-height: 600px;
}
.order-decline .order-decline-map {
  max-width: 40%;
  flex: 0 0 40%;
}
.order-decline .order-decline-body {
  max-width: 60%;
  flex: 0 0 60%;
}
.order-decline .order-decline-body .logo {
  width: 180px;
  height: 145px;
  position: absolute;
  z-index: 10;
}
.order-decline .order-decline-body .logo img {
  position: absolute;
  top: 24px;
  left: 20px;
  width: 87px;
}
.order-decline .order-decline-body .bg-main-color {
  background-color: #2d2d5f;
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.order-decline .order-decline-body .header {
  text-align: center;
  padding: 4.375rem 0 2.25rem;
  position: relative;
}
.order-decline .order-decline-body .header .container {
  margin: 0 auto;
  width: calc(75% - 3rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.order-decline .order-decline-body .header .header-title {
  text-align: left;
  max-width: 65%;
  flex: 0 0 65%;
}
.order-decline .order-decline-body .header .header-title h2 {
  color: #fff;
  font-size: 24px;
  line-height: 18px;
  margin-bottom: 25px;
}
.order-decline .order-decline-body .header .header-title h1 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 22px;
}
.order-decline .order-decline-body .header .header-title h1 .order-number {
  color: #00adee;
}
.order-decline .order-decline-body .header .header-rejected {
  max-width: 25%;
  flex: 0 0 25%;
}
.order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper {
  background-color: #00adee;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: #ffffff;
  padding: 1.375rem;
}
.order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: OpenSansBold;
}
.order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper h2 span {
  font-size: 40px;
}
.order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper p {
  font-size: 0.875rem;
  line-height: 1.1rem;
  margin-top: 10px;
}
.order-decline .order-decline-body .body {
  text-align: center;
  margin: 0 auto;
  width: 75%;
  position: relative;
}
.order-decline .order-decline-body .body .order-details-cards {
  border-radius: 10px;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards {
  display: block;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  border-radius: 10px;
  float: unset;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper {
  display: inline-flex;
  max-width: 90%;
  min-height: 460px;
  flex-direction: column;
  justify-content: space-around;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .details-card-title {
  margin-top: 5%;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .radio-group {
  text-align: left;
  color: #2d2d5f;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .radio-group > p {
  margin-bottom: 20px;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .radio-group .radio-group-option {
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .radio-group .radio-group-option input[disabled=disabled] ~ label {
  color: #c3bebe;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .radio-group .radio-group-option input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .actions {
  min-height: 70px;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .btn {
  border-radius: 8px;
  background-color: #00adee;
  width: 100px;
  padding: 10px;
  margin: 0 auto 5%;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .submitted-message {
  color: #2d2d5f;
  font-family: OpenSansBold;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper h1 {
  font-size: 24px;
  color: #00adee;
  font-family: OpenSansBold;
  text-transform: none;
}
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper h2 {
  font-size: 24px;
  color: #2d2d5f;
  margin-top: 15px;
}

@media (max-width: 1024px) and (min-width: 701px) {
  .order-decline {
    min-height: 1000px;
  }
  .order-decline .order-decline-map {
    max-width: 100%;
    flex: 0 0 100%;
    min-height: 35%;
  }
  .order-decline .order-decline-body {
    max-width: 100%;
    flex: 0 0 100%;
    min-height: 65%;
  }
  .order-decline .order-decline-body .bg-main-color {
    height: 33%;
  }
}
@media (max-width: 700px) {
  .order-decline .order-decline-map {
    display: none;
  }
  .order-decline .order-decline-body {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .order-decline .order-decline-body .header {
    padding: 0;
  }
  .order-decline .order-decline-body .header .header-title {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .order-decline .order-decline-body .header .header-title h1 {
    font-size: 12px;
  }
  .order-decline .order-decline-body .header .header-title h2 {
    margin-bottom: 15px;
  }
  .order-decline .order-decline-body .header .header-rejected {
    max-width: 45%;
    flex: 0 0 45%;
  }
  .order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper {
    margin: 14% 0 14% auto;
    padding: 17px;
    max-width: 125px;
  }
  .order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper h2 {
    font-size: 20px;
  }
  .order-decline .order-decline-body .header .header-rejected .header-rejected-wrapper h2 span {
    font-size: 30px;
  }
  .order-decline .order-decline-body .header .container {
    width: 75%;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
  }
  .order-decline .order-decline-body .body {
    width: 85%;
  }
}
@media (max-width: 600px) {
  .order-decline {
    font-size: 14px;
  }
  .order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card {
    width: inherit;
  }
  .order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper h1,
.order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper h2 {
    font-size: 18px;
  }
  .order-decline .order-decline-body .body .order-details-cards .horizontal-cards .details-card .details-card-wrapper .radio-group > p {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .order-decline .order-decline-body .header .container {
    width: 85%;
  }
  .order-decline .order-decline-body .body {
    width: 100%;
  }
}
/* IE 11 */
_:-ms-fullscreen, :root .details-card-wrapper {
  height: 460px;
}

_:-ms-fullscreen, :root .radio-group {
  min-height: 200px;
}
.order-screen > .body > .order-details-cards {
  margin-top: 10px;
  margin-bottom: 10px;
}

.order-details-cards .details-card,
.order-details-cards .operational-problems {
  padding: 10px 5px;
  border-radius: 3px;
  margin-bottom: 10px;
  text-align: left;
  float: left;
  width: 100%;
}
.order-details-cards .details-card.with-background,
.order-details-cards .operational-problems.with-background {
  background-color: #fff;
}
.order-details-cards .details-card .collapsed-header,
.order-details-cards .operational-problems .collapsed-header {
  float: left;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
}
.order-details-cards .details-card .collapsed-header .collapsed-icons,
.order-details-cards .operational-problems .collapsed-header .collapsed-icons {
  float: right;
  margin-right: 25px;
  margin-top: 5px;
}
.order-details-cards .details-card .collapsed-header .collapsed-icons i,
.order-details-cards .operational-problems .collapsed-header .collapsed-icons i {
  color: #2d2d5f;
  font-size: 20px;
}
.order-details-cards .details-card .collapsed-header h1,
.order-details-cards .operational-problems .collapsed-header h1 {
  float: left;
  color: #2d2d5f;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 32px;
  margin-left: 5px;
}
.order-details-cards .details-card.space,
.order-details-cards .operational-problems.space {
  margin: 20px 0;
}
.order-details-cards .details-card:last-child,
.order-details-cards .operational-problems:last-child {
  margin-bottom: 0;
}
.order-details-cards .details-card > h1,
.order-details-cards .operational-problems > h1 {
  color: #2d2d5f;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.order-details-cards .details-card > h1.blue-centered-title,
.order-details-cards .operational-problems > h1.blue-centered-title {
  margin-top: 20px;
  color: #2d2d5f;
  text-align: center;
  text-transform: none;
}
.order-details-cards .details-card > .order-details-card-tabbar,
.order-details-cards .operational-problems > .order-details-card-tabbar {
  height: 22px;
  display: flex;
  width: 100%;
}
.order-details-cards .details-card > .order-details-card-tabbar > div,
.order-details-cards .operational-problems > .order-details-card-tabbar > div {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-size: 12px;
  flex-grow: 1;
  line-height: 22px;
  background-color: #eeeeee;
  color: #2d2d5f;
  cursor: pointer;
}
.order-details-cards .details-card > .order-details-card-tabbar > div:first-child,
.order-details-cards .operational-problems > .order-details-card-tabbar > div:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.order-details-cards .details-card > .order-details-card-tabbar > div:last-child,
.order-details-cards .operational-problems > .order-details-card-tabbar > div:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.order-details-cards .details-card > .order-details-card-tabbar > div.selected,
.order-details-cards .operational-problems > .order-details-card-tabbar > div.selected {
  color: #fff;
  background-color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section-note,
.order-details-cards .operational-problems .order-details-card-section-note {
  background-color: #2d2d5f;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.order-details-cards .details-card .order-details-card-section,
.order-details-cards .operational-problems .order-details-card-section {
  display: inline-block;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 8px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row {
  color: #333;
  text-align: center;
  margin: 20px 0;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > .price-title,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > .price-title {
  font-size: 14px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > .price-value,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > .price-value {
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 10px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > .price-value.old-price-value,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > .price-value.old-price-value {
  font-size: 16px;
  text-decoration: line-through;
  margin-bottom: 0;
  line-height: 22px;
  color: #ff6b5b;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > .price-value.with-operational-problems,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > .price-value.with-operational-problems {
  font-size: 20px;
  line-height: 20px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > .price-change-note,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > .price-change-note {
  font-size: 12px;
  color: #ff6b5b;
  margin-bottom: 10px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > .price-row-operational-problems,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > .price-row-operational-problems {
  margin-top: 15px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > a.show-details-link,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > a.show-details-link {
  line-height: 32px;
  font-size: 14px;
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > a.show-details-link:visited,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > a.show-details-link:visited {
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table {
  border-collapse: collapse;
  margin: 12px auto;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table .details-label,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table .details-label {
  text-align: left;
  font-size: 14px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table .details-label a,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table .details-label a {
  pointer-events: all;
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table .details-label a:visited,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table .details-label a:visited {
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table .details-label a::after,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table .details-label a::after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f08e";
  font-size: 12px;
  margin-left: 4px;
  position: absolute;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table .details-price,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table .details-price {
  text-align: right;
  font-size: 14px;
  padding-left: 20px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table tr,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table tr {
  line-height: 22px;
}
.order-details-cards .details-card .order-details-card-section .price-detailed-row > table.price-details-table tfoot tr,
.order-details-cards .operational-problems .order-details-card-section .price-detailed-row > table.price-details-table tfoot tr {
  border-top: 1px solid #aeaeae;
}
.order-details-cards .details-card .order-details-card-section.order-details-card-list,
.order-details-cards .operational-problems .order-details-card-section.order-details-card-list {
  min-height: 140px;
}
.order-details-cards .details-card .order-details-card-section.order-details-card-list:first-of-type,
.order-details-cards .operational-problems .order-details-card-section.order-details-card-list:first-of-type {
  margin-top: 0;
}
.order-details-cards .details-card .order-details-card-section.order-details-card-list .icon-column,
.order-details-cards .operational-problems .order-details-card-section.order-details-card-list .icon-column {
  padding: 0;
}
.order-details-cards .details-card .order-details-card-section.order-details-card-list .info-column,
.order-details-cards .operational-problems .order-details-card-section.order-details-card-list .info-column {
  padding: 0;
}
.order-details-cards .details-card .order-details-card-section:first-of-type,
.order-details-cards .operational-problems .order-details-card-section:first-of-type {
  margin-top: 10px;
}
.order-details-cards .details-card .order-details-card-section i.next-btn,
.order-details-cards .operational-problems .order-details-card-section i.next-btn {
  position: absolute;
  right: 10px;
  bottom: 20px;
  color: #dee5e7;
  cursor: pointer;
}
.order-details-cards .details-card .order-details-card-section:last-child,
.order-details-cards .operational-problems .order-details-card-section:last-child {
  border-bottom: none;
}
.order-details-cards .details-card .order-details-card-section > li,
.order-details-cards .operational-problems .order-details-card-section > li {
  display: none;
  width: 100%;
}
.order-details-cards .details-card .order-details-card-section > li.show,
.order-details-cards .operational-problems .order-details-card-section > li.show {
  display: block;
}
.order-details-cards .details-card .order-details-card-section .icon-column,
.order-details-cards .operational-problems .order-details-card-section .icon-column {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  padding: 20px 0 20px 0;
  text-align: center;
}
.order-details-cards .details-card .order-details-card-section .icon-column.icon-column-small,
.order-details-cards .operational-problems .order-details-card-section .icon-column.icon-column-small {
  width: 70px;
}
.order-details-cards .details-card .order-details-card-section .icon-column > div.icon,
.order-details-cards .operational-problems .order-details-card-section .icon-column > div.icon {
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 36px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-company-logo,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-company-logo {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  margin-top: 5px;
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-company-logo > .empty-icon,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-company-logo > .empty-icon {
  width: 50px;
  height: 50px;
  border: 1px dashed #d9e6eb;
  background-color: #f6fafc;
  background-image: url(/img/noimage.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-company-logo > img,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-company-logo > img {
  max-width: 50px;
  max-height: 50px;
}
.order-details-cards .details-card .order-details-card-section .icon-column .fa-exclamation-triangle,
.order-details-cards .operational-problems .order-details-card-section .icon-column .fa-exclamation-triangle {
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-route,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-route {
  background-image: url(/img/new-order-section-route-b.svg);
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-time,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-time {
  background-image: url(/img/new-order-section-time-b.svg);
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-cargo,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-cargo {
  background-image: url(/img/new-order-section-props-b.svg);
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-contacts,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-contacts {
  background-image: url(/img/new-order-section-contacts-b.svg);
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-title,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-title {
  color: #2d2d5f;
  font-size: 14px;
  margin-bottom: 10px;
}
.order-details-cards .details-card .order-details-card-section .icon-column > .icon-title-data,
.order-details-cards .operational-problems .order-details-card-section .icon-column > .icon-title-data {
  color: #ff6b5b;
  font-size: 16px;
  font-weight: bold;
}
.order-details-cards .details-card .order-details-card-section .icon-column .bid-mark,
.order-details-cards .operational-problems .order-details-card-section .icon-column .bid-mark {
  background-color: #f7709e;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border: 5px double #fff;
  line-height: 60px;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
  border-radius: 70px;
}
.order-details-cards .details-card .order-details-card-section .icon-column .bid-mark.special-offer,
.order-details-cards .operational-problems .order-details-card-section .icon-column .bid-mark.special-offer {
  background-image: url(/img/spacial-offer.svg);
  background-color: transparent;
  border: none;
  width: 120px;
  height: 120px;
  margin-top: 2px;
  margin-left: -21px;
}
.order-details-cards .details-card .order-details-card-section .icon-column .bid-mark.special-offer span,
.order-details-cards .operational-problems .order-details-card-section .icon-column .bid-mark.special-offer span {
  margin-top: 35px;
}
.order-details-cards .details-card .order-details-card-section .icon-column .bid-mark.bid-expired,
.order-details-cards .operational-problems .order-details-card-section .icon-column .bid-mark.bid-expired {
  background-color: #a9a9a9;
}
.order-details-cards .details-card .order-details-card-section .icon-column .bid-mark span,
.order-details-cards .operational-problems .order-details-card-section .icon-column .bid-mark span {
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 13px;
  vertical-align: middle;
  display: inline-block;
}
.order-details-cards .details-card .order-details-card-section .icon-column .bid-expiry-notice,
.order-details-cards .operational-problems .order-details-card-section .icon-column .bid-expiry-notice {
  font-size: 12px;
  color: #a9a9a9;
  line-height: 22px;
}
.order-details-cards .details-card .order-details-card-section .info-column,
.order-details-cards .operational-problems .order-details-card-section .info-column {
  display: inline-block;
  width: calc(100% - 140px);
  padding: 20px 5px;
}
.order-details-cards .details-card .order-details-card-section .info-column.minimized,
.order-details-cards .operational-problems .order-details-card-section .info-column.minimized {
  width: 540px;
}
.order-details-cards .details-card .order-details-card-section .info-column > table.ops-problems,
.order-details-cards .operational-problems .order-details-card-section .info-column > table.ops-problems {
  line-height: 21px;
  font-size: 13px;
  width: 100%;
  padding-right: 15px;
}
.order-details-cards .details-card .order-details-card-section .info-column > table.ops-problems th,
.order-details-cards .operational-problems .order-details-card-section .info-column > table.ops-problems th {
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .info-column > table.ops-problems th.id-column,
.order-details-cards .operational-problems .order-details-card-section .info-column > table.ops-problems th.id-column {
  width: 35px;
}
.order-details-cards .details-card .order-details-card-section .info-column > table.ops-problems th.date-column,
.order-details-cards .operational-problems .order-details-card-section .info-column > table.ops-problems th.date-column {
  width: 125px;
}
.order-details-cards .details-card .order-details-card-section .info-column > table.ops-problems th.costs-column,
.order-details-cards .operational-problems .order-details-card-section .info-column > table.ops-problems th.costs-column {
  width: 80px;
  text-align: right;
}
.order-details-cards .details-card .order-details-card-section .info-column > table.ops-problems td.costs-column,
.order-details-cards .operational-problems .order-details-card-section .info-column > table.ops-problems td.costs-column {
  text-align: right;
}
.order-details-cards .details-card .order-details-card-section .info-column > h1,
.order-details-cards .operational-problems .order-details-card-section .info-column > h1 {
  font-size: 18px;
  line-height: 40px;
  color: #2d2d5f;
}
.order-details-cards .details-card .order-details-card-section .info-column > h2,
.order-details-cards .operational-problems .order-details-card-section .info-column > h2 {
  font-size: 14px;
  line-height: 21px;
  color: #2d2d5f;
  margin-top: 10px;
  margin-bottom: 3px;
}
.order-details-cards .details-card .order-details-card-section .info-column > p,
.order-details-cards .operational-problems .order-details-card-section .info-column > p {
  font-size: 14px;
  line-height: 21px;
  color: #333;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row {
  display: table;
  width: 100%;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row > .info-column-row-column,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row > .info-column-row-column {
  display: table-cell;
  color: #333;
  vertical-align: top;
  line-height: 21px;
  font-size: 13px;
  max-width: 140px;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row > .info-column-row-column.row-column-fixed,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row > .info-column-row-column.row-column-fixed {
  color: #333;
  width: 150px;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row > .info-column-row-column p.open-order-status-link,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row > .info-column-row-column p.open-order-status-link {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row.margin-top,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row.margin-top {
  margin-top: 15px;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row > .info-column-row-column:first-child,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row > .info-column-row-column:first-child {
  color: #2d2d5f;
  width: 120px;
}
.order-details-cards .details-card .order-details-card-section .info-column > .info-column-row > .info-column-row-colum.row-column-fixed:first-child,
.order-details-cards .operational-problems .order-details-card-section .info-column > .info-column-row > .info-column-row-colum.row-column-fixed:first-child {
  color: #333;
  width: 150px;
}
.order-details-cards .details-card .order-details-card-section .info-column .company-details,
.order-details-cards .operational-problems .order-details-card-section .info-column .company-details {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #f2f3f3;
  margin-bottom: 10px;
}
.order-details-cards .details-card .order-details-card-section .info-column .company-details .name,
.order-details-cards .operational-problems .order-details-card-section .info-column .company-details .name {
  color: #333;
  font-size: 14px;
  line-height: 25px;
  white-space: nowrap;
  width: 290px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-details-cards .details-card .order-details-card-section .info-column .company-details .companyrating,
.order-details-cards .operational-problems .order-details-card-section .info-column .company-details .companyrating {
  color: #2d2d5f;
  font-size: 13px;
  line-height: 25px;
  font-size: 13px;
}
.order-details-cards .details-card .order-details-card-section .info-column .company-details .companyrating .ratingbar,
.order-details-cards .operational-problems .order-details-card-section .info-column .company-details .companyrating .ratingbar {
  margin-left: 5px;
  margin-top: 1px;
  vertical-align: top;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details {
  position: relative;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .username,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .username {
  float: left;
  width: 100%;
  color: #2d2d5f;
  font-size: 13px;
  line-height: 21px;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .username i,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .username i {
  color: #dee5e7;
  width: 20px;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .useremail,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .useremail {
  float: left;
  width: 100%;
  color: #2d2d5f;
  word-break: break-all;
  font-size: 13px;
  line-height: 21px;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .useremail i,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .useremail i {
  color: #dee5e7;
  width: 20px;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .useremail span,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .useremail span {
  float: right;
  width: calc(100% - 20px);
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .userphone,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .userphone {
  float: left;
  width: 100%;
  color: #2d2d5f;
  font-size: 13px;
  line-height: 21px;
}
.order-details-cards .details-card .order-details-card-section .info-column .contact-details .userphone i,
.order-details-cards .operational-problems .order-details-card-section .info-column .contact-details .userphone i {
  color: #dee5e7;
  width: 20px;
}
.order-details-cards .details-card .order-details-card-section .actions-column,
.order-details-cards .operational-problems .order-details-card-section .actions-column {
  display: inline-block;
  width: 120px;
  position: relative;
  vertical-align: top;
  padding: 10px 0;
  margin-top: 30px;
}
.order-details-cards .details-card .order-details-card-section .actions-column .btn,
.order-details-cards .operational-problems .order-details-card-section .actions-column .btn {
  text-transform: uppercase;
  color: #fff;
  background-color: #2d2d5f;
  width: 100px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 2px;
}
.order-details-cards .details-card .order-details-card-section .actions-column.bid-expired .btn.btn-get-bid,
.order-details-cards .operational-problems .order-details-card-section .actions-column.bid-expired .btn.btn-get-bid {
  display: none;
}
.order-details-cards .details-card .order-details-card-section .actions-column .bid-expiration-clock,
.order-details-cards .operational-problems .order-details-card-section .actions-column .bid-expiration-clock {
  text-align: center;
  line-height: 14px;
  margin-bottom: 10px;
}
.order-details-cards .details-card .order-details-card-section .actions-column .bid-expiration-clock span.text,
.order-details-cards .operational-problems .order-details-card-section .actions-column .bid-expiration-clock span.text {
  display: inline-block;
  font-size: 12px;
  color: #2d2d5f;
  vertical-align: top;
}
.order-details-cards .details-card .order-details-card-section .actions-column.bid-expired .bid-expiration-clock,
.order-details-cards .operational-problems .order-details-card-section .actions-column.bid-expired .bid-expiration-clock {
  opacity: 0;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row {
  padding-top: 5px;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row-column img,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row-column img {
  margin-right: 45px;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row-column img.city-trailer,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row-column img.city-trailer {
  position: relative;
  top: 3px;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row-column img.box-truck,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row-column img.box-truck {
  left: 5px;
  position: relative;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row-column .not-available,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row-column .not-available {
  margin-top: 5px;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row-column.title,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row-column.title {
  padding-top: 6px;
}
.order-details-cards .details-card .order-details-card-section.access .info-column-row-column.accessibility-icon-column,
.order-details-cards .operational-problems .order-details-card-section.access .info-column-row-column.accessibility-icon-column {
  display: flex;
  align-items: center;
  height: 38px;
}
.order-details-cards .horizontal-cards {
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.order-details-cards .horizontal-cards .details-card {
  width: 100%;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 0;
}
.order-details-cards .horizontal-cards .details-card:last-child {
  margin-right: 0;
}
.order-details-cards .horizontal-cards .details-card .info-column {
  width: 250px;
}
.order-details-cards .horizontal-cards .details-card.order-information .order-details-card-section {
  margin-top: 35px;
}
.order-events-window {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  height: auto;
  padding: 10px;
  border-radius: 5px;
}
.order-events-window .order-events-window-top {
  display: inline-block;
  width: 100%;
}
.order-events-window .order-events-window-top h1 {
  text-transform: uppercase;
  color: #2d2d5f;
  font-size: 14px;
  float: left;
  vertical-align: top;
}
.order-events-window .order-events-window-top i {
  float: right;
  color: #2d2d5f;
  font-size: 20px;
  vertical-align: top;
  position: relative;
  margin-top: -3px;
  margin-left: 30px;
}
.order-events-window .order-events-window-top i.fa-eye-slash {
  cursor: pointer;
}
.order-events-window .order-events-window-top i:last-child {
  margin-left: 0;
}
.order-events-window .order-events-window-top i .budget {
  position: absolute;
  top: 2px;
  right: -7px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #ff6b5b;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 15px;
  border: 1px double #fff;
}
.order-events-window .order-events-window-table {
  height: 0;
  max-height: 500px;
  overflow-y: hidden;
  transition: height 0.3s;
  margin-bottom: 5px;
  width: 380px;
}
.order-events-window .order-events-window-table.table-expanded {
  height: auto;
  overflow-y: auto;
}
.order-events-window .order-events-window-table .event-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.order-events-window .order-events-window-table .event-row:last-child {
  border-bottom: none;
}
.order-events-window .order-events-window-table .event-row .event-col {
  vertical-align: top;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #333;
}
.order-events-window .order-events-window-table .event-row .event-col.event-col-date {
  width: 65px;
}
.order-events-window .order-events-window-table .event-row .event-col.event-col-time {
  width: 35px;
}
.order-events-window .order-events-window-table .event-row .event-col.event-col-text {
  width: 270px;
  height: inherit;
  line-height: 16px;
  margin-top: 4px;
}
.order-events-window .order-events-window-bottom .expand-button {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  color: #2d2d5f;
}
.order-events-window .order-events-window-bottom .expand-button span {
  margin-right: 5px;
}
.order-list-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.order-list-container .ui-list-container {
  height: calc(100vh - 175px);
  padding-bottom: 20px;
  overflow-y: auto;
}
.order-list-container .filter {
  font-size: 13px;
}
.order-list-container .filter label {
  margin: 8px 0px;
}
.order-list-container .filter label, .order-list-container .filter input {
  float: left;
}
.order-list-container .filter input.field {
  border: 1px solid #cacbcc;
  color: #2d2d5f;
  width: 130px;
  height: 30px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 5px;
}
.order-list-container .filter .filters-wrapper {
  display: flex;
  margin-bottom: 10px;
}
.order-list-container .filter .filters-wrapper .filter {
  margin-right: 15px;
  width: 100%;
}
.order-list-container .filter .filters-wrapper .filter input {
  width: 100%;
  font-size: 14px;
}
.order-list-container .filter .filters-wrapper .filter .label-icon-wrapper {
  display: flex;
  align-items: center;
}
.order-list-container .filter .filters-wrapper .btnContainer {
  display: flex;
  align-self: flex-end;
}
.order-list-container .filter .filters-wrapper .btnContainer .btn {
  background-color: #2d2d5f;
  color: #ffffff;
  padding: 8px 15px;
  cursor: pointer;
  opacity: 0.9;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 5px;
  margin-left: 15px;
  border: none;
}
.order-list-container .filter .filters-wrapper .btnContainer .btn:active {
  opacity: 0.8;
}
.order-list-container .filter .filters-wrapper .btnContainer .btn.disabled {
  opacity: 0.5;
  cursor: default;
}
.order-list-container .filter .filters-wrapper .btnContainer .btn.disabled:hover {
  opacity: 0.5;
}
.order-list-container .filter .filters-wrapper .btnContainer .btn:hover {
  opacity: 1;
}
.order-list-container ul.order-list {
  position: absolute;
  top: 80px;
  left: 20px;
  right: 20px;
  display: block;
  transition: all 0.3s;
  transform: translateX(-1000px);
  opacity: 0;
}
.order-list-container ul.order-list.in-view {
  transform: translateX(0);
  opacity: 1;
  position: relative;
  left: 0;
  right: 0;
  padding: 0 20px;
  top: 0;
}
.order-list-container ul.order-list li.item {
  margin-bottom: 10px;
  cursor: pointer;
}
.order-list-container ul.order-list li.item.disabled {
  opacity: 0.5;
  cursor: default;
}
.order-list-container ul.order-list li.load-more-container {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
}
.order-list-container ul.order-list li.load-more-container .btn.load-more-btn {
  display: inline-block;
  color: #fff;
  background-color: #2d2d5f;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  text-transform: uppercase;
}
.order-list-container .order-screen {
  transition: all 0.3s;
  transform: translateX(1000px);
  opacity: 0;
}
.order-list-container .order-screen.in-view {
  transform: translateX(0);
  opacity: 1;
}
.order-list-container .order-list-actions {
  margin: 10px 15px;
  width: 96%;
  padding-right: 20px;
  box-sizing: border-box;
}
.order-list-container .order-list-bottom-actions {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.order-list-container .order-list-bottom-actions .btns {
  text-align: center;
}
.order-list-container .order-list-bottom-actions .btns .btn {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  background-color: #ff6b5b;
  border-radius: 5px;
}
.order-not-avilable-dialog .box {
  background-color: #fff;
}
.order-not-avilable-dialog .box .form h1 {
  text-align: center;
  padding-bottom: 0;
  padding-top: 35px;
}
.order-not-avilable-dialog .box .form p {
  text-align: center;
  padding: 0;
  color: #5c5c63;
}
.order-not-avilable-dialog .box .form .btn {
  text-transform: none;
}
.order-not-avilable-dialog .box .form .btn.cancel-btn {
  background-color: #79797b;
}
.order-not-avilable-dialog .box .form .btn-container {
  margin-top: 20px;
}
.order-options-selector {
  width: 500px;
  margin: 0 auto;
  text-align: center;
}
.order-options-selector .option {
  vertical-align: top;
  text-align: left;
  display: block;
}
.order-options-selector .option span {
  display: inline-block;
  text-align: left;
  width: 100px;
}
.order-options-selector .option input {
  width: 50px;
  display: inline-block;
  text-align: left;
}
.order-options-selector > .options-row {
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.order-options-selector > .option {
  vertical-align: top;
  text-align: center;
}
.order-options-selector > .options-row > .option {
  display: inline-block;
}
.order-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.order-screen > .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100px;
  height: 45px;
  padding: 0 20px;
}
.order-screen > .header > .back-btn {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  background-color: #2d2d5f;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
  margin-right: 20px;
  margin-top: 8px;
}
.order-screen > .header > h1 {
  font-size: 14px;
  color: #2d2d5f;
  height: 45px;
  line-height: 45px;
  vertical-align: top;
  display: inline-block;
}
.order-screen > .body {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  bottom: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 20px;
}
.order-screen > .body.small {
  bottom: 140px;
}
.order-screen > .body .order-editing-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.order-screen > .bottom {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.order-screen > .bottom div.btn-group {
  display: block;
  width: 100%;
  text-align: center;
}
.order-screen > .bottom div.btn-group .item {
  display: inline-block;
  margin-right: 10px;
}
.order-screen > .bottom div.btn-group .info {
  color: #2d2d5f;
  background-color: transparent;
  cursor: default;
  margin-top: 10px;
}
.order-screen > .bottom ul.btns {
  display: block;
  width: 100%;
  text-align: center;
}
.order-screen > .bottom ul.btns li {
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
}
.order-screen > .bottom ul.btns li.last-child {
  margin-right: 0;
}
.order-screen > .bottom ul.btns li.btn {
  color: #fff;
  background-color: #2d2d5f;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
}
.order-screen > .bottom ul.btns li.btn.print {
  width: 80px;
}
.order-screen > .bottom ul.btns li.btn:hover {
  background-color: #23618c;
}
.order-screen > .bottom ul.btns li.info {
  color: #2d2d5f;
  background-color: transparent;
  cursor: default;
}
.order-screen > .bottom ul.btns li.disabled {
  opacity: 0.5;
  cursor: default;
}
.order-screen > .bottom ul.btns li.disabled:hover {
  opacity: 0.5;
}
.order-screen > .bottom ul.btns li.btn-edit {
  text-decoration: underline;
  color: #2d2d5f;
}

.location-type-change-mark {
  border: 2px solid #f6a039;
  border-radius: 3px;
  padding: 0 2px;
}
.order-status-bar {
  z-index: 30;
  position: absolute;
  opacity: 0.98;
  top: 7px;
  right: 0;
  height: 30px;
  background-color: #feffff;
  border-radius: 20px;
  box-shadow: inset 0 0 2px #bfc6cf;
  overflow: hidden;
  display: table-row;
}
.order-status-bar > div {
  min-width: 75px;
  height: 30px;
  line-height: 30px;
  display: table-cell;
  font-size: 12px;
  text-align: center;
  color: #bfc6cf;
  border-right: 1px solid #efefef;
  padding: 0 5px;
}
.order-status-bar > div:last-child {
  border-right: none;
}
.order-status-bar > div.done {
  background-color: #2d2d5f;
  color: #fff;
}
@media print {
  .noPrint {
    display: none;
  }
}
.order-summary {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #f3f7f8;
}
.order-summary .order-summary-map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 850px;
  right: 0;
}
.order-summary .order-summary-body {
  width: 850px;
  position: absolute;
  overflow-y: auto;
  top: 0;
  left: 0;
  bottom: 0;
}
.order-summary .order-summary-body .header {
  background-color: #2d2d5f;
  text-align: center;
  padding: 40px 0;
}
.order-summary .order-summary-body .header .print-button {
  background-color: #2d2d5f;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 7px 13px;
  float: right;
  cursor: pointer;
  color: #fff;
  margin: -15px 15px 0 0;
}
.order-summary .order-summary-body .header .print-button i {
  padding-right: 5px;
}
.order-summary .order-summary-body .header img {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
  margin-top: 10px;
}
.order-summary .order-summary-body .header .header-title {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.order-summary .order-summary-body .header .header-title h2 {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.order-summary .order-summary-body .header .header-title h2 a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
.order-summary .order-summary-body .header .header-title h2 a.btn {
  color: #fff;
  font-size: 16px;
  background-color: #2d2d5f;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
}
.order-summary .order-summary-body .header .header-title h1 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 22px;
}
.order-summary .order-summary-body .body {
  text-align: center;
  margin: 0 auto;
  width: 800px;
  margin-top: -20px;
}
.order-summary .order-summary-body .bottom {
  padding-top: 20px;
  padding-bottom: 40px;
  margin: 0 auto;
  width: 800px;
}
.order-summary .order-summary-body .bottom .block-header {
  color: #2d2d5f;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.order-summary .order-summary-body .bottom .pod-block span {
  float: left;
  margin-left: 105px;
  line-height: 35px;
}
.order-summary .order-summary-body .bottom .pod-block a {
  background-color: #2d2d5f;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 7px 13px;
  float: right;
  cursor: pointer;
  color: #fff;
}
.order-summary .order-summary-body .bottom .pod-block a i {
  float: left;
  line-height: 35px;
}
.order-summary .order-summary-body .bottom .pod-block a span {
  float: left;
  margin-left: 7px;
}
.order-summary .order-summary-body .bottom .until-next-time {
  float: left;
  width: 100%;
}
.order-summary .order-summary-body .bottom h1 {
  color: #2d2d5f;
  font-size: 28px;
  line-height: 32px;
  margin-top: 20px;
}
.order-summary .order-summary-body .bottom h2 {
  color: #2d2d5f;
  font-size: 16px;
  line-height: 22px;
}
.order-summary .order-summary-body .bottom a {
  text-decoration: none;
  color: #2d2d5f;
}
.order-summary .order-summary-body .bottom ul {
  margin-top: 10px;
}
.order-summary .order-summary-body .bottom ul li {
  display: inline-block;
  margin-right: 20px;
}
.order-summary .order-summary-body .bottom ul li:last-child {
  margin-right: 0;
}

.requested-price-block {
  float: left;
  width: 100%;
  background: #f3f7f8;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.requested-price-block .requested-price {
  float: left;
  width: 100%;
  background: #2d2d5f;
  color: #fff;
  padding-bottom: 5px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.requested-price-block .requested-price span {
  float: left;
  line-height: 20px;
  margin: 15px 0 0 20px;
  font-size: 16px;
}
.requested-price-block .requested-price .input-price {
  float: right;
  position: relative;
  border-radius: 5px;
  width: 100px;
  background-color: #fff;
  margin: 8px 20px 0 0;
}
.requested-price-block .requested-price .input-price input {
  color: #2d2d5f;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  box-sizing: border-box;
  border: none;
  width: 70%;
  margin-left: 5px;
  border-radius: 5px;
}
.requested-price-block .requested-price .input-price i {
  position: absolute;
  top: 9px;
  right: 10px;
  color: #2d2d5f;
  font-size: 23px;
}

@media only screen and (max-device-width: 480px) {
  .order-summary {
    background-color: #f3f7f8;
  }
  .order-summary .order-summary-map {
    display: none;
  }
  .order-summary .order-summary-body {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .order-summary .order-summary-body .header {
    text-align: center;
  }
  .order-summary .order-summary-body .header img {
    margin-bottom: 20px;
  }
  .order-summary .order-summary-body .header .header-title {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .order-summary .order-summary-body .header .header-title h2 {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
  }
  .order-summary .order-summary-body .header .header-title h1 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 22px;
  }
  .order-summary .order-summary-body .body {
    text-align: center;
    margin: 0 auto;
    width: 700px;
    margin-top: -20px;
  }
  .order-summary .order-summary-body .bottom {
    width: 100%;
    text-align: center;
    background-color: #f3f7f8;
  }
}
.order-tutorial-popup .order-tutorial-top {
  text-align: center;
  position: relative;
  float: left;
  background: #fff;
  padding-bottom: 20px;
}
.order-tutorial-popup .order-tutorial-top .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url("../img/tutorial-popup/close.png");
  background-repeat: no-repeat;
  min-width: 23px;
  min-height: 23px;
  cursor: pointer;
}
.order-tutorial-popup .order-tutorial-top img {
  display: inline-block;
  margin-top: 20px;
}
.order-tutorial-popup .order-tutorial-top .header {
  color: #2d2d5f;
  font-weight: normal;
  font-size: 28px;
  float: left;
  width: 100%;
  margin-top: 16px;
}
.order-tutorial-popup .order-tutorial-top .header-title {
  float: left;
  width: 100%;
  color: #2d2d5f;
  line-height: 30px;
  font-size: 16px;
}
.order-tutorial-popup .order-tutorial-top .header-title-small {
  float: left;
  width: 100%;
  color: #2d2d5f;
  font-size: 12px;
  line-height: 16px;
}
.order-tutorial-popup .order-tutorial-body {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #4ebfe8;
  padding: 25px 0;
}
.order-tutorial-popup .order-tutorial-body .box-content {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 5px 5px 25px 5px;
  margin: 0 5px;
  text-align: center;
}
.order-tutorial-popup .order-tutorial-body .box-content .box-text.box-three {
  margin-top: 62px;
}
.order-tutorial-popup .order-tutorial-body .box-content .box-text.box-two {
  margin-top: 22px;
}
.order-tutorial-popup .order-tutorial-body .box-content .box-text.box-one {
  margin-top: 63px;
}
.order-tutorial-popup .order-tutorial-body .box-content .box-text span {
  float: left;
  width: 100%;
  color: #2d2d5f;
}
.order-tutorial-popup .order-tutorial-body .box-content .box-text .header {
  font-size: 22px;
  margin-bottom: 10px;
}
.order-tutorial-popup .order-tutorial-body .box-content .box-text .text {
  font-size: 13px;
  line-height: 16px;
}
.order-tutorial-popup .order-tutorial-body .box-content img {
  display: inline-block;
}
.order-tutorial-popup .order-tutorial-body .box-content .one {
  margin-top: -22px;
}
.order-tutorial-popup .order-tutorial-body .box-content .two {
  margin-top: 20px;
}
.order-tutorial-popup .order-tutorial-body .box-content .three {
  margin-top: -24px;
}
.order-tutorial-popup .order-tutorial-footer input {
  float: left;
  width: auto;
  margin: 10px;
}
.order-tutorial-popup .order-tutorial-footer label {
  float: left;
  line-height: 35px;
  padding: 0;
}
.order-type-options {
  margin-top: 10px;
}
.order-type-options .label-container {
  display: inline-block;
  width: 135px;
}
.order-type-options .label-container label {
  color: #2d2d5f;
  font-size: 14px;
  line-height: 40px;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-type-options .label-container i {
  height: 40px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.order-type-options .label-container i:hover {
  opacity: 1;
}
.order-type-options .order-type-toggle {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  display: table;
  margin-bottom: 10px;
  width: 100%;
}
.order-type-options .order-type-toggle .toggle-item {
  border-right: 1px solid #cacbcc;
  cursor: pointer;
  display: table-cell;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.order-type-options .order-type-toggle .toggle-item.max-width {
  width: 130px;
}
.order-type-options .order-type-toggle .toggle-item:last-child {
  border-right: none;
}
.order-type-options .order-type-toggle .toggle-item .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 27px;
  margin-top: 6px;
  vertical-align: top;
  width: 25px;
}
.order-type-options .order-type-toggle .toggle-item .icon.fa-thumbs-up {
  color: #2d2d5f;
  font-size: 20px;
  margin-top: 9px;
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-textile {
  background-image: url(/img/order-type-textile.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-plastic {
  background-image: url(/img/order-type-plastic.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-liftgate {
  background-image: url(/img/order-type-liftgate.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-electric-cart {
  background-image: url(/img/order-type-electric-cart.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-sidedoor {
  background-image: url(/img/order-type-sidedoor.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-stackable {
  background-image: url(/img/order-type-stackable.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-mounted-fork-lift {
  background-image: url(/img/order-type-mounted-fork-lift.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-print {
  background-image: url(/img/order-type-print.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-metal {
  background-image: url(/img/order-type-metal.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-electronics {
  background-image: url(/img/order-type-electronics.svg);
}
.order-type-options .order-type-toggle .toggle-item .icon.icon-wood {
  background-image: url(/img/order-type-wood.svg);
}
.order-type-options .order-type-toggle .toggle-item .label {
  vertical-align: middle;
  line-height: normal;
  display: inline-block;
  color: #2d2d5f;
  font-size: 12px;
  margin-top: -5px;
  width: 75px;
}
.order-type-options .order-type-toggle .toggle-item input {
  height: 30px;
  width: 95%;
  border-radius: 5px;
  font-size: 12px;
  padding: 0 5px;
  margin: 0 auto;
  margin-top: 5px;
  border: none;
  box-sizing: border-box;
  color: #2d2d5f;
  display: block;
}
.order-type-options .order-type-toggle .toggle-item.disabled {
  cursor: default;
}
.order-type-options .order-type-toggle .toggle-item.disabled > .icon {
  opacity: 0.4;
}
.order-type-options .order-type-toggle .toggle-item.disabled > .label {
  opacity: 0.4;
}
.order-type-options .order-type-toggle .toggle-item.selected {
  background-color: #2d2d5f;
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.fa-thumbs-up {
  color: white;
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-textile {
  background-image: url(/img/order-type-textile-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-plastic {
  background-image: url(/img/order-type-plastic-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-liftgate {
  background-image: url(/img/order-type-liftgate-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-electric-cart {
  background-image: url(/img/order-type-electric-cart-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-sidedoor {
  background-image: url(/img/order-type-sidedoor-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-mounted-fork-lift {
  background-image: url(/img/order-type-mounted-fork-lift-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-stackable {
  background-image: url(/img/order-type-stackable-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-print {
  background-image: url(/img/order-type-print-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-metal {
  background-image: url(/img/order-type-metal-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-electronics {
  background-image: url(/img/order-type-electronics-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .icon.icon-wood {
  background-image: url(/img/order-type-wood-selected.svg);
}
.order-type-options .order-type-toggle .toggle-item.selected .label {
  color: #fff;
}
@charset "UTF-8";
.picker__footer, .picker__header, .picker__table {
  text-align: center;
}

.picker__day--highlighted, .picker__select--month:focus, .picker__select--year:focus {
  border-color: #0089ec;
}

.picker__box {
  padding: 0 1em;
}

.picker__header {
  position: relative;
  margin-top: 0.75em;
}

.picker__month {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  color: #999;
  font-size: 0.8em;
  font-style: italic;
}

.picker__select--month, .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

.picker__nav--prev {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
  left: -1em;
  padding-right: 1.25em;
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

@media (min-width: 24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -0.5em;
  }

  .picker__nav--next {
    top: -0.33em;
  }

  .picker__nav--prev {
    top: -0.33em;
    padding-right: 1.5em;
  }

  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--next:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}

.picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}

.picker__nav--disabled {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
.picker__nav--disabled:before {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
.picker__nav--disabled:before:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
.picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover {
  color: #000;
  cursor: pointer;
  background: #b1dcfb;
}

.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
.picker__table td {
  margin: 0;
  padding: 0;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999;
  font-weight: 500;
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaa;
}

.picker__day--outfocus {
  color: #ddd;
}

.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #fff;
}

.picker__day--selected {
  background: #0089ec;
  color: #fff;
}
.picker__day--selected:hover {
  background: #0089ec;
  color: #fff;
}

.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}

.picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled {
  background: #bbb;
}
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}

.picker__button--clear, .picker__button--close, .picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: 700;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--clear:focus, .picker__button--close:focus, .picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0;
}

.picker__button--clear:before, .picker__button--close:before, .picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}

.picker__button--today:before {
  content: " ";
  margin-right: 0.45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #e20;
}

.picker__button--close:before {
  content: "×";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777;
}

.picker__button--today[disabled] {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.picker__input {
  cursor: default;
}
.picker__input.picker__input--active {
  border-color: #0089ec;
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker__frame,
.picker__holder {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}

.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }

  .picker__wrap {
    display: block;
  }
}
.picker__box {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }

  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
.picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker__list-item:hover {
  background: #b1dcfb;
  cursor: pointer;
  color: #000;
}

.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

.picker__list-item {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: -1px;
  position: relative;
  background: #fff;
  padding: 0.75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
.picker__list-item--highlighted, .picker__list-item:hover {
  border-color: #0089ec;
  z-index: 10;
}

.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #fff;
  z-index: 10;
}

.picker__list-item--selected {
  background: #0089ec;
  color: #fff;
  z-index: 10;
}
.picker__list-item--selected:hover {
  background: #0089ec;
  color: #fff;
  z-index: 10;
}

.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto;
}

.picker__list-item--disabled {
  background: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto;
}
.picker__list-item--disabled:hover {
  background: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto;
}

.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: 0 0;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover {
  background: #e20;
  border-color: #e20;
  cursor: pointer;
  color: #fff;
  outline: 0;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: 700;
}
.picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover:before {
  color: #fff;
  border-color: #fff;
}
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
  top: 120px;
}
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}
.print-label-size-selection-dialog h1 {
  text-align: center;
}
.print-label-size-selection-dialog .btn-container {
  margin-top: 0px;
}
.print-label-size-selection-dialog .btn-container .action {
  display: block;
  background-color: #ff6b5b;
  text-align: center;
  margin: 25px auto;
  width: 220px;
}
.progress-bar-directive {
  float: left;
  background-color: #DBDCDE;
  height: 15px;
  width: 100%;
  border-radius: 15px;
}
.progress-bar-directive .progress-time {
  height: 15px;
  width: 0;
  border-radius: 15px;
  background-color: #8EC640;
  min-width: 3.1%;
}
.progress-bar-directive .progress-time.time-ending {
  background-color: #F35F5F;
}
.progress-bar-directive .progress-time-label {
  color: #FFFFFF;
  text-align: center;
  margin-top: -15px;
  font-size: 14px;
  font-weight: bold;
}
.progress-bar {
  background-color: #FFFFFF;
  height: 15px;
  padding: 1px;
  width: 500px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 10px;
  box-shadow: inset 0 0 3px #DCDCDC;
}
.progress-bar span {
  display: inline-block;
  height: 100%;
  background-color: #777;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: width 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out;
  -ms-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  text-align: center;
  font-size: 10px;
  color: #fff;
  line-height: 15px;
  vertical-align: top;
}

.blue span {
  background-color: #4996EA;
}

.orange span {
  background-color: #fecf23;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
  background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
  background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
  background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
  background-image: -o-linear-gradient(top, #fecf23, #fd9215);
  background-image: linear-gradient(top, #fecf23, #fd9215);
}

.green span {
  background-color: #a5df41;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
  background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
  background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
  background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
  background-image: -o-linear-gradient(top, #a5df41, #4ca916);
  background-image: linear-gradient(top, #a5df41, #4ca916);
}

.stripes span {
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-animation: animate-stripes 3s linear infinite;
  -moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@-moz-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
.shine span {
  position: relative;
}
.shine span::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-animation: animate-shine 2s ease-out infinite;
  -moz-animation: animate-shine 2s ease-out infinite;
}

@-webkit-keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    width: 95%;
  }
}
@-moz-keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    width: 95%;
  }
}
.glow span {
  -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  -webkit-animation: animate-glow 1s ease-out infinite;
  -moz-animation: animate-glow 1s ease-out infinite;
}

@-webkit-keyframes animate-glow {
  0% {
    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  }
  50% {
    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.3) inset, 0 -5px 5px rgba(255, 255, 255, 0.3) inset;
  }
  100% {
    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  }
}
@-moz-keyframes animate-glow {
  0% {
    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  }
  50% {
    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.3) inset, 0 -5px 5px rgba(255, 255, 255, 0.3) inset;
  }
  100% {
    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  }
}
.qicon {
  background-image: url(../img/quicargo-icons.png);
  background-repeat: no-repeat;
  display: block;
}

.qicon-add {
  width: 32px;
  height: 32px;
  background-position: -5px -5px;
}

.qicon-arrow_down {
  width: 32px;
  height: 32px;
  background-position: -47px -5px;
}

.qicon-arrow_left {
  width: 32px;
  height: 32px;
  background-position: -89px -5px;
}

.qicon-arrow_right {
  width: 32px;
  height: 32px;
  background-position: -131px -5px;
}

.qicon-arrow_up {
  width: 32px;
  height: 32px;
  background-position: -173px -5px;
}

.qicon-blue_arrow_down {
  width: 32px;
  height: 32px;
  background-position: -215px -5px;
}

.qicon-blue_arrow_up {
  width: 32px;
  height: 32px;
  background-position: -5px -47px;
}

.qicon-camera_small {
  width: 32px;
  height: 32px;
  background-position: -47px -47px;
}

.qicon-close {
  width: 32px;
  height: 32px;
  background-position: -89px -47px;
}

.qicon-icon_clock {
  width: 32px;
  height: 32px;
  background-position: -131px -47px;
}

.qicon-icon_closed_box {
  width: 32px;
  height: 32px;
  background-position: -173px -47px;
}

.qicon-icon_contact {
  width: 32px;
  height: 32px;
  background-position: -215px -47px;
}

.qicon-icon_curtains {
  width: 32px;
  height: 32px;
  background-position: -5px -89px;
}

.qicon-icon_date {
  width: 32px;
  height: 32px;
  background-position: -47px -89px;
}

.qicon-icon_drop {
  width: 32px;
  height: 32px;
  background-position: -89px -89px;
}

.qicon-icon_electric_cart {
  width: 32px;
  height: 32px;
  background-position: -131px -89px;
}

.qicon-icon_entry_permit {
  width: 32px;
  height: 32px;
  background-position: -173px -89px;
}

.qicon-icon_food_cool {
  width: 32px;
  height: 32px;
  background-position: -215px -89px;
}

.qicon-icon_food_dry {
  width: 32px;
  height: 32px;
  background-position: -5px -131px;
}

.qicon-icon_food_freeze {
  width: 32px;
  height: 32px;
  background-position: -47px -131px;
}

.qicon-icon_hazard {
  width: 32px;
  height: 32px;
  background-position: -89px -131px;
}

.qicon-icon_hydraulic {
  width: 32px;
  height: 32px;
  background-position: -131px -131px;
}

.qicon-icon_industry {
  width: 32px;
  height: 32px;
  background-position: -173px -131px;
}

.qicon-icon_location {
  width: 32px;
  height: 32px;
  background-position: -215px -131px;
}

.qicon-icon_pickup {
  width: 32px;
  height: 32px;
  background-position: -5px -173px;
}

.qicon-icon_plate {
  width: 32px;
  height: 32px;
  background-position: -47px -173px;
}

.qicon-icon_plate_truck {
  width: 32px;
  height: 32px;
  background-position: -89px -173px;
}

.qicon-icon_porter {
  width: 32px;
  height: 32px;
  background-position: -131px -173px;
}

.qicon-icon_updown {
  width: 32px;
  height: 32px;
  background-position: -173px -173px;
}

.qicon-icon_weight {
  width: 32px;
  height: 32px;
  background-position: -215px -173px;
}

.qicon-location_icon_filled {
  width: 32px;
  height: 32px;
  background-position: -5px -215px;
}

.qicon-new_order_tab {
  width: 32px;
  height: 32px;
  background-position: -47px -215px;
}

.qicon-no_image_icon {
  width: 32px;
  height: 32px;
  background-position: -89px -215px;
}

.qicon-nofitication_icon {
  width: 25px;
  height: 25px;
  background-position: -131px -215px;
}

.qicon-notification_close_btn {
  width: 32px;
  height: 32px;
  background-position: -166px -215px;
}

.qicon-orders_tab {
  width: 32px;
  height: 32px;
  background-position: -208px -215px;
}

.qicon-suggestion {
  width: 32px;
  height: 32px;
  background-position: -257px -5px;
}

.qicon-truck_marker {
  width: 32px;
  height: 32px;
  background-position: -257px -47px;
}
.ratingbar {
  display: inline-table;
  text-align: center;
}
.ratingbar.editable img {
  cursor: pointer;
}

.form .ratingbar {
  width: 100%;
}
.form .ratingbar .rating-container {
  width: 200px;
  height: 40px;
  float: inherit;
  margin: 0 auto;
  text-align: center;
}
.form .ratingbar .rating-container .bar .f {
  height: 40px;
}
.form .ratingbar .rating-container .bar .e {
  float: left;
  background: #FBFBFB;
}
.form .ratingbar .rating-container .stars img {
  width: 40px;
}

.rating-container {
  position: relative;
  float: left;
  width: 105px;
  height: 21px;
}
.rating-container .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
.rating-container .bar .f {
  float: left;
  height: 21px;
  width: 0%;
  background: #f7709e;
}
.rating-container .bar .e {
  float: left;
  background: #fff;
}
.rating-container .stars {
  position: absolute;
  top: 0;
  left: 0;
}
.rating-container .stars img {
  float: left;
  width: 21px;
}
.report {
  background-color: #bdbdbd;
}

.report-page {
  width: 1000px;
  margin: 0 auto;
  background-color: #ffffff;
  overflow-y: auto;
}

.report-page-content {
  padding: 10px;
  text-align: left;
  direction: ltr;
}
.report-page-content table.table-header {
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
}
.report-page-content table.table-header td {
  vertical-align: top;
}
.report-page-content table.table-header img.logo {
  width: 150px;
  float: right;
}
.report-page-content div.hr.hr-top {
  border-top: 4px solid #000000;
  padding-top: 5px;
  margin-bottom: 5px;
}
.report-page-content div.hr.hr-top > div {
  border-top: 2px solid #3D7ABF;
}
.report-page-content div.hr.hr-bottom {
  border-bottom: 4px solid #000000;
  padding-bottom: 5px;
  margin-top: 5px;
}
.report-page-content div.hr.hr-bottom > div {
  border-bottom: 2px solid #3D7ABF;
}
.report-page-content div.hr > div {
  height: 5px;
  border: none;
  background: none;
  border-left: 2px solid #3D7ABF;
  border-right: 2px solid #3D7ABF;
}
.report-page-content > h1 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  color: #3D7ABF;
}
.report-page-content > h2 {
  text-align: center;
  font-size: 18px;
  color: #717171;
  margin-bottom: 40px;
}
.report-page-content table thead tr {
  background-color: #E1E1E1;
}
.report-page-content table tbody tr {
  border-bottom: 1px dotted #bdbdbd;
}
.report-page-content table tbody tr:last-child {
  border-bottom: none;
}
.report-page-content table tbody tr td {
  color: #4b4b4b;
  font-size: 14px;
}
.report-page-content table.details {
  width: 400px;
  padding: 10px;
}
.report-page-content table.orders {
  padding: 5px;
  border-collapse: collapse;
  width: 100%;
}
.report-page-content table.orders thead tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.report-page-content table.orders tr td {
  text-align: center;
  padding-bottom: 10px;
}
.report-page-content .summary-container {
  display: inline-block;
  width: 100%;
}
.report-page-content table.summary {
  width: 300px;
  margin-top: 10px;
  border-collapse: collapse;
  float: right;
  text-align: left;
}
.report-page-content table.summary tr {
  border-bottom: 2px solid #000;
}
.report-page-content table.summary tr td {
  padding: 5px;
  font-size: 18px;
  color: #000;
}
.report-page-content table.summary tr.bold {
  background-color: #BDD3EB;
}
.report-page-content table.summary tr td:first-child {
  float: left;
}
.report-page-content h3 {
  margin-top: 100px;
  margin-bottom: 100px;
  font-weight: bold;
  color: #3D7ABF;
  text-align: center;
  font-size: 32px;
}

.report-page .bottom-bar {
  background-color: #3D7ABF;
  color: #ffffff;
  padding: 10px;
  position: relative;
  text-align: left;
}
.report-page .bottom-bar span {
  margin-left: 10px;
  margin-right: 10px;
}
.report-page .bottom-bar span.company-name {
  font-size: 22px;
}
.report-page .bottom-bar span.address {
  font-size: 16px;
}
.report-page .bottom-bar img.logo {
  position: absolute;
  height: 70px;
  margin-top: -73px;
}
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: "OpenSans", arial;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
  text-align: left;
  direction: ltr;
}

ol,
ul {
  list-style: none;
}

/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after {
  content: “”;
}

q:before, q:after {
  content: “”;
}

blockquote,
q {
  quotes: “” “”;
}
.screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "OpenSans", arial;
  transition: all 0.3s;
}
.screen > .body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
}
.screen > .body.full {
  top: 0;
}
/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 400px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}

#toast-container > div:hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #fff;
}
.toast-info > .toast-title {
  color: #2d2d5f;
  line-height: 21px;
  font-size: 16px;
  margin-bottom: 10px;
}
.toast-info > .toast-message {
  color: #2d2d5f;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  margin-bottom: 40px;
}
.toast-info > .btn {
  background-color: #2d2d5f;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  margin-top: 10px;
  border-radius: 3px;
  padding: 0 20px;
  transition: all 0.3s;
}
.toast-info > .btn:hover {
  opacity: 0.8;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
  background: #00adee;
  border: none;
  border-radius: 6px;
  box-shadow: none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange .tooltipster-box {
  background: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
  color: #fff;
  padding: 8px;
  font-size: 12px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #00adee;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #00adee;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #00adee;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #00adee;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #00adee;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #00adee;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #00adee;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #00adee;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-noir-customized--orange.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary .tooltipster-box {
  background: #ff6b5b;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary .tooltipster-content {
  color: #fff;
  padding: 8px;
  font-size: 14px;
  text-align: center;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #ff6b5b;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ff6b5b;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ff6b5b;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ff6b5b;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-secondary.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ff6b5b;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-noir.qc-default .tooltipster-box {
  border-color: #2d2d5f;
  box-shadow: none;
  background-color: #fff;
}

.tooltipster-sidetip.tooltipster-noir.qc-default .tooltipster-content {
  color: #2d2d5f;
  padding: 8px;
  font-size: 14px;
  text-align: center;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #2d2d5f;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #2d2d5f;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #2d2d5f;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #2d2d5f;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ffffff;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ffffff;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ffffff;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ffffff;
  left: 0;
  top: 3px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-noir.qc-default.tooltipster-top.tooltipster-fade.tooltipster-show {
  width: auto !important;
}

.tooltipster-box .tooltipster-content ul {
  list-style: disc;
  margin-left: 15px;
}
.tooltipster-box .tooltipster-content strong {
  font-weight: bold;
}
.tooltipster-light {
  border-radius: 5px;
  border: 1px solid #cccccc;
  background: #ededed;
  color: #666666;
}
.tooltipster-light .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
.tooltipster-fall, .tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
}

.tooltipster-box {
  flex: 1 1 auto;
}

.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 0.4s;
}

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 0.6s;
}

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 0.6s;
}

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid #000;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
.tutorial-message-panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #2d2d5f;
}
.tutorial-message-panel .message-body {
  position: absolute;
  text-align: center;
}
.tutorial-message-panel .message-body .message {
  display: block;
  color: #FFFFFF;
}
.tutorial-message-panel .message-body .btn.ok {
  cursor: pointer;
  border-radius: 20px;
  color: #FFFFFF;
  display: inline-block;
  background: #2d2d5f;
  padding: 8px 35px;
  margin-top: 40px;
}
.tutorial-message-panel .arrow-image {
  position: absolute;
}
.tutorial-message-panel .arrow-image.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.unsupported-browser-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3D7ABF;
}
.unsupported-browser-screen img {
  width: 200px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}
.unsupported-browser-screen h1 {
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 20px;
}
.unsupported-browser-screen p {
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 40px;
}
.unsupported-browser-screen a {
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  display: block;
}
.upload-order-pod-dialog .box {
  background-color: #fff;
}
.upload-order-pod-dialog .box .form h1 {
  text-align: center;
  padding-bottom: 0;
  padding-top: 35px;
  text-transform: none;
}
.upload-order-pod-dialog .box .form p {
  text-align: center;
  padding: 0;
  color: #5c5c63;
}
.upload-order-pod-dialog .box .form .btn {
  text-transform: none;
  width: 140px;
}
.upload-order-pod-dialog .box .form .btn.cancel-btn {
  background-color: #79797b;
}
.upload-order-pod-dialog .box .form .btn-container {
  margin-top: 20px;
}
.upload-order-pod-dialog .box .form .file-input {
  float: left;
  width: 50%;
  margin-top: 10px;
}
.upload-order-pod-dialog .box .form .file-input label {
  padding: 10px;
  word-break: break-all;
}
.upload-order-pod-dialog .box .form .file-input label a {
  color: #5c5c63;
  text-decoration: underline;
}
.upload-order-pod-dialog .box .form .file-input label a.loaded {
  color: #00adee;
}
.user-profile-header {
  height: 45px;
}
.user-profile-header__items {
  position: absolute;
  top: 45px;
  right: -20px;
}
.user-profile-header__intro {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  max-width: 200px;
}
.user-profile-header__intro p, .user-profile-header__intro i {
  font-size: 14px;
  color: #021c35;
}
.user-profile-header__intro p {
  margin-right: 10px;
}
.user-profile-header__item {
  height: 45px;
  width: 200px;
  left: auto;
  right: 0;
}
.user-settings-dialog input.invalid {
  border-color: red;
}
.user-settings-dialog .btn.disabled {
  cursor: not-allowed;
}
.user-settings-dialog .error {
  font-size: 12px;
  color: red;
  margin-left: 24px;
}
.fade.ng-enter,
.fade.ng-leave {
  -webkit-transition: opacity ease-in-out 0.3s;
  -moz-transition: opacity ease-in-out 0.3s;
  -ms-transition: opacity ease-in-out 0.3s;
  -o-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}

.fade.ng-enter,
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}

.fade.ng-leave,
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}

.fadeIn {
  -webkit-animation: fadeIn 0.3s linear forwards;
  animation: fadeIn 0.3s linear forwards;
}

.fadeOut {
  -webkit-animation: fadeOut 0.2s linear forwards;
  animation: fadeOut 0.2s linear forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: collapse;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: collapse;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: collapse;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: collapse;
  }
}
.MuiModal-root {
  box-sizing: border-box;
}
.MuiModal-root *, .MuiModal-root *:after, .MuiModal-root *:before {
  box-sizing: inherit;
}

.qc-title {
  color: #2d2d5f;
  font-size: 25px;
}

hr {
  border: none;
  border-top: 1px solid #cacbcc;
  margin: 2rem 0;
  opacity: 0.5;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

.mb-2 {
  margin-bottom: 1rem;
}

.mb-3 {
  margin-bottom: 1.5rem;
}

.mb-4 {
  margin-bottom: 2rem;
}

.mt-3 {
  margin-top: 1.5rem;
}

.mr-2 {
  margin-right: 1rem;
}

.mr-3 {
  margin-right: 1.5rem;
}

.d-flex {
  display: flex;
  align-items: baseline;
}

.flex-1 {
  flex: 1;
}

.flex-15 {
  flex: 1.5;
}

.flex-05 {
  flex: 0.5;
}
.order-entry-preferences-dialog {
  z-index: 100;
}
.order-entry-preferences-dialog h1 {
  font-size: 18px;
  padding: 15px;
  top: 0px;
  z-index: 1;
  background: white;
  color: #2d2d5f;
  border-bottom: 1px solid #eee;
  position: sticky;
  text-align: center;
  text-transform: uppercase;
}
.order-entry-preferences-dialog.dialog.scale .box-scale {
  overflow-y: auto;
}
.order-entry-preferences-dialog .form {
  display: flex;
  flex-flow: column;
  max-height: 100%;
  position: relative;
}
.order-entry-preferences-dialog .form .form-content {
  padding: 15px;
}
.order-entry-preferences-dialog .form label {
  margin: 10px 0 10px 0;
  padding: 0;
  width: 100%;
}
.order-entry-preferences-dialog .pickup-address {
  align-items: center;
  display: flex;
}
.order-entry-preferences-dialog .pickup-address .location-input-fields {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.order-entry-preferences-dialog .pickup-address .location-input-fields .location-input-field.location-input-field-address {
  margin-right: 0;
  width: 100%;
}
.order-entry-preferences-dialog .pickup-address .location-input-fields .location-input-field.location-input-field-address input {
  width: 100%;
}
.order-entry-preferences-dialog .pickup-address .location-input-fields .location-input-field.location-input-field-address input.error {
  color: #ff6b5b;
}
.order-entry-preferences-dialog .pickup-address .clear-address {
  color: #ff6b5b;
  cursor: pointer;
  margin-left: 5px;
  padding: 5px;
}
.order-entry-preferences-dialog .order-type-options {
  display: flex;
  flex-flow: column;
  margin-top: 10px;
}
.order-entry-preferences-dialog .cargo-type-inputs {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-type-other-input {
  margin: 10px auto;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-size {
  align-items: center;
  display: flex;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-size .size-divider {
  color: lightgray;
  margin-top: -25px;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-size .number-picker {
  text-align: center;
  width: 120px;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-size .number-picker label {
  font-size: 12px;
  margin: 0;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-size .number-picker input {
  margin: 0 auto;
  padding: 7px 7px 7px 20px;
  text-align: center;
  width: 60px;
}
.order-entry-preferences-dialog .cargo-type-inputs .cargo-size .number-picker input.error {
  color: #ff6b5b;
}
.order-entry-preferences-dialog .cargo-type-inputs .error-message {
  color: #ff6b5b;
  font-size: 12px;
  text-align: center;
}
.order-entry-preferences-dialog .standard-pickup {
  padding: 0 150px;
}
.order-entry-preferences-dialog .btn-container {
  background-color: white;
  border-top: 1px solid #eee;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-top: 20px;
  position: sticky;
  text-align: center;
  width: 100%;
}
.order-entry-preferences-dialog .error-message {
  color: #ff6b5b;
  font-size: 12px;
  text-align: center;
}

.dialog.order-entry-preferences-dialog {
  z-index: 100;
}
.dialog.order-entry-preferences-dialog .qc-modal h1 {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.terms-dialog h1 {
  margin: 0;
}
.terms-dialog .terms-dialog-content {
  border: 1px solid #E9E9E9;
  padding: 50px;
  margin-bottom: 20px;
}
.terms-dialog .terms-dialog-content p {
  padding: 0;
}
.terms-dialog .terms-dialog-content a {
  color: #3F64FF;
  text-decoration: none;
}
.company-settings-modal .qc-modal-container {
  width: 500px;
}
.company-settings-modal__inner {
  padding: 25px;
}
.company-settings-modal__inner .row {
  display: flex;
  margin-bottom: 16px;
}
.company-settings-modal__inner .row .field--full {
  width: 100%;
}
.company-settings-modal__inner .row .field--half {
  width: 50%;
}
.company-settings-modal__inner .row .field--half:first-of-type {
  margin-right: 6px;
}
.company-settings-modal__inner .row .field--half:last-of-type {
  margin-left: 6px;
}
.company-settings-modal__inner .row .field label {
  display: inline-block;
  margin-bottom: 10px;
  color: #2E2D5C;
}
.company-settings-modal__inner .row .field .invalid input {
  border-color: red;
}
.first-order-modal .qc-modal-container {
  width: 1200px;
}
.first-order-modal__inner {
  padding: 25px;
}
.first-order-modal__inner .message {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 25px;
}
.first-order-modal__inner .details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "next-steps next-steps next-steps" "step1-img step2-img step3-img" "step1-heading step2-heading step3-heading" "step1-read-more step2-read-more step3-read-more" "faq faq faq" "faq1-question faq2-question faq3-question" "faq1-answer faq2-answer faq3-answer";
  column-gap: 35px;
}
.first-order-modal__inner .details .next-steps-heading {
  grid-area: next-steps;
  margin-bottom: 25px;
}
.first-order-modal__inner .details .next-steps-heading h2 {
  font-size: 16px;
  font-weight: 700;
  color: #2d2d5f;
}
.first-order-modal__inner .details .step-img {
  margin-bottom: 20px;
}
.first-order-modal__inner .details .step-img--1 {
  grid-area: step1-img;
}
.first-order-modal__inner .details .step-img--2 {
  grid-area: step2-img;
  width: 29px;
}
.first-order-modal__inner .details .step-img--3 {
  grid-area: step3-img;
  width: 29px;
}
.first-order-modal__inner .details .step-heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: #2d2d5f;
  margin-bottom: 10px;
}
.first-order-modal__inner .details .step-heading--1 {
  grid-area: step1-heading;
}
.first-order-modal__inner .details .step-heading--2 {
  grid-area: step2-heading;
}
.first-order-modal__inner .details .step-heading--3 {
  grid-area: step3-heading;
}
.first-order-modal__inner .details .step-read-more {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 40px;
}
.first-order-modal__inner .details .step-read-more a {
  font-size: 12px;
}
.first-order-modal__inner .details .step-read-more--1 {
  grid-area: step1-read-more;
}
.first-order-modal__inner .details .step-read-more--2 {
  grid-area: step2-read-more;
}
.first-order-modal__inner .details .step-read-more--3 {
  grid-area: step3-read-more;
}
.first-order-modal__inner .details .faqs-heading {
  grid-area: faq;
  margin-bottom: 25px;
}
.first-order-modal__inner .details .faqs-heading h2 {
  font-size: 16px;
  font-weight: 700;
  color: #2d2d5f;
}
.first-order-modal__inner .details .faq-question {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: #2d2d5f;
  margin-bottom: 10px;
}
.first-order-modal__inner .details .faq-question--1 {
  grid-area: faq1-question;
}
.first-order-modal__inner .details .faq-question--2 {
  grid-area: faq2-question;
}
.first-order-modal__inner .details .faq-question--3 {
  grid-area: faq3-question;
}
.first-order-modal__inner .details .faq-answer {
  font-size: 12px;
  line-height: 22px;
}
.first-order-modal__inner .details .faq-answer a {
  font-size: 12px;
}
.first-order-modal__inner .details .faq-answer--1 {
  grid-area: faq1-answer;
}
.first-order-modal__inner .details .faq-answer--2 {
  grid-area: faq2-answer;
}
.first-order-modal__inner .details .faq-answer--3 {
  grid-area: faq3-answer;
}
.qc-checkbox {
  position: relative;
  color: #2d2d5f;
  font-size: 14px;
  margin-top: 2px;
}
.qc-checkbox input,
.qc-checkbox label {
  cursor: pointer;
}
.qc-input {
  position: relative;
}
.qc-input input {
  width: calc(100% - 30px);
  border: 1px solid #cacbcc;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  height: auto;
  padding: 11px 15px 11px 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}
.qc-input input:disabled {
  background-color: aliceblue;
  border: 1px solid #cacbcc;
}
.qc-input input::-webkit-outer-spin-button,
.qc-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qc-input input[type=number] {
  -moz-appearance: textfield;
}
.qc-input .input-invalid {
  border: 3px solid #ff6b5b !important;
  height: 11px !important;
}
.qc-input .qc-input-progress {
  position: absolute;
  right: 0px;
  top: -1px;
  width: 40px;
}
.qc-input .qc-input-right-label {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: small;
  color: #cacbcc;
}
.qc-input .qc-input-tooltip {
  font-size: 12px;
  background-color: #ff6b5b;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  position: absolute;
  left: 210px;
  min-width: 280px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.qc-input .qc-input-tooltip .qc-tooltip-square {
  width: 10px;
  height: 10px;
  background-color: #ff6b5b;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%) rotateZ(45deg);
  border-radius: 2px;
}
.qc-input .bottom-label {
  font-size: 11px;
  display: flex;
  justify-content: flex-end;
  color: #2d2d5f;
}
.qc-input-location {
  position: relative;
}
.qc-input-location img {
  width: 40px;
}
.qc-input-location .qc-location-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.qc-input-location .qc-checkbox {
  margin-left: 145px;
}
.qc-input-location .qc-select {
  margin-right: 10px;
}
.qc-input-location .qc-select .select-css {
  width: 100px;
  font-size: 13px;
  color: black;
}
.qc-input-location .qc-input > input {
  font-size: 13px;
  color: black;
}
.qc-input-location .incomplete-address {
  background-color: #00adee;
  color: white;
  padding: 10px;
}
.qc-input-location .location-options {
  position: absolute;
  width: calc(100% - 110px);
  background-color: white;
  z-index: 10;
  border: 1px solid #ccc;
  top: 40px;
  border-radius: 3px;
}
.qc-input-location .location-options li {
  font-size: 14px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.qc-input-location .location-options li.item-separator, .qc-input-location .location-options li.item-separator:hover {
  padding: 5px;
  background-color: gainsboro;
  cursor: default;
}
.qc-input-location .location-options li:nth-child(1) {
  border-radius: 3px 3px 0 0;
}
.qc-input-location .location-options li:nth-last-child(n) {
  border-bottom: none;
  border-radius: 0 0 3px 3px;
}
.qc-input-location .location-options li .fa {
  color: grey;
  margin-right: 5px;
}
.qc-input-location .location-options li:hover {
  background-color: #2d2d5f;
  color: white;
  cursor: pointer;
}
.qc-input-location .location-options li:hover .fa {
  color: white;
}
.qc-input-location .location-options .location-input-error {
  padding: 10px;
  font-size: 12px;
  background-color: #ff6b5b;
  color: white;
}
.qc-input-location .location-options .location-input-error:hover {
  background-color: #ff6b5b;
  cursor: default;
}
.qc-input-location .location-options .add-manually {
  color: #3f3fa5;
  font-size: 16px;
}
.qc-input-location .location-options .add-manually .fa {
  color: #3f3fa5;
}
.qc-input-location .qc-modal-container {
  width: 450px;
}

.qc-input-location .qc-modal .qc-select .select-css {
  font-size: 14px;
}
.qc-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.qc-modal--inner-modal {
  position: static;
}
.qc-modal--inner-modal .qc-modal-container {
  position: static;
  transform: none;
}
.qc-modal-mask {
  height: 100%;
  background: #2d2d5f;
  opacity: 0.6;
}
.qc-modal-container {
  position: absolute;
  width: 600px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: white;
  border-radius: 3px;
}
.qc-modal-container .qc-modal-label {
  font-size: 18px;
  color: #2d2d5f;
  padding: 15px;
  border-bottom: 1px solid #eee;
  text-transform: uppercase;
  line-height: 1;
}
.qc-modal-container .qc-modal-label h1 {
  margin-left: 10px;
  font-weight: bold;
  display: inline-block;
}
.qc-modal-container .qc-modal-bottom {
  font-size: 18px;
  color: #2d2d5f;
  padding: 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qc-modal-container .qc-modal-bottom .btn {
  margin: 0 10px;
  padding: 10px 30px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}
.qc-modal-container .qc-modal-bottom .btn:hover {
  opacity: 0.85;
}
.qc-modal-container .qc-modal-bottom .btn:disabled {
  opacity: 0.65;
  cursor: default;
}
.qc-modal-container .qc-modal-bottom .btn.default {
  background-color: #2d2d5f;
  border: 1px solid #2d2d5f;
  color: white;
}
.qc-modal-container .qc-modal-bottom .btn.secondary {
  background-color: white;
  border: 1px solid #2d2d5f;
  color: #2d2d5f;
}
.qc-modal-container .qc-modal-bottom .btn.is-alone {
  max-width: 320px;
  width: 80%;
}
.qc-select .select-css {
  width: 100%;
  border: 1px solid #cacbcc;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  border-radius: 5px;
  height: auto;
  padding: 10px;
  margin-bottom: 2px;
  min-height: 39px;
}
.qc-select .select-css .input-invalid {
  border: 2px solid #ff6b5b;
}
.qc-select .bottom-label {
  font-size: 11px;
  display: flex;
  justify-content: flex-end;
  color: #2d2d5f;
}
.qc-time-picker {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  width: 100%;
}
.qc-time-picker:last-child {
  margin-right: 0;
}
.qc-time-picker > .label {
  color: #333;
  font-size: 14px;
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
  line-height: normal;
  vertical-align: top;
  width: 100%;
}
.qc-time-picker.picker-column-small {
  width: 150px;
}
.qc-time-picker.picker-column-small > .label {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qc-time-picker .date-toggle {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  vertical-align: top;
  width: 300px;
  height: 30px;
  position: relative;
}
.qc-time-picker .date-toggle input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.qc-time-picker .date-toggle span {
  cursor: pointer;
  display: inline-block;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #2d2d5f;
}
.qc-time-picker .date-toggle span.selected {
  color: #fff;
  background-color: #2d2d5f;
}
.qc-time-picker .date-toggle span.disabled {
  cursor: default;
  opacity: 0.4;
}
.qc-time-picker .date-toggle span.hide {
  display: none;
}
.qc-time-picker .date-toggle .today-disabled-message {
  font-size: 12px;
  color: #ff6b5b;
  left: 0;
  bottom: -16px;
  height: 14px;
  position: absolute;
  opacity: 0;
}
.qc-time-picker .date-toggle .today-disabled-message.message-visible {
  opacity: 1;
}
.qc-time-picker .hour-ranges select {
  width: 82px;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  color: #2d2d5f;
  text-align: left;
  padding: 7px 10px;
  border-radius: 5px;
  border: 1px solid #abb4c3;
  height: auto;
  font-size: 14px;
  background-color: #fff;
}
.qc-time-picker .hour-ranges select:disabled {
  color: #abb4c3;
}
.qc-time-picker .hour-ranges label {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
  color: #abb4c3;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 12px;
}
.qc-toggle-list {
  display: flex;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
}
.qc-toggle-list .toggle-item {
  flex: 1;
  display: flex;
  cursor: pointer;
  border-right: 1px solid #cacbcc;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
}
.qc-toggle-list .toggle-item.max-width {
  width: 130px;
}
.qc-toggle-list .toggle-item:nth-child(1) {
  border-radius: 3px 0 0 3px;
}
.qc-toggle-list .toggle-item:last-child {
  border-right: none;
  border-radius: 0 3px 3px 0;
}
.qc-toggle-list .toggle-item .icon {
  vertical-align: top;
  height: 25px;
  width: 25px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qc-toggle-list .toggle-item .icon.fa-thumbs-up {
  font-size: 20px;
  color: #2d2d5f;
}
.qc-toggle-list .toggle-item .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike.svg);
}
.qc-toggle-list .toggle-item .icon.icon-textile {
  background-image: url(/img/order-type-textile.svg);
}
.qc-toggle-list .toggle-item .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood.svg);
}
.qc-toggle-list .toggle-item .icon.icon-plastic {
  background-image: url(/img/order-type-plastic.svg);
}
.qc-toggle-list .toggle-item .icon.icon-liftgate {
  background-image: url(/img/order-type-liftgate.svg);
}
.qc-toggle-list .toggle-item .icon.icon-electric-cart {
  background-image: url(/img/order-type-electric-cart.svg);
}
.qc-toggle-list .toggle-item .icon.icon-sidedoor {
  background-image: url(/img/order-type-sidedoor.svg);
}
.qc-toggle-list .toggle-item .icon.icon-stackable {
  background-image: url(/img/order-type-stackable.svg);
}
.qc-toggle-list .toggle-item .icon.icon-mounted-fork-lift {
  background-image: url(/img/order-type-mounted-fork-lift.svg);
}
.qc-toggle-list .toggle-item .icon.icon-box {
  background-image: url(/img/parcels/box-dark.svg);
}
.qc-toggle-list .toggle-item .icon.icon-tire {
  background-image: url(/img/parcels/tire-dark.svg);
}
.qc-toggle-list .toggle-item .icon.icon-pallets {
  background-image: url(/img/pallets-dark.svg);
}
.qc-toggle-list .toggle-item .icon.icon-parcels {
  background-image: url(/img/parcels-dark.svg);
}
.qc-toggle-list .toggle-item .label {
  width: auto;
  vertical-align: top;
  color: #2d2d5f;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  line-height: normal;
  text-align: center;
  margin: 0 10px;
  white-space: nowrap;
}
.qc-toggle-list .toggle-item input {
  height: 30px;
  width: 95%;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 12px;
  color: #2d2d5f;
  padding: 0 5px;
  margin: 0 auto;
  display: block;
  margin-top: 5px;
}
.qc-toggle-list .toggle-item.disabled {
  cursor: default;
}
.qc-toggle-list .toggle-item.disabled > .icon {
  opacity: 0.4;
}
.qc-toggle-list .toggle-item.disabled > .label {
  opacity: 0.4;
}
.qc-toggle-list .toggle-item.selected {
  background-color: #2d2d5f;
  color: white;
}
.qc-toggle-list .toggle-item.selected .icon.fa-thumbs-up {
  color: white;
}
.qc-toggle-list .toggle-item.selected .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-textile {
  background-image: url(/img/order-type-textile-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-plastic {
  background-image: url(/img/order-type-plastic-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-liftgate {
  background-image: url(/img/order-type-liftgate-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-electric-cart {
  background-image: url(/img/order-type-electric-cart-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-sidedoor {
  background-image: url(/img/order-type-sidedoor-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-mounted-fork-lift {
  background-image: url(/img/order-type-mounted-fork-lift-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-stackable {
  background-image: url(/img/order-type-stackable-selected.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-box {
  background-image: url(/img/parcels/box-light.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-tire {
  background-image: url(/img/parcels/tire-light.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-pallets {
  background-image: url(/img/pallets-light.svg);
}
.qc-toggle-list .toggle-item.selected .icon.icon-parcels {
  background-image: url(/img/parcels-light.svg);
}
.qc-toggle-list .toggle-item.selected .label {
  color: #fff;
}
.my-contracts {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  box-shadow: none;
}
.new-order {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.new-order .panel-order {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.new-order .panel-order .order_block_icon {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  background-color: #2d2d5f;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.new-order .panel-order .order_block_icon .img-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92%;
  height: 92%;
  border-radius: 100%;
  background-color: #2d2d5f;
  border: 1px solid white;
  transform: translateX(-50%) translateY(-50%);
}
.new-order .panel-order .order_block_icon .img-container img {
  width: 66%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.new-order .panel-order .scrollable {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  box-shadow: none;
  padding-left: 20px;
  padding-right: 20px;
}
.new-order .panel-order .scrollable .progress-bar {
  margin-top: 0;
  margin-bottom: 20px;
}
.new-order .panel-order .scrollable .fix-order-btn {
  position: absolute;
  top: 20px;
  color: #fff;
  opacity: 0.9;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #3d7abf;
  cursor: pointer;
  font-size: 16px;
  right: 20px;
}
.new-order .panel-order .scrollable .fix-order-btn:hover {
  opacity: 1;
}
.new-order .error-messages-container {
  margin-top: 25px;
}
.new-order .error-message {
  color: #ff6b5b;
  font-size: 10px;
  height: 15px;
  line-height: 15px;
  width: 470px;
  background-color: #fff;
}
.new-order .error-message.red-error {
  color: red;
}

.new-order-accordion {
  margin-left: 20px;
}
.new-order-accordion #shipment-section {
  border-left: 2px solid #9495ad;
}
.new-order-accordion #shipment-section.enabled {
  border-left: 2px solid #2d2d5f;
}
.new-order-accordion #shipment-section .content {
  padding: 5px 40px 20px 40px;
  margin-top: -3px;
  background-color: white;
}
.new-order-accordion #truckandloadtype-section {
  border-left: 2px solid #9495ad;
}
.new-order-accordion #truckandloadtype-section.enabled {
  border-left: 2px solid #2d2d5f;
}
.new-order-accordion #orderdate-section {
  border-left: 2px solid #9495ad;
}
.new-order-accordion #orderdate-section.enabled {
  border-left: 2px solid #2d2d5f;
}
.new-order-accordion .new-order-title {
  color: #2d2d5f;
  font-size: 25px;
  padding: 15px 40px;
}

.new-order-accordion .section {
  padding-bottom: 20px;
  border-left: 2px solid #dce5e9;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -1px;
}
.new-order-accordion .section:last-child {
  margin-bottom: 20px;
  padding-bottom: 0;
}
.new-order-accordion .section.opened .mask-flow {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #ffffff;
  opacity: 0.5;
}
.new-order-accordion .section.enabled .mask-flow {
  display: none;
}
.new-order-accordion .section.opened, .new-order-accordion .section.completed {
  position: relative;
  border-left: 2px solid #2d2d5f;
}
.new-order-accordion .section.completed .title > i.fa-check {
  display: block;
}
.new-order-accordion .section .title {
  background-color: #fff;
  height: 50px;
  padding-left: 40px;
  padding-right: 20px;
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.new-order-accordion .section .title h1 {
  line-height: 50px;
  font-weight: normal;
  color: #a6b0bb;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin: 0;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
.new-order-accordion .section .title i.tooltip {
  height: 50px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.new-order-accordion .section .title i.tooltip:hover {
  opacity: 1;
}
.new-order-accordion .section .title > i.fa-check {
  position: absolute;
  right: 15px;
  top: 0;
  font-size: 16px;
  color: #25b153;
  line-height: 50px;
  display: none;
}
.new-order-accordion .section .title .section-icon {
  transition: all 0.3s;
  z-index: 15;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  border: 3px double #fff;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  background-color: #dce5e9;
  position: absolute;
  top: 0;
  line-height: 45px;
  left: -27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}
.new-order-accordion .section .title .section-icon.section-icon-box {
  background-image: url(/img/new-order-section-box.svg);
}
.new-order-accordion .section .title .section-icon.section-icon-route {
  background-image: url(/img/new-order-section-route-u.svg);
}
.new-order-accordion .section .title .section-icon.section-icon-time {
  background-image: url(/img/new-order-section-time-u.svg);
  background-color: #9495ad;
}
.new-order-accordion .section .title .section-icon.section-icon-time.enabled {
  background-color: #2d2d5f;
}
.new-order-accordion .section .title .section-icon.section-icon-props {
  background-image: url(/img/new-order-section-props-u.svg);
  background-color: #9495ad;
}
.new-order-accordion .section .title .section-icon.section-icon-props.enabled {
  background-color: #2d2d5f;
}
.new-order-accordion .section .title .section-icon.section-icon-contacts {
  background-image: url(/img/new-order-section-contacts-u.svg);
}
.new-order-accordion .section.opened .section-icon {
  transform: scale(1.1);
  top: 2px;
}
.new-order-accordion .section.completed .section-icon, .new-order-accordion .section.opened .section-icon {
  background-color: #2d2d5f;
}
.new-order-accordion .section.completed .section-icon.section-icon-route, .new-order-accordion .section.opened .section-icon.section-icon-route {
  background-image: url(/img/new-order-section-route.svg);
}
.new-order-accordion .section.completed .section-icon.section-icon-time, .new-order-accordion .section.opened .section-icon.section-icon-time {
  background-image: url(/img/new-order-section-time.svg);
  background-color: #9495ad;
}
.new-order-accordion .section.completed .section-icon.section-icon-time.enabled, .new-order-accordion .section.opened .section-icon.section-icon-time.enabled {
  background-color: #2d2d5f;
}
.new-order-accordion .section.completed .section-icon.section-icon-props, .new-order-accordion .section.opened .section-icon.section-icon-props {
  background-image: url(/img/new-order-section-props.svg);
  background-color: #9495ad;
}
.new-order-accordion .section.completed .section-icon.section-icon-props.enabled, .new-order-accordion .section.opened .section-icon.section-icon-props.enabled {
  background-color: #2d2d5f;
}
.new-order-accordion .section.completed .section-icon.section-icon-contacts, .new-order-accordion .section.opened .section-icon.section-icon-contacts {
  background-image: url(/img/new-order-section-contacts.svg);
}
.new-order-accordion .section.disabled .title {
  cursor: default;
}
.new-order-accordion .section.opened .title h1, .new-order-accordion .section.completed .title h1 {
  color: #2d2d5f;
}
.new-order-accordion .section .body {
  background-color: #fff;
  max-height: 0;
  transition: max-height 1s ease-out;
  border-radius: 5px;
  margin-top: -5px;
}
.new-order-accordion .section.opened .body {
  max-height: 2000px;
  transition: max-height 1s ease-in;
}
.new-order-accordion .section .body .content {
  padding: 20px;
  padding-left: 40px;
}
.new-order-accordion .section .body .content p {
  font-size: 16px;
  line-height: 20px;
  color: #7f7f7f;
  font-weight: normal;
  transition: all 0.5s;
  opacity: 1;
}
.new-order-accordion .section .body .content p.hide {
  opacity: 0;
}
.new-order-accordion .section .body .content h1 {
  font-size: 18px;
  font-weight: bold;
  color: #2d2d5f;
  margin-bottom: 15px;
}
.new-order-accordion .section .body .content h2 {
  font-size: 16px;
  color: #2d2d5f;
}
.new-order-accordion .section .body .content .advise-wrapper {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 530px;
}
.new-order-accordion .section .body .content .advise-wrapper .advise-tooltip {
  background-color: #00adee;
  padding: 10px;
  border-radius: 8px;
  color: #fff;
  margin-bottom: 20px;
  font-size: 0.8em;
  position: relative;
}
.new-order-accordion .section .body .content .instructions-note {
  background-color: #f95959;
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  border-radius: 5px;
  padding: 0 10px;
  width: 568px;
  margin-bottom: 10px;
  transition: all 0.3s;
  opacity: 0;
}
.new-order-accordion .section .body .content .instructions-note.show {
  opacity: 1;
}
.new-order-accordion .section .body .content .instructions-note i {
  margin-right: 5px;
}
.new-order-accordion .section .body .content .new-order-ref {
  float: left;
  width: 100%;
}
.new-order-accordion .section .body .content .new-order-ref .input-text {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  float: left;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  width: 130px;
  height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  margin-top: 7px;
}
.new-order-accordion .section .body .content .instructions-textarea {
  border: 1px solid #cacbcc;
  border-radius: 5px;
  box-shadow: none;
  box-sizing: border-box;
  width: 588px;
  margin-top: 10px;
  display: block;
}
.new-order-accordion .section .body .content .order-location-contact {
  margin-bottom: 30px;
}
.new-order-accordion .section .body .content .order-location-contact > label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  font-size: 14px;
  color: #2d2d5f;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-order-accordion .section .body .content .order-location-contact .text-field {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  width: 130px;
  background-color: #fff;
  position: relative;
  margin-right: 20px;
}
.new-order-accordion .section .body .content .order-location-contact .text-field:last-child {
  margin-right: 0;
}
.new-order-accordion .section .body .content .order-location-contact .text-field.phone {
  width: 180px;
}
.new-order-accordion .section .body .content .order-location-contact .text-field > input {
  border: none;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  width: 130px;
  height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
}
.new-order-accordion .section .body .content .order-location-contact .text-field .intl-tel-input {
  width: 100%;
}
.new-order-accordion .section .body .content .order-location-contact .text-field .intl-tel-input input {
  box-sizing: border-box;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
  color: #2d2d5f;
  border: none;
  border-left: 1px solid #cacbcc;
  font-size: 14px;
  background-color: transparent;
  margin-left: 50px;
  width: 130px;
}
.new-order-accordion .section .body .content .cargo-type-selector {
  margin-bottom: 30px;
}
.new-order-accordion .section .body .content .cargo-type-selector .label-container {
  display: inline-block;
  min-width: 135px;
}
.new-order-accordion .section .body .content .cargo-type-selector .label-container label {
  line-height: 30px;
  font-size: 14px;
  color: #2d2d5f;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-order-accordion .section .body .content .cargo-type-selector .label-container i {
  height: 30px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.new-order-accordion .section .body .content .cargo-type-selector .label-container i:hover {
  opacity: 1;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs {
  display: inline-block;
  vertical-align: top;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-type-row {
  margin-bottom: 30px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-add-row {
  float: left;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-add-row span {
  float: left;
  font-size: 14px;
  line-height: 30px;
  margin-left: 10px;
  color: #3f3fa5;
  cursor: pointer;
  font-weight: 700;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-type-dropdown {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  width: 80px;
  background-color: #fff;
  margin-right: 10px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-type-dropdown select {
  vertical-align: top;
  border: none;
  height: 30px;
  line-height: 30px;
  width: 80px;
  color: #2d2d5f;
  font-size: 14px;
  background-color: transparent;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  width: 65px;
  background-color: #fff;
  position: relative;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker.error {
  border-color: #ff6b5b;
  border-width: 3px;
  animation: border-error-pulsate 1s 3;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker.number-picker-weight {
  width: 120px;
  margin-bottom: 14px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker.number-picker-weight input {
  width: 98px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker.number-picker-weight label {
  position: absolute;
  top: 0;
  right: 4px;
  color: #cacbcc;
  height: 30px;
  line-height: 30px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker.number-picker-weight .error-message {
  margin-top: 10px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker input:disabled {
  background-color: #e6e6e6;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker input,
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker select {
  border: none;
  font-size: 14px;
  color: #2d2d5f;
  background-color: transparent;
  width: 65px;
  height: 30px;
  text-align: center;
  padding: 0;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker input[type=number]::-webkit-inner-spin-button,
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .number-picker label {
  font-size: 11px;
  color: #2d2d5f;
  position: absolute;
  right: 0;
  top: 35px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-size {
  display: inline-block;
  margin-left: 32px;
  position: relative;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-size span {
  vertical-align: top;
  font-size: 12px;
  line-height: 30px;
  color: #cacbcc;
  margin-right: 10px;
  margin-left: 10px;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .cargo-size .error-message {
  bottom: -35px;
  z-index: 3;
  position: absolute;
}
.new-order-accordion .section .body .content .cargo-type-selector .cargo-type-inputs .maximum-loading-error {
  margin-bottom: 10px;
}
.new-order-accordion .section .body .content .input-address {
  margin-bottom: 15px;
}
.new-order-accordion .section .body .content .input-address:last-child {
  margin-bottom: 0;
}
.new-order-accordion .section .body .content .input-address .label-container {
  display: inline-block;
  vertical-align: top;
  width: 125px;
}
.new-order-accordion .section .body .content .input-address .label-container > label:first-child {
  display: inline-block;
  text-align: center;
  width: 50px;
  margin-bottom: 5px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #2d2d5f;
}
.new-order-accordion .section .body .content .input-address .label-container > i.tooltip {
  height: 20px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.new-order-accordion .section .body .content .input-address .label-container > i.tooltip:hover {
  opacity: 1;
}
.new-order-accordion .section .body .content .input-address .label-container > label:last-child {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #2d2d5f;
}
.new-order-accordion .section .body .content .input-address .input-container {
  display: inline-block;
  vertical-align: top;
  width: 550px;
}
.new-order-accordion .section .body .content .input-address .input-container label {
  color: #2d2d5f;
  font-size: 14px;
}
.new-order-accordion .section .body .content .input-address .input-container .b2c-checkbox-wrapper {
  display: flex;
  margin-left: 152px;
  margin-top: 10px;
}
.new-order-accordion .section .body .content .input-address .input-container .b2c-checkbox-wrapper .is-b2c-checkbox {
  display: inline-block;
  cursor: pointer;
}
.new-order-accordion .section .body .content .input-address .input-container .b2c-checkbox-wrapper .b2c-label {
  margin-left: 5px;
  margin-top: 3px;
  cursor: pointer;
  display: inline-block;
}
.new-order-accordion .section .body .content .input-address .input-container .manual-address-modal label {
  font-size: 16px;
}
.new-order-accordion .section .body .content .drop-item .input-field {
  display: inline-block;
  vertical-align: top;
}
.new-order-accordion .section .body .content .continue-btn {
  text-transform: uppercase;
  background-color: #2d2d5f;
  padding: 10px 25px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
  opacity: 0.9;
  display: inline-block;
  margin-top: 35px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.new-order-accordion .section .body .content .continue-btn:hover {
  opacity: 1;
}
.new-order-accordion .section .body .content .location-arrival-picker.pickup {
  margin-bottom: 10px;
}
.new-order-accordion .section .body .content .location-arrival-picker.delivery {
  margin-bottom: 10px;
}
.new-order-accordion .section .body .content .flexibility-and-delivery-consumer-selector.delivery-to-consumer-address {
  margin-left: 142px;
}
.new-order-accordion .section .body .content .flexibility-and-delivery-consumer-selector.delivery-to-consumer-address .text {
  font-size: 14px;
  color: #333;
}
.new-order-accordion .section.disabled .body .content .continue-btn {
  opacity: 0;
  cursor: default;
}
.new-order-accordion .section.disabled .body .content .continue-btn:hover {
  opacity: 0;
  cursor: default;
}
.new-order-accordion .section.opened .body .content .continue-btn {
  opacity: 0.3;
  cursor: default;
}
.new-order-accordion .section.opened .body .content .continue-btn:hover {
  opacity: 0.3;
  cursor: default;
}
.new-order-accordion .section.completed .body .content .continue-btn {
  opacity: 0.9 !important;
  cursor: pointer !important;
  background-color: #2d2d5f;
}
.new-order-accordion .section.completed .body .content .continue-btn:hover {
  opacity: 0.9 !important;
  cursor: pointer !important;
  background-color: #2d2d5f;
  color: #fff;
}
.new-order-accordion .section .body .small-note {
  opacity: 1;
  font-size: 12px;
  color: #134876;
  transition: all 0.3s;
  margin-top: 5px;
  margin-bottom: 5px;
}
.new-order-accordion .section .body .small-note.hidden {
  opacity: 0;
}
.new-order-accordion .section .weight-alert {
  padding: 5px;
  margin: -4px 0px 0px 20px;
  position: absolute;
  width: 310px;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
  color: white;
  background: #ff6b5b;
  border-radius: 7.5px;
  display: inline-block;
}
.new-order-accordion .section .weight-alert:before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 12px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ff6b5b;
}
.new-order-accordion .section .weight-alert a {
  color: white;
}
.new-order-accordion .section .intro-tooltip {
  border-radius: 7.5px;
  font-size: 14px;
  line-height: 16px;
  background: #2d2d5f;
  color: white;
  text-align: center;
  display: block;
  position: relative;
  padding: 5px 15px;
}
.new-order-accordion .section .intro-tooltip.order-path {
  width: 150px;
  height: 30px;
  margin-top: 9px;
  margin-left: 40px;
}
.new-order-accordion .section .intro-tooltip.order-path:before {
  top: 12px;
  border-right: 8px solid #2d2d5f;
}
.new-order-accordion .section .intro-tooltip.addresses {
  max-width: 180px;
  margin-left: 24px;
}
.new-order-accordion .section .intro-tooltip.truck-and-load-type {
  max-width: 220px;
  margin-left: 24px;
}
.new-order-accordion .section .intro-tooltip.weight {
  margin-left: 159px;
  width: 190px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.new-order-accordion .section .intro-tooltip.order-date {
  max-width: 180px;
  margin-left: 30px;
}
.new-order-accordion .section .intro-tooltip.left-arrow:before {
  content: "";
  display: block;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #2d2d5f;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
}
.new-order-accordion .section .intro-tooltip.germany-alert {
  background: #00adee;
  width: 169px;
  line-height: 15px;
  text-align: left;
  position: absolute;
  right: -188px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px 8px;
}
.new-order-accordion .section .intro-tooltip.germany-alert:before {
  border-right: 8px solid #00adee;
}
.new-order-accordion .section .intro-tooltip.germany-alert.disabled {
  opacity: 0.5;
  z-index: 10;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector {
  padding-left: 10px;
  user-select: none;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector.delivery-to-consumer-address {
  margin-top: 10px;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector.delivery-to-consumer-address p {
  display: inline;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector.flexibility-toggle {
  margin-bottom: 15px;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector .text {
  color: #333;
  font-size: 14px;
  position: relative;
  bottom: 4px;
  cursor: pointer;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector .fa {
  font-size: 26px;
  cursor: pointer;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector .fa.active {
  color: #00adee;
}
.new-order-accordion .flexibility-and-delivery-consumer-selector .fa.inactive {
  color: #808080;
}

/* icons */
.global-icon {
  color: #2d2d5f;
  font-size: 20px;
  margin: 6px 0px 0 8px;
  cursor: pointer;
}

/* Summery line */
.summery-line {
  float: left;
  color: #2d2d5f;
  border-top: 1px solid #ebebeb;
  margin-top: 15px;
  padding: 8px 0px;
  font-size: 14px;
}
.summery-line.full {
  width: 100%;
  margin-bottom: 10px;
}
.summery-line div {
  float: left;
  margin-left: 25px;
}
.summery-line div:first-of-type {
  margin-left: 0;
}
.summery-line div span {
  color: #ff6b5b;
}
.summery-line .item-attribute {
  line-height: 1.5;
}
.summery-line .summary-value {
  color: #ff6b5b;
}

.price-space {
  display: none;
}

@media (max-width: 1400px) {
  .new-order-accordion .section .body .content .input-address .label-container {
    width: 85px;
  }
  .new-order-accordion .section .body .content .input-address .input-container {
    width: 477px;
  }
  .new-order-accordion .section .intro-tooltip.germany-alert {
    width: 95px;
    margin-left: 515px;
    margin-top: 28px;
  }
}
@media (max-width: 1050px) {
  .price-space {
    display: block;
    height: 300px;
  }
}
.new-order-amazon {
  padding: 1rem;
  overflow-y: auto;
  height: calc(100vh - 4rem);
  overflow-x: hidden;
}
.new-order-amazon .qc-title {
  margin-left: 4rem;
}
.new-order-amazon .noa-container {
  border-left: 2px solid #2d2d5f;
  margin: 0.8rem 0.3rem 0.8rem 1.4rem;
}
.new-order-amazon .noa-container .noa_block {
  position: relative;
  padding: 1rem 2.5rem;
  background-color: white;
  margin-bottom: 1.2rem;
}
.new-order-amazon .noa-container .noa_block .blockUI {
  position: absolute;
  left: -30px;
  top: 0;
  right: 0;
  bottom: -20px;
  z-index: 1;
  opacity: 0.6;
  background-color: white;
}
.new-order-amazon .noa-container .noa_block h1.noa-title {
  text-transform: uppercase;
  color: #2d2d5f;
  display: inline-block;
  margin: 0;
  font-size: 18px;
}
.new-order-amazon .noa-container .noa_block i.tooltip {
  height: 15px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  vertical-align: baseline;
}
.new-order-amazon .noa-container .noa_block i.tooltip:hover {
  opacity: 1;
}
.new-order-amazon .noa-container .noa_block .noa_block_icon {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  background-color: #2d2d5f;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.new-order-amazon .noa-container .noa_block .noa_block_icon .img-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92%;
  height: 92%;
  border-radius: 100%;
  background-color: #2d2d5f;
  border: 1px solid white;
  transform: translateX(-50%) translateY(-50%);
}
.new-order-amazon .noa-container .noa_block .noa_block_icon .img-container img {
  width: 66%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.new-order-amazon .noa-container .noa_block .advise-tooltip {
  background-color: #00adee;
  padding: 10px;
  border-radius: 8px;
  color: #fff;
  margin-bottom: 20px;
  font-size: 0.8em;
  position: relative;
  line-height: 15px;
}
.accessibility-not-accessible-modal {
  padding: 30px 40px 10px;
}
.accessibility-not-accessible-modal p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 22px;
}
.accessibility-not-accessible-modal p a {
  color: #3F64FF;
  text-decoration: none;
}
.unknown-address-modal {
  padding: 30px 40px 10px;
}
.unknown-address-modal p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 22px;
}
.unknown-address-modal p a {
  color: #3F64FF;
  text-decoration: none;
}
.unknown-address-modal .do-not-show-again-checkbox {
  display: flex;
  justify-content: center;
}
.manual-address-modal {
  padding: 15px;
}
.manual-address-modal table {
  width: 100%;
}
.manual-address-modal table td {
  text-align: right;
  padding-bottom: 15px;
}
.manual-address-modal table label {
  margin-right: 10px;
  color: #2d2d5f;
  white-space: nowrap;
}
.manual-address-modal table .qc-select {
  margin: 0;
}
.manual-address-modal table .qc-select .select-css {
  width: 100%;
}
.manual-address-modal__zipcode .ng-invalid.ng-not-empty {
  border: 3px solid #ff6b5b;
  height: 11px;
  animation: border-error-pulsate 1s 3;
}
.new-order-accordion .section .body .content .location-input-fields h1 {
  margin-bottom: 0;
}
.new-order-accordion .section .body .content .location-input-fields .incomplete-address {
  background-color: #00adee;
  color: white;
  padding: 10px;
}
.new-order-accordion .section .body .content .order-type-selector .selected .label {
  color: #fff;
}
.new-order-accordion .section .body .content .order-type-selector .label {
  color: #2d2d5f;
  font-size: 12px;
  line-height: normal;
}
.new-order-accordion .section .body .content .order-type-selector .label-tooltip {
  font-size: 14px;
  color: #2d2d5f;
  font-weight: normal;
}
.parcel-order {
  -webkit-animation: fadeIn 0.2s linear forwards;
  animation: fadeIn 0.2s linear forwards;
}
.parcel-order .parcel-order-container {
  border-left: 2px solid #2d2d5f;
  margin: 0rem 0rem 0.8rem -1px;
}
.parcel-order .parcel-order-container .parcel-order-block {
  position: relative;
  padding: 1rem 2.5rem;
  background-color: white;
  margin-bottom: 1.2rem;
}
.parcel-order .parcel-order-container .parcel-order-block .blockUI {
  position: absolute;
  left: -30px;
  top: 0;
  right: 0;
  bottom: -20px;
  z-index: 1;
  opacity: 0.6;
  background-color: white;
}
.parcel-order .parcel-order-container .parcel-order-block h1 {
  text-transform: uppercase;
  color: #2d2d5f;
  display: inline-block;
  margin: 0;
  font-size: 18px;
}
.parcel-order .parcel-order-container .parcel-order-block i.tooltip {
  height: 15px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  vertical-align: baseline;
}
.parcel-order .parcel-order-container .parcel-order-block i.tooltip:hover {
  opacity: 1;
}
.parcel-order .parcel-order-container .parcel-order-block .parcel-order-block-icon {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  background-color: #2d2d5f;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.parcel-order .parcel-order-container .parcel-order-block .parcel-order-block-icon .img-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92%;
  height: 92%;
  border-radius: 100%;
  background-color: #2d2d5f;
  border: 1px solid white;
  transform: translateX(-50%) translateY(-50%);
}
.parcel-order .parcel-order-container .parcel-order-block .parcel-order-block-icon .img-container img {
  width: 66%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.parcel-order .parcel-order-container .parcel-order-block .advise-tooltip {
  background-color: #00adee;
  padding: 10px;
  border-radius: 8px;
  color: #fff;
  margin-bottom: 20px;
  font-size: 0.8em;
  position: relative;
  line-height: 15px;
}

.parcel-order .parcel-order-container .parcel-order-block .qc-modal-label h1 {
  margin-left: 10px;
}
.order-list-item-carrier {
  background-color: #fff;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.order-list-item-carrier.carrier {
  border-radius: 20px;
}
.order-list-item-carrier.carrier .info-row.order-number {
  color: #2d2d5f;
  font-size: 12px;
  padding: 15px 20px;
}
.order-list-item-carrier.carrier .view-btn {
  position: relative;
  bottom: 90px;
  cursor: pointer;
}
.order-list-item-carrier.carrier .address-column {
  width: 250px;
  float: left;
  padding-left: 15px;
}
.order-list-item-carrier.carrier .address-column .info-row .date {
  font-size: 10px;
  color: #7a7a84;
}
.order-list-item-carrier.carrier .address-column .info-row p {
  padding-left: 40px;
  margin-bottom: 28px;
}
.order-list-item-carrier.carrier .address-column .info-row p span {
  display: inline-block;
}
.order-list-item-carrier.carrier .address-column .info-row .icon {
  padding: 0;
  position: absolute;
  width: 20px;
  display: inline-block;
  background-color: #2d2d5f;
  text-align: center;
  height: 20px;
  color: #fff;
  border-radius: 50%;
  transform: rotate(90deg);
}
.order-list-item-carrier.carrier .address-column .info-row .icon.icon-w {
  color: #2d2d5f;
  background-color: #ecf0f5;
}
.order-list-item-carrier.carrier .address-column .line {
  width: 1px;
  background: #c9c9d8;
  height: 40px;
  position: absolute;
  top: 62px;
  left: 24px;
}
.order-list-item-carrier.carrier .request-with-price-column .shipper-price-box {
  background-color: #ecf0f5;
  padding: 20px;
  top: 45px;
  width: 200px;
}
.order-list-item-carrier.carrier .request-with-price-column .shipper-price-box div.title-text {
  color: #79797b;
}
.order-list-item-carrier.carrier .request-with-price-column .shipper-price-box div.price-text {
  color: #79797b;
}
.order-list-item-carrier.carrier .request-with-price-column .info-column .view-btn {
  background-color: #ff6b5b;
}
.order-list-item-carrier.carrier .request-with-price-column .info-column .view-btn.not-available {
  background-color: #79797b;
}
.order-list-item-carrier.carrier .info-column {
  width: calc(100% - 265px);
  padding-top: 0px;
  float: left;
}
.order-list-item-carrier.carrier .info-column > div {
  width: 50%;
  float: left;
  height: 110px;
}
.order-list-item-carrier.carrier .info-column .view-btn {
  bottom: 10px;
}
.order-list-item-carrier.carrier .info-column .view-btn.confirm {
  padding: 0;
}
.order-list-item-carrier.carrier .info-column .view-btn p {
  padding: 10px 20px;
}
.order-list-item-carrier.carrier .order-steps {
  width: 150px;
  background: #ecf0f5;
  color: #2d2d5f;
  float: right;
  margin: 0 10px 0px 0px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.order-list-item-carrier.carrier .order-steps .step {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #55587c;
  border-radius: 50%;
  margin-top: 10px;
  margin-right: 10px;
}
.order-list-item-carrier.carrier .order-steps .step.active {
  background-color: #2d2d5f;
  box-shadow: 0px 0px 0px 4px rgba(125, 142, 160, 0.6);
}
.order-list-item-carrier.carrier .order-steps .step.completed {
  background-color: #48ca28;
}
.order-list-item-carrier.carrier .reference-block {
  min-height: 60px;
  color: #7a7a84;
  font-size: 12px;
}
.order-list-item-carrier.carrier .reference-block .reference {
  margin-bottom: 8px;
}
.order-list-item-carrier.carrier .reference-block .reference span {
  color: #000;
}
.order-list-item-carrier.carrier .ldm-and-weight {
  font-size: 22px;
}
.order-list-item-carrier.carrier .ldm-and-weight > span {
  margin-right: 25px;
}
.order-list-item-carrier.carrier .ldm-and-weight > span > span {
  font-size: 10px;
  vertical-align: super;
}
.order-list-item-carrier .request-with-price-column {
  width: auto;
  padding-top: 5px;
  position: relative;
  vertical-align: top;
}
.order-list-item-carrier .request-with-price-column h1 {
  color: #55587c;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 10px;
  width: 58%;
}
.order-list-item-carrier .request-with-price-column h2 {
  color: #2d2d5f;
  font-size: 18px;
  margin-top: 7px;
  width: 58%;
  line-height: 22px;
}
.order-list-item-carrier .request-with-price-column .shipper-price-box {
  background-color: #ff6b5b;
  position: absolute;
  right: 14px;
  padding: 5px;
  top: 14px;
  width: 250px;
  border-radius: 3px;
  text-align: center;
  line-height: 25px;
}
.order-list-item-carrier .request-with-price-column .shipper-price-box div.title-text {
  color: #fff;
  font-size: 16px;
}
.order-list-item-carrier .request-with-price-column .shipper-price-box div.price-text {
  color: #fff;
  font-size: 24px;
}
.order-list-item-carrier .request-with-price-column .shipper-price-box div.price-text em {
  font-size: 14px;
}
.order-list-item-carrier .request-with-price-column .more-info-column {
  margin-top: 7px;
  float: left;
  width: calc(100% - 210px);
}
.order-list-item-carrier .request-with-price-column .more-info-column .info-row {
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  margin-right: 20px;
}
.order-list-item-carrier .request-with-price-column .more-info-column .info-row .label {
  color: #333;
  display: inline-block;
  margin-right: 5px;
}
.order-list-item-carrier .request-with-price-column .more-info-column .info-row .value {
  font-size: 11px;
  display: inline-block;
  color: #fff;
  background-color: #55587c;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
}
.order-list-item-carrier .request-with-price-column .more-info-column .info-row .value.clickable {
  cursor: pointer;
  background: none;
  text-decoration: underline;
}
.order-list-item-carrier .request-with-price-column .more-info-column .info-row .value a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.order-list-item-carrier .info-column {
  width: auto;
  padding-top: 5px;
  position: relative;
  vertical-align: top;
}
.order-list-item-carrier .info-column h1 {
  color: #2d2d5f;
  font-size: 15px;
  line-height: 18px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
}
.order-list-item-carrier .info-column h1 > em {
  font-size: 11px;
  float: right;
  margin-right: 10px;
}
.order-list-item-carrier .info-column h1 .print {
  display: inline-block;
  margin-left: 7px;
  font-size: 14px;
}
.order-list-item-carrier .info-column h2 {
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
.order-list-item-carrier .info-column .view-btn {
  display: none;
  animation: fade 0.6s forwards;
  float: right;
  color: #fff;
  background-color: #55587c;
  border-radius: 5px;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 14px;
}
.order-list-item-carrier .info-column .view-btn.shipper {
  margin: -44px 10px 0px 0px;
}
.order-list-item-carrier .info-column .view-btn.carrier {
  margin: 0px 10px 10px 0px;
}
.order-list-item-carrier .info-column .view-btn.show {
  display: block !important;
}
.order-list-item-carrier .info-column .more-info-column {
  float: left;
  width: calc(100% - 210px);
}
.order-list-item-carrier .info-column .more-info-column .info-row {
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.order-list-item-carrier .info-column .more-info-column .info-row .label {
  color: #2d2d5f;
  display: inline-block;
}
.order-list-item-carrier .info-column .more-info-column .info-row .label.reference {
  display: block;
}
.order-list-item-carrier .info-column .more-info-column .info-row .value {
  font-size: 11px;
  display: inline-block;
  color: #fff;
  background-color: #55587c;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
}
.order-list-item-carrier .info-column .more-info-column .info-row .value.clickable {
  cursor: pointer;
  background: none;
  text-decoration: underline;
  color: #00adee;
  display: block;
  line-height: 1.5;
  margin-bottom: 3.5px;
}
.order-list-item-carrier .info-column .more-info-column .info-row .value a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.order-list-item-carrier .info-column .more-info-column .info-row.label-block {
  margin-left: 30px;
}
.order-list-item-carrier .info-column .more-info-column .info-row.print {
  float: right;
  margin-right: 25px;
}
.order-list-item-carrier .info-column .more-info-column .info-row.print.clickable {
  color: #2d2d5f;
}
.order-list-item-carrier .info-column .more-info-column .amazon {
  margin-top: 5px;
  width: 60px;
}
.order-list-item-carrier .info-column .more-info-column .parcels {
  margin-top: 5px;
  width: 40px;
}
.order-list-item-carrier .info-column .more-info-column .pallets {
  margin-top: 10px;
  width: 40px;
}
.order-list-item-carrier .info-column .more-info-column .request-type-label {
  color: #2d2d5f;
  font-size: 15px;
  line-height: 18px;
  margin-top: 15px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  white-space: nowrap;
}
.order-list-item-carrier:hover .view-btn {
  display: block;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.order-list-item-carrier.WAITING_FOR_BIDS .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.BIDS_RECEIVED .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.ACTIVE .status-column .status-mark {
  background-color: #2d2d5f;
}
.order-list-item-carrier.STARTED .status-column .status-mark {
  background-color: #2d2d5f;
}
.order-list-item-carrier.DELIVERED .status-column .status-mark {
  background-color: #2d2d5f;
}
.order-list-item-carrier.ENDED .status-column .status-mark {
  background-color: #2d2d5f;
}
.order-list-item-carrier.CANCELED .status-column .status-mark {
  background-color: #e64d43;
}
.order-list-item-carrier.BID_SENT_EXPIRED .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.REQUEST_EXPIRED .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.BID_SENT .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.NEW .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.BID_REJECTED .status-column .status-mark {
  background-color: #ff6b5b;
}
.order-list-item-carrier.ORDER_TAKEN .status-column .status-mark {
  background-color: #ff6b5b;
}
@media (min-width: 1400px) {
  .order-list-item-carrier .request-with-price-column h2 {
    width: 65%;
  }
  .order-list-item-carrier .request-with-price-column h1 {
    width: 65%;
  }
}
@media (max-width: 1280px) {
  .order-list-item-carrier .request-with-price-column h2 {
    width: 40%;
    margin-left: 19%;
  }
  .order-list-item-carrier .request-with-price-column .more-info-column {
    margin-left: 19.3%;
  }
}

.dialog.error {
  text-align: center;
}
.dialog.error h1 {
  text-align: center;
}
.order-list-item-shipper {
  width: 96%;
  padding: 1rem;
  border-radius: 5px;
  background-color: white;
}
.order-list-item-shipper.item-bg-color {
  background-color: white;
}
.order-list-item-shipper.item-bg-color:hover {
  background-color: cornsilk;
}
.order-list-item-shipper .item_creation_detail {
  display: flex;
  justify-content: flex-end;
}
.order-list-item-shipper .item_creation_detail em {
  font-size: 11px;
  color: #2d2d5f;
}
.order-list-item-shipper .order-list-item-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.order-list-item-shipper .order-list-item-content .last-column {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.order-list-item-shipper .order-list-item-content .last-column .request-type-icon {
  text-align: center;
  margin-top: 1rem;
  width: 100px;
}
.order-list-item-shipper .order-list-item-content .status-mark {
  position: relative;
  background-color: #f7709e;
  min-width: 80px;
  min-height: 80px;
  border: 5px double #fff;
  line-height: 60px;
  vertical-align: middle;
  border-radius: 80px;
  margin-right: 1rem;
}
.order-list-item-shipper .order-list-item-content .status-mark i {
  font-size: 16px;
  margin-bottom: 3px;
}
.order-list-item-shipper .order-list-item-content .status-mark span {
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.order-list-item-shipper .order-list-item-content .label {
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  color: #2d2d5f;
}
.order-list-item-shipper .order-list-item-content .label.reference {
  display: block;
}
.order-list-item-shipper .order-list-item-content .value {
  font-size: 11px;
  display: inline-block;
  color: #fff;
  background-color: #55587c;
  border-radius: 3px;
  padding: 2px 5px;
}
.order-list-item-shipper .order-list-item-content .value.clickable {
  cursor: pointer;
  background: none;
  text-decoration: underline;
  color: #00adee;
  display: block;
  line-height: 1.5;
}
.order-list-item-shipper .order-list-item-content .value a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.order-list-item-shipper .order-list-item-content .order-list-item-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.order-list-item-shipper .order-list-item-content .order-list-item-info .first-column {
  width: 240px;
}
.order-list-item-shipper .order-list-item-content .order-list-item-info .first-column .location-name {
  color: #2d2d5f;
  font-size: 15px;
  line-height: 18px;
  margin-right: 5px;
}
.order-list-item-shipper .order-list-item-content .order-list-item-info .first-column .location-name > i {
  font-size: 11px;
  float: right;
  margin-right: 10px;
}
.order-list-item-shipper .order-list-item-content .order-list-item-info .first-column .location-name .print {
  display: inline-block;
  margin-left: 7px;
  font-size: 14px;
}
.order-list-item-shipper .order-list-item-content .amazon {
  margin-top: 5px;
  width: 60px;
}
.order-list-item-shipper .order-list-item-content .parcels {
  width: 30px;
}
.order-list-item-shipper .order-list-item-content .return-parcels {
  width: 40px;
}
.order-list-item-shipper .order-list-item-content .pallets {
  width: 30px;
}
.order-list-item-shipper .order-list-item-content .request-type-label {
  color: #2d2d5f;
  font-size: 14px;
  line-height: 18px;
  margin-top: 15px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  white-space: nowrap;
}
.order-list-item-shipper .summery-block {
  float: none;
  margin-bottom: 20px;
}
.return-parcel-modal .qc-modal-container {
  width: 90%;
}
.return-parcel-modal__body {
  padding: 1.5rem;
}
.return-parcel-modal__body__label {
  display: flex;
  align-items: baseline;
  color: #2d2d5f;
  font-weight: bold;
  margin-bottom: 1rem;
}
.return-parcel-modal__body__label h1 {
  font-size: 2rem;
  margin-right: 10px;
}
.return-parcel-modal__body__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 1rem 0;
}
.return-parcel-modal__body__row .amount-selector {
  width: 120px;
}
.return-parcel-modal__body__row .weight-input {
  width: 120px;
}
.return-parcel-modal__body__row .cross-separator {
  margin-top: 0.7rem;
}
.return-parcel-modal__body__row .qc-input,
.return-parcel-modal__body__row .qc-select {
  margin: 0 0.7rem;
}
.return-parcel-modal__body .toggle-list-container {
  width: 50%;
}
.parcel_truck_cargo a {
  color: white;
}
.parcel_truck_cargo .title-container {
  margin-bottom: 2rem;
}
.parcel_truck_cargo .mt-2 {
  margin-top: 2rem !important;
}
.parcel_truck_cargo .ml-2 {
  margin-left: 2rem !important;
}
.parcel_truck_cargo .text-danger {
  color: red;
}
.parcel_truck_cargo .totalweight_input {
  min-width: 200px;
}
.parcel_truck_cargo hr {
  margin: 2rem 0 0.7rem 0;
}
.parcel_truck_cargo .label-container {
  display: inline-block;
}
.parcel_truck_cargo .label-container label {
  line-height: 40px;
  font-size: 14px;
  color: #2d2d5f;
}
.parcel_truck_cargo .label-container i {
  height: 15px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.parcel_truck_cargo .label-container i:hover {
  opacity: 1;
}
.parcel_truck_cargo .items-table {
  font-size: 14px;
  color: #2d2d5f;
}
.parcel_truck_cargo .items-table input,
.parcel_truck_cargo .items-table select {
  text-align: center;
}
.parcel_truck_cargo .add-pallet-row {
  margin-top: 1rem;
}
.parcel_truck_cargo .add-pallet-row i {
  margin-left: 0;
}
.parcel_truck_cargo .add-pallet-row span {
  font-size: 14px;
  line-height: 30px;
  margin-left: 10px;
  color: #3f3fa5;
  font-weight: 700;
  cursor: pointer;
}
.parcel_truck_cargo .advise-tooltip {
  text-align: center;
  margin-top: 0.5rem;
}
.parcel_truck_cargo .total_weight {
  display: flex;
  justify-content: flex-start;
}
.parcel_truck_cargo .step_summary {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #2d2d5f;
}
.parcel_truck_cargo .step_summary .summary_value {
  color: #ff6b5b;
}
.parcel_truck_cargo .error-message {
  color: #ff6b5b;
  font-size: 10px;
  height: 15px;
}
.parcel_truck_cargo .error-message a {
  color: #ff6b5b;
}
.parcel_truck_cargo .error-message.red-error {
  color: red;
}
.parcel_delivery_time .title-container {
  margin-bottom: 2rem;
}
.parcel_delivery_time .mt-2 {
  margin-top: 2rem !important;
}
.parcel_delivery_time .lh-normal {
  line-height: normal;
}
.parcel_delivery_time .pickup-at {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 20px;
}
.parcel_delivery_time .pickup-at .qc-toggle-list {
  margin-top: 0.5rem;
}
.parcel_delivery_time .pickup-at .pickup-time {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  align-items: center;
}
.parcel_delivery_time .pickup-at .pickup-time label {
  margin: 0 10px;
  color: #C6C6C6;
}
.parcel_delivery_time .advise-tooltip {
  margin-top: 0;
  text-align: left;
}
.parcel-order-route .title-container {
  margin-bottom: 2rem;
}
.parcel-order-route .advise-wrapper {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 530px;
}
.parcel-order-route .mt-2 {
  margin-top: 2rem !important;
}
.parcel-order-route .input-container {
  display: flex;
  justify-content: flex-start;
  margin: 1rem 0;
  align-items: stretch;
}
.parcel-order-route .input-container .location-inputs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0rem 0 0.5rem 2rem;
}
.parcel-order-route .input-container .label-container {
  display: inline-block;
  text-align: center;
  margin-bottom: 0.3rem;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  background-color: #2d2d5f;
  width: 35px;
}
.parcel-order-route .input-container .secondary-label {
  font-size: 14px;
  color: #2d2d5f;
  display: block;
}
.parcel-order-route .input-container .amazon-logo {
  width: 50px;
  display: block;
}
.parcel-order-route .input-container .warehouse {
  color: green;
  font-weight: bold;
  display: block;
  font-size: 14px;
}
.noa-ready-time .title-container {
  margin-bottom: 2rem;
}
.noa-ready-time .mt-2 {
  margin-top: 2rem !important;
}
.noa-ready-time .lh-normal {
  line-height: normal;
}
.noa-ready-time .qc-toggle-list {
  margin-top: 8px;
}
.noa-ready-time .pickup-at {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 20px;
}
.noa-ready-time .pickup-at .pickup-time {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  align-items: center;
}
.noa-ready-time .pickup-at .pickup-time label {
  margin: 0 10px;
  color: #C6C6C6;
}
.noa-ready-time .limit-date {
  display: flex;
  align-items: start;
  font-size: 14px;
  flex-direction: column;
}
.noa-ready-time .advise-tooltip {
  margin-top: 0;
  text-align: center;
}
.noa-ready-time .time-error {
  margin-top: 7px;
}
.noa-ready-time .time-error i, .noa-ready-time .time-error p {
  color: red;
  display: inline;
}
.noa-route .title-container {
  margin-bottom: 2rem;
}
.noa-route .advise-wrapper {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 530px;
}
.noa-route .mt-2 {
  margin-top: 2rem !important;
}
.noa-route .input-container {
  display: flex;
  justify-content: flex-start;
  margin: 1rem 0;
  align-items: stretch;
}
.noa-route .input-container .input-block {
  display: flex;
}
.noa-route .input-container .input-block .input-item-one {
  width: 20%;
}
.noa-route .input-container .input-block .input-item-two {
  width: 80%;
}
.noa-route .input-container .input-block-center {
  margin-top: 1rem;
}
.noa-route .input-container .location_inputs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.noa-route .input-container .label-container:not(.label-accesibility) {
  display: inline-block;
  text-align: center;
  margin-bottom: 0.5rem;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  background-color: #2d2d5f;
  width: 35px;
}
.noa-route .input-container .secondary-label {
  font-size: 14px;
  color: #2d2d5f;
  display: block;
}
.noa-route .input-container .amazon-logo {
  width: 50px;
  display: block;
}
.noa-route .input-container .warehouse {
  color: green;
  font-weight: bold;
  display: block;
  font-size: 14px;
}

.order-type-selector .selected .label {
  color: #fff;
}
.order-type-selector .label {
  color: #2d2d5f;
  font-size: 12px;
  line-height: normal;
}
.order-type-selector .label-tooltip {
  font-size: 14px;
  color: #2d2d5f;
  font-weight: normal;
}
.noa_truck_cargo .title-container {
  margin-bottom: 2rem;
}
.noa_truck_cargo .noa-truck-form a {
  color: white;
}
.noa_truck_cargo .noa-truck-form .mt-2 {
  margin-top: 2rem !important;
}
.noa_truck_cargo .noa-truck-form .ml-2 {
  margin-left: 2rem !important;
}
.noa_truck_cargo .noa-truck-form .totalweight_input {
  min-width: 200px;
}
.noa_truck_cargo .noa-truck-form hr {
  margin: 2rem 0 0.7rem 0;
}
.noa_truck_cargo .noa-truck-form .label-container {
  display: inline-block;
}
.noa_truck_cargo .noa-truck-form .label-container label {
  line-height: 40px;
  font-size: 14px;
  color: #2d2d5f;
}
.noa_truck_cargo .noa-truck-form .label-container i {
  height: 15px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.noa_truck_cargo .noa-truck-form .label-container i:hover {
  opacity: 1;
}
.noa_truck_cargo .noa-truck-form .article-table {
  width: 100%;
  margin-top: 2rem;
  font-size: 14px;
  color: #2d2d5f;
}
.noa_truck_cargo .noa-truck-form .article-table tr {
  display: flex;
}
.noa_truck_cargo .noa-truck-form .article-table th,
.noa_truck_cargo .noa-truck-form .article-table td {
  flex: 1;
}
.noa_truck_cargo .noa-truck-form .article-table i.fa {
  margin-top: 23px;
}
.noa_truck_cargo .noa-truck-form .article-table .table-input {
  width: 70%;
  margin: 15px 10px 0px 0;
}
.noa_truck_cargo .noa-truck-form .add-pallet-row {
  margin-top: 1rem;
}
.noa_truck_cargo .noa-truck-form .add-pallet-row i {
  margin-left: 0;
}
.noa_truck_cargo .noa-truck-form .add-pallet-row span {
  font-size: 14px;
  line-height: 30px;
  margin-left: 10px;
  color: #3f3fa5;
  font-weight: 700;
  cursor: pointer;
}
.noa_truck_cargo .noa-truck-form .advise-tooltip {
  text-align: center;
  margin-top: 0.5rem;
}
.noa_truck_cargo .noa-truck-form .total_weight {
  display: flex;
  justify-content: flex-start;
}
.noa_truck_cargo .step_summary {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #2d2d5f;
}
.noa_truck_cargo .step_summary .summary_value {
  color: #ff6b5b;
}
.wrong-user-type-modal {
  padding: 15px 40px;
}
.wrong-user-type-modal p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
.wrong-user-type-modal p a {
  color: #3F64FF;
  text-decoration: none;
}
.order-type-selector {
  margin-bottom: 30px;
}
.order-type-selector .label-container {
  display: inline-block;
  width: 300px;
}
.order-type-selector .label-container label {
  line-height: 40px;
  font-size: 14px;
  color: #2d2d5f;
}
.order-type-selector .label-container .label-tooltip {
  font-size: 14px;
  color: #2d2d5f;
  display: inline;
  line-height: 40px;
}
.order-type-selector .label-container i {
  height: 40px;
  background-image: url(/img/tooltip-icon.png);
  width: 20px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.order-type-selector .label-container i:hover {
  opacity: 1;
}
.order-type-selector .order-type-toggle {
  display: table;
  border: 1px solid #cacbcc;
  border-radius: 5px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.order-type-selector .order-type-toggle.order-type-toggle-accessibility, .order-type-selector .order-type-toggle.truck-load-type-toggle {
  width: 50%;
}
.order-type-selector .order-type-toggle .toggle-item {
  display: table-cell;
  position: relative;
  cursor: pointer;
  height: 40px;
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #cacbcc;
  line-height: 40px;
}
.order-type-selector .order-type-toggle .toggle-item.max-width {
  width: 130px;
}
.order-type-selector .order-type-toggle .toggle-item:last-child {
  border-right: none;
}
.order-type-selector .order-type-toggle .toggle-item .icon {
  vertical-align: top;
  height: 27px;
  width: 25px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 6px;
}
.order-type-selector .order-type-toggle .toggle-item .icon.fa-thumbs-up {
  font-size: 20px;
  margin-top: 9px;
  color: #2d2d5f;
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-textile {
  background-image: url(/img/order-type-textile.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-plastic {
  background-image: url(/img/order-type-plastic.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-liftgate {
  background-image: url(/img/order-type-liftgate.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-electric-cart {
  background-image: url(/img/order-type-electric-cart.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-sidedoor {
  background-image: url(/img/order-type-sidedoor.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-stackable {
  background-image: url(/img/order-type-stackable.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-mounted-fork-lift {
  background-image: url(/img/order-type-mounted-fork-lift.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-accessibility-box-truck {
  background-image: url(/img/accessibility-shipper/new-order/box-truck-logo.svg);
}
.order-type-selector .order-type-toggle .toggle-item .icon.icon-accessibility-trailer {
  background-image: url(/img/accessibility-shipper/new-order/trailer-logo.svg);
}
.order-type-selector .order-type-toggle .toggle-item .label {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  line-height: normal;
  font-size: 12px;
}
.order-type-selector .order-type-toggle .toggle-item .label:not(.truck-load-type-label) {
  width: 76px;
}
.order-type-selector .order-type-toggle .toggle-item input {
  height: 30px;
  width: 95%;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 12px;
  color: #2d2d5f;
  padding: 0 5px;
  margin: 0 auto;
  display: block;
  margin-top: 5px;
}
.order-type-selector .order-type-toggle .toggle-item.disabled {
  cursor: default;
}
.order-type-selector .order-type-toggle .toggle-item.disabled > .icon {
  opacity: 0.4;
}
.order-type-selector .order-type-toggle .toggle-item.disabled > .label {
  opacity: 0.4;
}
.order-type-selector .order-type-toggle .toggle-item.selected {
  background-color: #2d2d5f;
}
.order-type-selector .order-type-toggle .toggle-item.selected .label {
  color: white;
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.fa-thumbs-up {
  color: white;
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-e-bike {
  background-image: url(/img/order-type-e-bike-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-textile {
  background-image: url(/img/order-type-textile-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-dryfood {
  background-image: url(/img/order-type-dryfood-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-plastic {
  background-image: url(/img/order-type-plastic-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-liftgate {
  background-image: url(/img/order-type-liftgate-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-electric-cart {
  background-image: url(/img/order-type-electric-cart-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-sidedoor {
  background-image: url(/img/order-type-sidedoor-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-mounted-fork-lift {
  background-image: url(/img/order-type-mounted-fork-lift-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-stackable {
  background-image: url(/img/order-type-stackable-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-accessibility-box-truck {
  background-image: url(/img/accessibility-shipper/new-order/box-truck-logo-selected.svg);
}
.order-type-selector .order-type-toggle .toggle-item.selected .icon.icon-accessibility-trailer {
  background-image: url(/img/accessibility-shipper/new-order/trailer-logo-selected.svg);
}
.select-language {
  width: 165px;
  height: 45px;
}
.select-language.is-open .select-language__item:first-of-type {
  border-bottom: 1px solid #e2e2e2;
}
.select-language__item {
  height: 45px;
}
.select-language__item:first-of-type {
  box-shadow: none;
  border-top: none;
  border-bottom: 1px solid transparent;
}
.select-language__lang-img {
  width: 32px;
  height: 32px;
}
.select-language__text, .select-language__arrow {
  margin-left: 10px;
}
.track-and-trace {
  padding: 30px 35px;
  box-sizing: border-box;
}
.track-and-trace .extra-action-buttons-container {
  display: flex;
  margin-left: 37px;
  margin-top: 20px;
}
.track-and-trace .extra-action-buttons-container :first-child {
  margin-right: 10px;
}
.track-and-trace .extra-action-buttons-container a {
  padding: 5px 10px 5px 10px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #2d2d5f;
  text-decoration: none;
  word-break: break-word;
  line-height: 20px;
  color: white;
  border-radius: 4px;
}
@media screen and (max-width: 950px) {
  .track-and-trace {
    padding: 39px 42px;
  }
}
.tt-box {
  width: 420px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  margin-bottom: 38px;
}
.tt-box__header {
  box-sizing: border-box;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2d2d5f;
  border-radius: 5px 5px 0 0;
}
.tt-box__header h1 {
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.tt-box__content {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  padding: 30px;
}
.tt-box__content p, .tt-box__content a {
  font-size: 14px;
  line-height: 17px;
}
.tt-box__content p {
  color: #2d2d5f;
}
.tt-box__content a {
  color: #F18269;
}
@media screen and (max-width: 950px) {
  .tt-box {
    margin-bottom: 16px;
    width: 360px;
  }
  .tt-box__header h1 {
    font-size: 18px;
  }
  .tt-box__content p {
    font-size: 13px;
    line-height: 16px;
  }
}

.tt-box-404 {
  width: 650px;
  margin: 0 auto;
}
.tt-box-404 .tt-box {
  width: 100%;
  text-align: center;
}
.tt-slide-panel {
  z-index: 5;
  position: absolute;
  right: -380px;
  top: 50px;
  width: 380px;
  background-color: #fff;
  border-radius: 0 0 0 5px;
  padding-top: 20px;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
.tt-slide-panel.open {
  right: 0;
}
.tt-slide-panel__header {
  padding-left: 35px;
}
.tt-slide-panel__header h1 {
  font-size: 20px;
  color: #2d2d5f;
  font-family: "OpenSans", arial;
  font-weight: 700;
}
.tt-slide-panel__header p {
  font-size: 12px;
  font-family: "OpenSans", arial;
  color: rgba(45, 44, 98, 0.5);
}
.tt-slide-panel__refresh {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 5px;
  padding: 0;
}
.tt-slide-panel__refresh-icon {
  color: #f18269;
  font-size: 18px;
}
.tt-slide-panel__toggler {
  background-color: #fff;
  border: none;
  cursor: pointer;
  padding: 20px 15px;
  position: absolute;
  top: 0;
  left: -42px;
  border-radius: 5px 0 0 5px;
}
.tt-slide-panel__toggler .arrow {
  border-right: 3px solid #2d2d5f;
  border-bottom: 3px solid #2d2d5f;
  transform: rotate(135deg);
  width: 9px;
  height: 9px;
}
.tt-slide-panel__toggler .arrow.open {
  transform: rotate(-45deg);
}
.tt-step {
  display: flex;
}
.tt-step h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.tt-step p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 5px;
}
.tt-step p:last-of-type {
  margin-bottom: 15px;
}
.tt-step .progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 15px;
}
.tt-step .progress__img {
  display: block;
}
.tt-step .progress__line {
  min-height: 88px;
  height: 100%;
  width: 1px;
}
.tt-step .progress__line.hidden {
  display: none;
}
.tt-step--past h2, .tt-step--past p {
  color: #03A000;
}
.tt-step--past a {
  color: #F18269;
}
.tt-step--past .progress__line {
  background-color: #000;
}
.tt-step--present h2, .tt-step--present p {
  color: #2d2d5f;
}
.tt-step--present a {
  color: #F18269;
}
.tt-step--present .progress__line {
  background-color: rgba(0, 0, 0, 0.5);
}
.tt-step--future h2, .tt-step--future p {
  color: rgba(45, 45, 95, 0.5);
}
.tt-step--future a {
  color: rgba(241, 130, 105, 0.5);
}
.tt-step--future .progress__line {
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 950px) {
  .tt-step h2 {
    font-size: 18px;
  }
  .tt-step p {
    font-size: 13px;
    line-height: 16px;
  }
}
@charset "UTF-8";
._btn_8z7qu_14 {
  border-radius: 8px;
  font-family: OpenSans, arial;
  font-style: normal;
  color: #fff;
  cursor: pointer;
  outline: 0px;
  -webkit-user-select: none;
  user-select: none;
  appearance: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

._btn_8z7qu_14._large_8z7qu_31 {
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

._btn_8z7qu_14._small_8z7qu_37 {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

._btn_8z7qu_14._primary_8z7qu_43 {
  background: #272953;
  color: #fff;
}

._btn_8z7qu_14._primary_8z7qu_43:hover {
  background: #373a76;
}

._btn_8z7qu_14._light_8z7qu_50 {
  background: white;
  border: 1px solid #DDE5FF;
  color: #5c5e67;
}

._btn_8z7qu_14._light_8z7qu_50:hover {
  background: #e6e6e6;
}

._card_1em5i_14 {
  border: 1px solid #EDEFF2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

._typography_gzazy_1 {
  font-family: OpenSans, arial;
  font-style: normal;
  line-height: 24px;
}

._typography_gzazy_1._h5_gzazy_6 {
  font-weight: 600;
  font-size: 18px;
}

._typography_gzazy_1._subtitle2_gzazy_10 {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}

._typography_gzazy_1._body1_gzazy_15 {
  font-weight: 400;
  font-size: 15px;
}

._typography_gzazy_1._body2_gzazy_19 {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

._content_z18ky_14 {
  width: 100%;
  height: auto;
}

._top_z18ky_19 {
  height: 72px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EDEFF2;
  padding-left: 24px;
  gap: 12px;
}

._bottom_z18ky_28 {
  display: flex;
  flex: 1;
  padding: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
}

._item_z18ky_36 {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 33%;
}

._buttonContainer_z18ky_43 {
  margin-top: 24px;
  width: 100%;
}

._content_lg2k9_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

._title_lg2k9_8 {
  text-align: center;
  margin-bottom: 8px;
}

._iconContainer_lg2k9_13 {
  margin-bottom: 24px;
}

._btn_lg2k9_17 {
  margin-top: 24px;
}

.react-tel-input {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  position: relative;
  width: 100%;
}

.react-tel-input :disabled {
  cursor: not-allowed;
}

.react-tel-input .flag {
  width: 16px;
  height: 11px;
  background-image: url(data:image/png;base64,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);
}

.react-tel-input .ad {
  background-position: -16px 0;
}

.react-tel-input .ae {
  background-position: -32px 0;
}

.react-tel-input .af {
  background-position: -48px 0;
}

.react-tel-input .ag {
  background-position: -64px 0;
}

.react-tel-input .ai {
  background-position: -80px 0;
}

.react-tel-input .al {
  background-position: -96px 0;
}

.react-tel-input .am {
  background-position: -112px 0;
}

.react-tel-input .ao {
  background-position: -128px 0;
}

.react-tel-input .ar {
  background-position: -144px 0;
}

.react-tel-input .as {
  background-position: -160px 0;
}

.react-tel-input .at {
  background-position: -176px 0;
}

.react-tel-input .au {
  background-position: -192px 0;
}

.react-tel-input .aw {
  background-position: -208px 0;
}

.react-tel-input .az {
  background-position: -224px 0;
}

.react-tel-input .ba {
  background-position: -240px 0;
}

.react-tel-input .bb {
  background-position: 0 -11px;
}

.react-tel-input .bd {
  background-position: -16px -11px;
}

.react-tel-input .be {
  background-position: -32px -11px;
}

.react-tel-input .bf {
  background-position: -48px -11px;
}

.react-tel-input .bg {
  background-position: -64px -11px;
}

.react-tel-input .bh {
  background-position: -80px -11px;
}

.react-tel-input .bi {
  background-position: -96px -11px;
}

.react-tel-input .bj {
  background-position: -112px -11px;
}

.react-tel-input .bm {
  background-position: -128px -11px;
}

.react-tel-input .bn {
  background-position: -144px -11px;
}

.react-tel-input .bo {
  background-position: -160px -11px;
}

.react-tel-input .br {
  background-position: -176px -11px;
}

.react-tel-input .bs {
  background-position: -192px -11px;
}

.react-tel-input .bt {
  background-position: -208px -11px;
}

.react-tel-input .bw {
  background-position: -224px -11px;
}

.react-tel-input .by {
  background-position: -240px -11px;
}

.react-tel-input .bz {
  background-position: 0 -22px;
}

.react-tel-input .ca {
  background-position: -16px -22px;
}

.react-tel-input .cd {
  background-position: -32px -22px;
}

.react-tel-input .cf {
  background-position: -48px -22px;
}

.react-tel-input .cg {
  background-position: -64px -22px;
}

.react-tel-input .ch {
  background-position: -80px -22px;
}

.react-tel-input .ci {
  background-position: -96px -22px;
}

.react-tel-input .ck {
  background-position: -112px -22px;
}

.react-tel-input .cl {
  background-position: -128px -22px;
}

.react-tel-input .cm {
  background-position: -144px -22px;
}

.react-tel-input .cn {
  background-position: -160px -22px;
}

.react-tel-input .co {
  background-position: -176px -22px;
}

.react-tel-input .cr {
  background-position: -192px -22px;
}

.react-tel-input .cu {
  background-position: -208px -22px;
}

.react-tel-input .cv {
  background-position: -224px -22px;
}

.react-tel-input .cw {
  background-position: -240px -22px;
}

.react-tel-input .cy {
  background-position: 0 -33px;
}

.react-tel-input .cz {
  background-position: -16px -33px;
}

.react-tel-input .de {
  background-position: -32px -33px;
}

.react-tel-input .dj {
  background-position: -48px -33px;
}

.react-tel-input .dk {
  background-position: -64px -33px;
}

.react-tel-input .dm {
  background-position: -80px -33px;
}

.react-tel-input .do {
  background-position: -96px -33px;
}

.react-tel-input .dz {
  background-position: -112px -33px;
}

.react-tel-input .ec {
  background-position: -128px -33px;
}

.react-tel-input .ee {
  background-position: -144px -33px;
}

.react-tel-input .eg {
  background-position: -160px -33px;
}

.react-tel-input .er {
  background-position: -176px -33px;
}

.react-tel-input .es {
  background-position: -192px -33px;
}

.react-tel-input .et {
  background-position: -208px -33px;
}

.react-tel-input .fi {
  background-position: -224px -33px;
}

.react-tel-input .fj {
  background-position: -240px -33px;
}

.react-tel-input .fk {
  background-position: 0 -44px;
}

.react-tel-input .fm {
  background-position: -16px -44px;
}

.react-tel-input .fo {
  background-position: -32px -44px;
}

.react-tel-input .fr, .react-tel-input .bl, .react-tel-input .mf {
  background-position: -48px -44px;
}

.react-tel-input .ga {
  background-position: -64px -44px;
}

.react-tel-input .gb {
  background-position: -80px -44px;
}

.react-tel-input .gd {
  background-position: -96px -44px;
}

.react-tel-input .ge {
  background-position: -112px -44px;
}

.react-tel-input .gf {
  background-position: -128px -44px;
}

.react-tel-input .gh {
  background-position: -144px -44px;
}

.react-tel-input .gi {
  background-position: -160px -44px;
}

.react-tel-input .gl {
  background-position: -176px -44px;
}

.react-tel-input .gm {
  background-position: -192px -44px;
}

.react-tel-input .gn {
  background-position: -208px -44px;
}

.react-tel-input .gp {
  background-position: -224px -44px;
}

.react-tel-input .gq {
  background-position: -240px -44px;
}

.react-tel-input .gr {
  background-position: 0 -55px;
}

.react-tel-input .gt {
  background-position: -16px -55px;
}

.react-tel-input .gu {
  background-position: -32px -55px;
}

.react-tel-input .gw {
  background-position: -48px -55px;
}

.react-tel-input .gy {
  background-position: -64px -55px;
}

.react-tel-input .hk {
  background-position: -80px -55px;
}

.react-tel-input .hn {
  background-position: -96px -55px;
}

.react-tel-input .hr {
  background-position: -112px -55px;
}

.react-tel-input .ht {
  background-position: -128px -55px;
}

.react-tel-input .hu {
  background-position: -144px -55px;
}

.react-tel-input .id {
  background-position: -160px -55px;
}

.react-tel-input .ie {
  background-position: -176px -55px;
}

.react-tel-input .il {
  background-position: -192px -55px;
}

.react-tel-input .in {
  background-position: -208px -55px;
}

.react-tel-input .io {
  background-position: -224px -55px;
}

.react-tel-input .iq {
  background-position: -240px -55px;
}

.react-tel-input .ir {
  background-position: 0 -66px;
}

.react-tel-input .is {
  background-position: -16px -66px;
}

.react-tel-input .it {
  background-position: -32px -66px;
}

.react-tel-input .je {
  background-position: -144px -154px;
}

.react-tel-input .jm {
  background-position: -48px -66px;
}

.react-tel-input .jo {
  background-position: -64px -66px;
}

.react-tel-input .jp {
  background-position: -80px -66px;
}

.react-tel-input .ke {
  background-position: -96px -66px;
}

.react-tel-input .kg {
  background-position: -112px -66px;
}

.react-tel-input .kh {
  background-position: -128px -66px;
}

.react-tel-input .ki {
  background-position: -144px -66px;
}

.react-tel-input .xk {
  background-position: -128px -154px;
}

.react-tel-input .km {
  background-position: -160px -66px;
}

.react-tel-input .kn {
  background-position: -176px -66px;
}

.react-tel-input .kp {
  background-position: -192px -66px;
}

.react-tel-input .kr {
  background-position: -208px -66px;
}

.react-tel-input .kw {
  background-position: -224px -66px;
}

.react-tel-input .ky {
  background-position: -240px -66px;
}

.react-tel-input .kz {
  background-position: 0 -77px;
}

.react-tel-input .la {
  background-position: -16px -77px;
}

.react-tel-input .lb {
  background-position: -32px -77px;
}

.react-tel-input .lc {
  background-position: -48px -77px;
}

.react-tel-input .li {
  background-position: -64px -77px;
}

.react-tel-input .lk {
  background-position: -80px -77px;
}

.react-tel-input .lr {
  background-position: -96px -77px;
}

.react-tel-input .ls {
  background-position: -112px -77px;
}

.react-tel-input .lt {
  background-position: -128px -77px;
}

.react-tel-input .lu {
  background-position: -144px -77px;
}

.react-tel-input .lv {
  background-position: -160px -77px;
}

.react-tel-input .ly {
  background-position: -176px -77px;
}

.react-tel-input .ma {
  background-position: -192px -77px;
}

.react-tel-input .mc {
  background-position: -208px -77px;
}

.react-tel-input .md {
  background-position: -224px -77px;
}

.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}

.react-tel-input .mg {
  background-position: 0 -88px;
}

.react-tel-input .mh {
  background-position: -16px -88px;
}

.react-tel-input .mk {
  background-position: -32px -88px;
}

.react-tel-input .ml {
  background-position: -48px -88px;
}

.react-tel-input .mm {
  background-position: -64px -88px;
}

.react-tel-input .mn {
  background-position: -80px -88px;
}

.react-tel-input .mo {
  background-position: -96px -88px;
}

.react-tel-input .mp {
  background-position: -112px -88px;
}

.react-tel-input .mq {
  background-position: -128px -88px;
}

.react-tel-input .mr {
  background-position: -144px -88px;
}

.react-tel-input .ms {
  background-position: -160px -88px;
}

.react-tel-input .mt {
  background-position: -176px -88px;
}

.react-tel-input .mu {
  background-position: -192px -88px;
}

.react-tel-input .mv {
  background-position: -208px -88px;
}

.react-tel-input .mw {
  background-position: -224px -88px;
}

.react-tel-input .mx {
  background-position: -240px -88px;
}

.react-tel-input .my {
  background-position: 0 -99px;
}

.react-tel-input .mz {
  background-position: -16px -99px;
}

.react-tel-input .na {
  background-position: -32px -99px;
}

.react-tel-input .nc {
  background-position: -48px -99px;
}

.react-tel-input .ne {
  background-position: -64px -99px;
}

.react-tel-input .nf {
  background-position: -80px -99px;
}

.react-tel-input .ng {
  background-position: -96px -99px;
}

.react-tel-input .ni {
  background-position: -112px -99px;
}

.react-tel-input .nl, .react-tel-input .bq {
  background-position: -128px -99px;
}

.react-tel-input .no {
  background-position: -144px -99px;
}

.react-tel-input .np {
  background-position: -160px -99px;
}

.react-tel-input .nr {
  background-position: -176px -99px;
}

.react-tel-input .nu {
  background-position: -192px -99px;
}

.react-tel-input .nz {
  background-position: -208px -99px;
}

.react-tel-input .om {
  background-position: -224px -99px;
}

.react-tel-input .pa {
  background-position: -240px -99px;
}

.react-tel-input .pe {
  background-position: 0 -110px;
}

.react-tel-input .pf {
  background-position: -16px -110px;
}

.react-tel-input .pg {
  background-position: -32px -110px;
}

.react-tel-input .ph {
  background-position: -48px -110px;
}

.react-tel-input .pk {
  background-position: -64px -110px;
}

.react-tel-input .pl {
  background-position: -80px -110px;
}

.react-tel-input .pm {
  background-position: -96px -110px;
}

.react-tel-input .pr {
  background-position: -112px -110px;
}

.react-tel-input .ps {
  background-position: -128px -110px;
}

.react-tel-input .pt {
  background-position: -144px -110px;
}

.react-tel-input .pw {
  background-position: -160px -110px;
}

.react-tel-input .py {
  background-position: -176px -110px;
}

.react-tel-input .qa {
  background-position: -192px -110px;
}

.react-tel-input .re {
  background-position: -208px -110px;
}

.react-tel-input .ro {
  background-position: -224px -110px;
}

.react-tel-input .rs {
  background-position: -240px -110px;
}

.react-tel-input .ru {
  background-position: 0 -121px;
}

.react-tel-input .rw {
  background-position: -16px -121px;
}

.react-tel-input .sa {
  background-position: -32px -121px;
}

.react-tel-input .sb {
  background-position: -48px -121px;
}

.react-tel-input .sc {
  background-position: -64px -121px;
}

.react-tel-input .sd {
  background-position: -80px -121px;
}

.react-tel-input .se {
  background-position: -96px -121px;
}

.react-tel-input .sg {
  background-position: -112px -121px;
}

.react-tel-input .sh {
  background-position: -128px -121px;
}

.react-tel-input .si {
  background-position: -144px -121px;
}

.react-tel-input .sk {
  background-position: -160px -121px;
}

.react-tel-input .sl {
  background-position: -176px -121px;
}

.react-tel-input .sm {
  background-position: -192px -121px;
}

.react-tel-input .sn {
  background-position: -208px -121px;
}

.react-tel-input .so {
  background-position: -224px -121px;
}

.react-tel-input .sr {
  background-position: -240px -121px;
}

.react-tel-input .ss {
  background-position: 0 -132px;
}

.react-tel-input .st {
  background-position: -16px -132px;
}

.react-tel-input .sv {
  background-position: -32px -132px;
}

.react-tel-input .sx {
  background-position: -48px -132px;
}

.react-tel-input .sy {
  background-position: -64px -132px;
}

.react-tel-input .sz {
  background-position: -80px -132px;
}

.react-tel-input .tc {
  background-position: -96px -132px;
}

.react-tel-input .td {
  background-position: -112px -132px;
}

.react-tel-input .tg {
  background-position: -128px -132px;
}

.react-tel-input .th {
  background-position: -144px -132px;
}

.react-tel-input .tj {
  background-position: -160px -132px;
}

.react-tel-input .tk {
  background-position: -176px -132px;
}

.react-tel-input .tl {
  background-position: -192px -132px;
}

.react-tel-input .tm {
  background-position: -208px -132px;
}

.react-tel-input .tn {
  background-position: -224px -132px;
}

.react-tel-input .to {
  background-position: -240px -132px;
}

.react-tel-input .tr {
  background-position: 0 -143px;
}

.react-tel-input .tt {
  background-position: -16px -143px;
}

.react-tel-input .tv {
  background-position: -32px -143px;
}

.react-tel-input .tw {
  background-position: -48px -143px;
}

.react-tel-input .tz {
  background-position: -64px -143px;
}

.react-tel-input .ua {
  background-position: -80px -143px;
}

.react-tel-input .ug {
  background-position: -96px -143px;
}

.react-tel-input .us {
  background-position: -112px -143px;
}

.react-tel-input .uy {
  background-position: -128px -143px;
}

.react-tel-input .uz {
  background-position: -144px -143px;
}

.react-tel-input .va {
  background-position: -160px -143px;
}

.react-tel-input .vc {
  background-position: -176px -143px;
}

.react-tel-input .ve {
  background-position: -192px -143px;
}

.react-tel-input .vg {
  background-position: -208px -143px;
}

.react-tel-input .vi {
  background-position: -224px -143px;
}

.react-tel-input .vn {
  background-position: -240px -143px;
}

.react-tel-input .vu {
  background-position: 0 -154px;
}

.react-tel-input .wf {
  background-position: -16px -154px;
}

.react-tel-input .ws {
  background-position: -32px -154px;
}

.react-tel-input .ye {
  background-position: -48px -154px;
}

.react-tel-input .za {
  background-position: -64px -154px;
}

.react-tel-input .zm {
  background-position: -80px -154px;
}

.react-tel-input .zw {
  background-position: -96px -154px;
}

.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.react-tel-input .hide {
  display: none;
}

.react-tel-input .v-hide {
  visibility: hidden;
}

.react-tel-input .form-control {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  background: #FFFFFF;
  border: 1px solid #CACACA;
  border-radius: 5px;
  line-height: 25px;
  height: 35px;
  width: 300px;
  outline: none;
}

.react-tel-input .form-control.invalid-number {
  border: 1px solid #d79f9f;
  background-color: #faf0f0;
  border-left-color: #cacaca;
}

.react-tel-input .form-control.invalid-number:focus {
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #faf0f0;
}

.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-color: #f5f5f5;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .flag-dropdown:hover, .react-tel-input .flag-dropdown:focus {
  cursor: pointer;
}

.react-tel-input .flag-dropdown.invalid-number {
  border-color: #d79f9f;
}

.react-tel-input .flag-dropdown.open {
  z-index: 2;
  background: #fff;
  border-radius: 3px 0 0;
}

.react-tel-input .flag-dropdown.open .selected-flag {
  background: #fff;
  border-radius: 3px 0 0;
}

.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}

.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}

.react-tel-input .selected-flag {
  outline: none;
  position: relative;
  width: 38px;
  height: 100%;
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus {
  background-color: #fff;
}

.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 50%;
  margin-top: -5px;
}

.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.react-tel-input .country-list {
  outline: none;
  z-index: 1;
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 10px 0 10px -1px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3490196078);
  background-color: #fff;
  width: 300px;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 0 0 3px 3px;
}

.react-tel-input .country-list .flag {
  display: inline-block;
}

.react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.react-tel-input .country-list .country {
  padding: 7px 9px;
}

.react-tel-input .country-list .country .dial-code {
  color: #6b6b6b;
}

.react-tel-input .country-list .country:hover, .react-tel-input .country-list .country.highlight {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .flag {
  margin-right: 7px;
  margin-top: 2px;
}

.react-tel-input .country-list .country-name {
  margin-right: 6px;
}

.react-tel-input .country-list .search {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 10px 0 6px 10px;
}

.react-tel-input .country-list .search-emoji {
  font-size: 15px;
}

.react-tel-input .country-list .search-box {
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 15px;
  line-height: 15px;
  margin-left: 6px;
  padding: 3px 8px 5px;
  outline: none;
}

.react-tel-input .country-list .no-entries-message {
  padding: 7px 10px 11px;
  opacity: 0.7;
}

.react-tel-input .invalid-number-message {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  color: #de0000;
}

.react-tel-input .special-label {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  white-space: nowrap;
}

._content_1l01j_1 {
  padding: 18px;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon:before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: 700;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *:before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next:before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: 700;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}

.react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: #000;
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5019607843);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon:after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled:after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.custom-calendar {
  border: 0;
  border-radius: 0;
  width: 450px;
  font-size: 18px;
  font-weight: 200;
}

.custom-calendar .holiday-overlay {
  text-indent: 0;
  background-color: #ff6803;
  padding: 0 8px;
  font-size: 14px;
}

.custom-calendar .react-datepicker__month-container {
  float: none;
}

.custom-calendar .react-datepicker__header {
  background-color: #fff;
  border: 0;
  padding: 20px 0;
}

.custom-calendar .react-datepicker__current-month {
  color: #2d2d5f;
  padding: 10px;
  font-size: 18px;
}

.custom-calendar .react-datepicker__navigation {
  top: 30px;
}

.custom-calendar .react-datepicker__navigation-icon:before, .custom-calendar .react-datepicker__navigation-icon:after {
  border-color: #2d2d5f;
  border-width: 2px 2px 0 0;
  height: 7px;
  width: 7px;
}

.custom-calendar .react-datepicker__day--disabled, .custom-calendar .react-datepicker__month-text--disabled, .custom-calendar .react-datepicker__quarter-text--disabled, .custom-calendar .react-datepicker__year-text--disabled {
  background: #f5f5f5;
  color: #ddd;
}

.custom-calendar .react-datepicker__day--holidays {
  color: #ff6803 !important;
}

.custom-calendar .react-datepicker__day-name, .custom-calendar .react-datepicker__day, .custom-calendar .react-datepicker__time-name {
  margin: 0;
  padding: 10px 30px;
  text-indent: -7px;
}

.custom-calendar .react-datepicker__day:not(.react-datepicker__day--disabled):hover, .custom-calendar .react-datepicker__month-text:hover, .custom-calendar .react-datepicker__quarter-text:hover, .custom-calendar .react-datepicker__year-text:hover {
  border-radius: 0;
  background: #b1dcfb;
}

.custom-calendar .react-datepicker__day--keyboard-selected {
  border-radius: 0;
  background: #b1dcfb;
}

.custom-calendar .react-datepicker__day-name {
  color: #999;
  font-weight: 500;
  font-size: 16px;
}

.custom-calendar .react-datepicker__day-names {
  margin-bottom: -28px;
}

.custom-calendar .react-datepicker__day--selected {
  background: #0089ec;
  color: #fff;
  font-weight: 200;
  border-radius: 0;
}

._OffersCard_r7u6l_14 {
  flex-grow: 1;
}

._OffersCard_r7u6l_14._alternative_r7u6l_17 {
  border-color: #000050;
}

._SelectedChip_r7u6l_21 {
  background-color: #000050;
  color: #fff;
  padding: 8px 20px;
  border-radius: 0 8px;
  position: absolute;
  top: -1px;
  right: -1px;
}