:root {
  --shadow-color: 0deg 0% 70%;
  --shadow-elevation-low: 0px 0.7px 0.9px hsl(var(--shadow-color) / 0.17),
    0px 1.1px 1.4px -0.8px hsl(var(--shadow-color) / 0.24),
    0px 2.4px 3px -1.6px hsl(var(--shadow-color) / 0.31);
  --shadow-elevation-medium: 0px 0.7px 0.9px hsl(var(--shadow-color) / 0.18),
    0px 2.3px 2.9px -0.5px hsl(var(--shadow-color) / 0.23),
    0px 5.2px 6.6px -1.1px hsl(var(--shadow-color) / 0.29),
    0.1px 11.8px 14.9px -1.6px hsl(var(--shadow-color) / 0.34);
  --shadow-elevation-high: 0px 0.7px 0.9px hsl(var(--shadow-color) / 0.17),
    0px 4px 5px -0.2px hsl(var(--shadow-color) / 0.19),
    0px 7.3px 9.2px -0.5px hsl(var(--shadow-color) / 0.22),
    0.1px 11.2px 14.1px -0.7px hsl(var(--shadow-color) / 0.24),
    0.1px 16.8px 21.2px -0.9px hsl(var(--shadow-color) / 0.27),
    0.1px 24.9px 31.4px -1.1px hsl(var(--shadow-color) / 0.29),
    0.2px 36.5px 46px -1.4px hsl(var(--shadow-color) / 0.31),
    0.3px 52.5px 66.2px -1.6px hsl(var(--shadow-color) / 0.34);
}
.elementor.elementor-location-header .elementor-inner .elementor-section-wrap header {
  z-index: 1000 !important;
}
.type-page .entry-title {
  text-transform: uppercase;
  margin: 1.25em auto 0.25em;
  max-width: 720px;
  color: #4b5f68;
  font-size: 1.125em;
  letter-spacing: -0.025em;
  font-family: "Bw Modelica", Sans-serif;
}
.type-page .page-content .fd_tracking_area {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.fd_tracking_area {
  font-family: "Bw Modelica", Sans-serif;
}
.fd_tracking_area .formArea {
  position: relative;
}
.fd_tracking_area .formArea .form {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 0.5em;
  margin: 0 auto;
  border-radius: 0.375em;
  background: #4d5c63;
  color: white;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.16), 0 0 0.125em rgba(0, 0, 0, 0.24);
  font-size: 1.25em;
  justify-content: center;
}
.fd_tracking_area .formArea .form .field {
  margin-right: 0.5em;
}
.fd_tracking_area .formArea .form .field.input.text {
  display: flex;
  flex-direction: row;
  background: white;
  color: #333;
  border-radius: 0.375em;
}
.fd_tracking_area .formArea .form .field.input.text label,
.fd_tracking_area .formArea .form .field.input.text input {
  min-height: 1.25em;
  line-height: 1.25em;
}
.fd_tracking_area .formArea .form .field.input.text label {
  font-size: 1em;
  border-radius: 0.375em;
  margin: 0.125em;
  background: rgba(77, 92, 99, 0.2);
  display: inline-block;
  padding: 0.25em 0.5em;
  font-weight: bold;
}
.fd_tracking_area .formArea .form .field.input.text input {
  font-size: 1.25em;
  font-family: "Bw Modelica", Sans-serif;
  background: none;
  border: none;
  border-radius: 0.375em;
  margin: 0;
  padding: 0;
  padding-left: 0.375em;
  max-width: 8em;
  letter-spacing: 0.0625em;
  overflow: hidden;
}
.fd_tracking_area .formArea .form .field .btn {
  font-family: "Bw Modelica", Sans-serif;
  display: inline-block;
  padding: 0.75em 1em;
  min-height: 1.25em;
  line-height: 1.25em;
  border-radius: 1.25em;
  color: white;
  background: #4d5c63;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: bold;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.16), 0 0.125em 0.125em rgba(0, 0, 0, 0.24);
  transition: all 500ms;
  outline: none;
  position: relative;
}
.fd_tracking_area .formArea .form .field .btn:hover,
.fd_tracking_area .formArea .form .field .btn:active {
  transform: scale(1.125);
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.08), 0 0 0.125em rgba(0, 0, 0, 0.12);
}
.fd_tracking_area .formArea .form .field .btn.cta {
  background: #ff5100;
}
.fd_tracking_area .formArea .form .field .btn.cta:hover,
.fd_tracking_area .formArea .form .field .btn.cta:active {
  background: #ff7300;
}
.fd_tracking_area .formArea .form .field .btn.active {
  padding-right: 3em;
}
.fd_tracking_area .formArea .form .field .btn.active:after {
  position: absolute;
  right: 1em;
  top: 0.75em;
  display: inline-block;
  content: " ";
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25;
  margin-left: 0.5em;
  background: url("images/loading.gif");
  background-size: cover;
  background-position: center;
}
.fd_tracking_area .formArea .fdt_alert {
  display: none;
  margin: -0.5em auto 0.5em;
  width: 100%;
  max-width: 720px;
  text-align: center;
  padding: 1em 0.5em 0.5em;
  border-radius: 0 0 0.375em 0.375em;
}
.fd_tracking_area .formArea .fdt_alert.critical {
  background-color: #a00;
  color: white;
  background-image: linear-gradient(to bottom, #800 0%, #c00 100%);
}
.fd_tracking_area .formArea .fdt_alert.warning {
  background-color: #ffc953;
  color: #332300;
  background-image: linear-gradient(to bottom, #ffb453 0%, #ffc953 100%);
}
.fd_tracking_area .resultArea {
  text-align: center;
}
.fd_tracking_area .resultArea .trackingBox {
  margin: 1em auto;
  max-width: 640px;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .type-page .entry-title {
    font-size: 1.5em;
    margin: 2em auto 0.5em;
    max-width: 720px;
  }
  .fd_tracking_component .formArea .form {
    padding: 1em;
  }
  .fd_tracking_component .formArea .form .field.input.text .btn {
    padding: 0.75em 1.5em;
  }
}
.fdt_tracking_close {
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 10;
  border-radius: 2em;
  font-size: 14px;
  padding: 0.375em 0.5em 0.5em 1em;
  background: #ff5100;
  color: #ffedc5;
  font-weight: bold;
  box-shadow: var(--shadow-elevation-medium);
  vertical-align: middle;
  cursor: pointer;
}
.fdt_tracking_close span {
  border-radius: 100%;
  background: #c94000;
  display: inline-block;
  width: 1.375em;
  height: 1.375em;
  margin-left: 0.25em;
  line-height: 1.25em;
  text-align: center;
}
.fdt_tracking_close:hover {
  background: #ff7315;
  color: #fff;
}
.fdt_tracking_close:active {
  box-shadow: var(--shadow-elevation-low);
}
/*
  FDModal v0.8.3-20210301
  by ivan.mendoza@forzalatam.com
  @preserve
*/
body.FDModalActive,
.FDModal.FDModalActive,
.FDModalActive {
  overflow: hidden;
}
.FDModal,
.FDModalBg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.FDModal {
  z-index: 2021;
  background: white;
  margin: 1em;
}
.FDModal .areaContent {
  overflow: auto;
  min-width: 100%;
  min-height: 100%;
  padding: 2em;
}
.FDModalBg {
  z-index: 2020;
  background: rgba(0, 0, 0, 0.5);
}

.sendBtnAskForHelp{
  background: #ff7300 !important;
  color: white !important;
  border-color: #ff7300 !important;
}

.cancelBtnAskForHelp{
  background: #c36 !important;
  color: white !important;
  border-color: #c36 !important;
}

.askForHelp{
  background: #ff5100 !important;
  color: white !important;
  border-color: #ff5100 !important;
  height: 30px !important;
  border-radius: 15px !important;
}

.detailService{
  background: #76b500 !important;
  color: white !important;
  border-color: #76b500 !important;
  height: 30px !important;
  border-radius: 15px !important;
}

.sendBtnAskForHelp:hover, 
.cancelBtnAskForHelp:hover, 
.askForHelp:hover, 
.btnShowMap:hover, 
.btnNextStep:hover, 
.detailService:hover{
  opacity: 0.8;
}

.btnNextStep{
  background: #ff7300 !important;
  color: white !important;
  border-color: #ff7300 !important;
  padding: 1.5px 4.5px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
}

.tb_event.done.with_map .text .title::after{
  content:none !important;
}

.btnShowMap{
  background: #76b500 !important;
  color: white !important;
  border-color: #76b500 !important;
  padding: 1.5px 4.5px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
}

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

@media screen and (max-width:425px){
  .deliveredStyle{
    flex-direction: column;
  }
}

.mapModal {
  height: calc(100vh - 200px);
  width: 100%;
}

.customCheckpoint{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.customCheckpoint::after{
  background: none !important;
}

.tb_event.issue.with_map .text .title:after{
  display: none !important;
}