.referencia-mapa {
  background: #fff;
  border: solid 5px #000;
  border-radius: 18px;
  font-size: 0.8rem;
  width: 325px;
  padding: 0.5rem;
  color: #000;
  text-shadow: 0px 1px var(--gris-transparente);
  margin-top: -20px;
  margin-top: -10%;
  margin-left: 5%;
}

.ajustartit {
  margin-left: 150px;
}

.referencia-mapa>div {
  position: relative;
}

.plot:hover {
  cursor: pointer;
}

.aviso-frec {
  font-size: 0.7rem;
}

.referencia-mapa img {
  position: absolute;
  right: 0;
  top: 5px;
  width: 90px;
}

.mapael .map {
  position: relative;
}

.mapael .mapTooltip {
  position: absolute;
  background-color: var(--azul-fuerte);
  background-color: #011C44;
  moz-opacity: 0.70;
  opacity: 0.70;
  filter: alpha(opacity=70);
  border-radius: 10px;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #fff;
}

.mapael .areaLegend {
  margin-bottom: 20px;
}

.content-map {
  /*background: linear-gradient(0deg, rgb(34, 59, 107) 50%, rgb(34, 59, 107) 20%, rgb(13, 213, 224) 100%);*/
  background: linear-gradient(15deg, rgb(12, 38, 38) 100%, green 25%, green 64%);
  max-width: 100% !important;
  margin: 0 !important;
  position: relative;
}

.content-map h1 {
  color: #fff;
  border-bottom: solid 2px var(--rojo-aeromar);
}

.content-map .spinner-border {
  width: 3rem;
  /* height: 3rem; */
}

.loading-mapa {
  position: absolute;
  right: 3rem;
}

.mapa-logo {
  position: absolute;
  bottom: 5%;
  right: -13%;
  width: 88px;
}

.infoDestinos {
  position: absolute;
  top: 10%;
  right: 0;
  width: 60%;
  background-color: #2c3659;
  z-index: 10000;
  color: #fff;
  -webkit-transition: right 2s;
  /* Safari prior 6.1 */
  transition: right 2s;
  border-bottom-left-radius: 20px;
  box-shadow: -5px 5px 10px #888888;
  border: solid 1px #000;
}

.infoDestinos img {
  width: 100%;
}

.infoDestinos .hide-dest {
  position: absolute;
  left: -31px;
  top: -1px;
  cursor: pointer;
  font-weight: 900;
  padding: 5px 10px;
  background-color: #2c355c;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  box-shadow: -2px 5px 5px #888888;
  border-top: solid 1px #000;
  border-left: solid 1px #000;
  border-bottom: solid 1px #000;
}

.info-oculta .hide-dest {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.info-oculta {
  right: -73%;
  display: none;
}

.trm-cnd {
  position: absolute;
  right: 1%;
  bottom: 120px;
  font-size: 0.8rem;
}

.trm-cnd a {
  color: #fff;
}

.map [fill^="#ffffff"] {
  text-shadow: 2px 2px 3px #000;
  /*text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/
}

[data-id^='GTM'] {
  stroke: #FF8000;
}

[data-id^='HAB'] {
  stroke: #71AD48;
}

[data-id^='MISMOD'] {
  stroke-dasharray: 5 !important;
  stroke: red;
}

[data-id^='OTROD'] {
  stroke-dasharray: 2 !important;
  stroke: var(--azul-claro);
  stroke: #008FC8;
}

[data-id^='INTERJET'] {
  stroke: #ffc107;
}



.border-primary {
  border-color: #354A4A !important
}


.caja_flotante {
  position: absolute;
  top: 200px;
  left: 20px;
  width: 80%;
  padding: 10px;
  z-index: 10000;
  border: #354A4A 1px solid;
}

.TituloIndex {
  font-size: 30px;
  padding-top: 10px;
  color: #fff;
}

.destinos {
  font-size: 15px;
  color: #AEF821;
  /* font-weight: bold; */
}

.medios {
  font-size: 17px;
  color: #fff;
  /* font-weight: bold; */
}

.duraciontrayecto {
  font-size: 13px;
  color: #fff;
}

.distanciatrayecto {
  font-size: 13px;
  color: #fff;
}

.mycontent-left {
  border-left: 3px solid #A4FECC;
}

.mycontent-left_R {
  border-left: 3px solid #FEA4A4;
}

.mycontent-left_R_ {
  border-left: 3px dashed #EFEFEF;
}

.leyendaDestinos {
  color: #fff;
  margin-left: 10px;
  font-size: 20px;
  justify-content: space-between;
}

.btn-primary {
  background-color: #AEF821 !important;
  color: #354A4A;
  margin-left: 10px;
  border-color: #AEF821;
}