.under {
  text-decoration: underline;
  font-size: 1.5rem;
}

.help-images .container-img {
  height: 18rem;
}
.help-images .container-img img {
  width: 100%;
  height: 90%;
  border-radius: 5px;
}

.img_legend {
  padding-left: 0.5rem;
}

.logo-ministerio-full, .logo-black-full {
  height: 100%;
}

.logo-ministerio-full {
  width: 15rem;
}

.logo-black-full {
  width: 5rem;
}

.text-logo {
  color: black;
  height: 100%;
  margin-left: -1rem;
}

.text-logo-h2 {
  margin: 0;
  font-size: 1.5rem;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  line-height: 1;
}

#container-help {
  width: 100%;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
#container-help.reduce {
  width: 30% !important;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

#container-help-images {
  width: 0%;
  display: none;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
#container-help-images.reduce {
  display: block;
  width: 60% !important;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.31s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.disabled-button {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  background: gray !important;
}

.map-legend i {
  display: none;
}

.m-legendServicesExtra-phone {
  border: 2px solid #f7d117 !important;
  width: 15rem !important;
  text-align: right !important;
  padding: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 20rem;
}
.m-legendServicesExtra-phone span {
  color: black;
  font-size: 12px;
}

.m-legendServicesExtra {
  border: 2px solid #f7d117 !important;
  padding: 1rem !important;
  max-width: 20rem !important;
  padding: 1rem;
  max-width: 20rem;
}
.m-legendServicesExtra span {
  font-weight: bold;
  color: black;
  font-size: 12px;
  cursor: pointer;
}
.m-legendServicesExtra span i {
  padding: 0 0.5rem;
  font-size: 1.25rem;
}
.m-legendServicesExtra span i:hover {
  cursor: pointer;
}
.m-legendServicesExtra .checks {
  display: flex;
  padding-left: 0;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
}
.m-legendServicesExtra .checks .form-check {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.m-legendServicesExtra .checks .form-check label {
  padding: 0 0.5rem;
  font-size: 12px;
}

#fullpage {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: contain;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-color: black;
}

.ol-viewport {
  z-index: 999;
}

.m-popup {
  height: auto !important;
  overflow: auto;
}
.m-popup .content {
  height: auto !important;
}

.m-popup::before {
  display: none !important;
}

.m-areas div.m-area div.m-panel.opened.m-legenPanelExtra {
  background: transparent !important;
}

.m-legenPanelExtra {
  border: 1px solid #f7d117 !important;
  width: 15rem !important;
  text-align: right !important;
  padding: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 15rem;
  text-align: right;
  padding: 1rem;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.m-legenPanelExtra span {
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 12px;
  cursor: pointer;
}
.m-legenPanelExtra span i {
  padding: 0 0.5rem;
  font-size: 1.25rem;
}
.m-legenPanelExtra span i:hover {
  cursor: pointer;
}
.m-legenPanelExtra .col-12 {
  display: flex;
}
.m-legenPanelExtra .ml-color {
  width: 1rem;
  height: 1rem;
}
.m-legenPanelExtra label {
  padding-left: 1rem;
  font-weight: bold;
  font-size: 0.8rem;
  text-align: left;
}

.m-panel.m-legenPanelExtra.row.opened.no-collapsible {
  border: 2px solid #f7d117 !important;
}

.m-panel.m-legendServicesExtra-phone.row.opened.no-collapsible {
  border: 2px solid #f7d117 !important;
}

.m-legendServicesExtra-phone {
  border: 2px solid #f7d117 !important;
  border: 2px solid #f7d117 !important;
  width: 15rem;
  text-align: right;
  padding: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 15rem;
  text-align: right;
  padding: 1rem;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.m-legendServicesExtra-phone span {
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-legendServicesExtra-phone span i {
  padding: 0 0.5rem;
  font-size: 1.25rem;
}
.m-legendServicesExtra-phone span i:hover {
  cursor: pointer;
}
.m-legendServicesExtra-phone .col-12 {
  display: flex;
}
.m-legendServicesExtra-phone .ml-color {
  width: 1rem;
  height: 1rem;
}
.m-legendServicesExtra-phone label {
  padding-left: 1rem;
  font-weight: bold;
  font-size: 0.8rem;
  text-align: left;
}

.button-close-full {
  margin: 1rem;
  font-size: 1rem;
  display: none;
  font-size: 1rem !important;
  clear: both;
  overflow: hidden;
  white-space: nowrap;
}
.button-close-full i {
  margin: 0 0.5rem;
}

.ol-attribution {
  display: none;
}

.attributtion {
  position: absolute;
  bottom: 2rem;
  margin: 1rem;
  z-index: 99999;
}
.attributtion ion-icon {
  margin: 0.2rem;
}
.attributtion .attribution-container {
  padding: 0 5px;
  background-color: hsla(0deg, 0%, 100%, 0.8);
  margin: 0;
}
.attributtion .attribution-container a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  font-weight: bold;
  font-size: 0.8rem;
}

.container-stage {
  /* Absolute Center Spinner */
}
.container-stage .loading-cover {
  display: none;
  position: absolute;
  background: rgba(128, 128, 128, 0.5098039216);
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 0;
}
.container-stage .loading {
  margin: auto;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.container-stage .loading div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.container-stage .loading div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #364b5f;
}
.container-stage .loading div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.container-stage .loading div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.container-stage .loading div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.container-stage .loading div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.container-stage .loading div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.container-stage .loading div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.container-stage .loading div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.container-stage .loading div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.container-stage .loading div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.container-stage .loading div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.container-stage .loading div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.container-stage .loading div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.container-stage .gallery {
  margin-top: 2rem;
}
.container-stage .gallery .img-slick {
  cursor: pointer;
}
.container-stage .gallery .img-slick img {
  height: 9rem;
  width: 15rem;
}
@media only screen and (max-width: 1200px) {
  .container-stage .gallery .img-slick img {
    height: 4rem;
    width: 100%;
  }
}
.container-stage .gallery .img-slick .audio {
  width: 16rem;
}
.container-stage .gallery .img-slick .video {
  width: 16rem;
}
.container-stage .breadcrumb a, .container-stage .breadcrumb label {
  color: #707075;
  font-size: 1rem;
}
.container-stage .breadcrumb label {
  font-weight: bold;
}
.container-stage .header .title {
  text-align: left;
  font-size: 2rem;
  color: black;
  font-weight: bold;
  margin-top: 1rem;
}
.container-stage .header .utils {
  margin: 2rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .container-stage .header .utils.row > div {
    justify-content: center;
    display: flex;
    margin-bottom: 0.5rem;
    flex-direction: column;
  }
}
.container-stage .header .utils .view-route {
  cursor: pointer;
}
.container-stage .header .utils .view-route a {
  color: #f7d117;
  font-size: 1rem;
  font-weight: bold;
}
.container-stage .header .utils .ratings {
  /*.rating__star:hover {
     filter: drop-shadow(1px 1px 4px gold);
  }*/
}
.container-stage .header .utils .ratings .rating {
  margin: 0 auto;
  position: relative;
  /*width: 180px;*/
  background: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.3em;
  padding: 5px;
  overflow: hidden;
  border-radius: 20px;
}
.container-stage .header .utils .ratings .rating__result {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-10px) translateX(-5px);
  z-index: -9;
  font: 3em Arial, Helvetica, sans-serif;
  color: rgba(235, 235, 235, 0.5568627451);
  pointer-events: none;
}
.container-stage .header .utils .ratings .rating__star {
  font-size: 1em;
  cursor: pointer;
  transition: filter linear 0.3s;
  color: #f7d21a;
}
.container-stage .header .utils .buttons {
  /*justify-content: flex-end;
  align-items: center;
  display: flex;
  gap:5px;*/
}
.container-stage .header .utils .buttons button {
  color: white;
  background: #f7d21a;
  border: none;
  padding: 0.5rem;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: bold;
}
.container-stage .route {
  margin-top: -3rem;
}
@media only screen and (max-width: 900px) {
  .container-stage .route {
    margin-top: unset;
  }
}
.container-stage .route .altitude {
  position: relative;
  margin: auto;
  height: 25vh;
}
@media only screen and (max-width: 1200px) {
  .container-stage .route .altitude {
    height: 20vh;
  }
}
.container-stage .route .general_data {
  display: flex;
  text-align: center;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
}
.container-stage .route .general_data .data {
  display: flex;
  flex-direction: column;
  padding: 0rem 2rem;
  border-right: 2px solid #f0f0f0;
}
.container-stage .route .general_data .data .title {
  color: #767676;
  font-weight: normal;
  font-size: 1rem;
}
.container-stage .route .general_data .data .value {
  color: black;
  font-weight: bold;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .container-stage .route .general_data .data .value {
    flex-direction: column;
    display: flex;
  }
}
.container-stage .route .general_data .data .value span {
  color: #f7d117;
}
.container-stage .route .general_data .last {
  border: unset !important;
}
.container-stage .route .extend_map {
  margin: 0;
  margin-bottom: 1rem;
}
.container-stage .route .extend_map > div {
  justify-content: flex-end;
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 1200px) {
  .container-stage .route .extend_map {
    /*&.web {
    	display: none !important;
    }*/
  }
  .container-stage .route .extend_map.phone {
    display: initial !important;
  }
}
.container-stage .route .extend_map.phone {
  display: none;
}
.container-stage .route .extend_map button {
  border: none;
  padding: 0.5rem;
  border-radius: 5px;
  background: #ececec;
  color: black;
  font-weight: normal;
}
.container-stage .route .extend_map button i, .container-stage .route .extend_map button span {
  color: #f7d117;
}
.container-stage .route .map {
  margin: 0;
}
.container-stage .route .map .tag-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.container-stage .route .map .tag-container .tags {
  row-gap: 10px;
}
.container-stage .route .map .tag-container .tags .tag-border {
  border: 2px solid #f7d117;
  border-radius: 15px;
  margin: 0 !important;
  padding: 0 !important;
}
.container-stage .route .map .tag-container .tags .tag-border .sentido {
  color: #f7d117;
}
.container-stage .route .map .tag-container .tags .tag {
  /*border: 1px solid #ECECEC;*/
  padding: 0.5rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  text-align: center;
  flex-direction: column;
  border-radius: 6px;
  vertical-align: middle;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.container-stage .route .map .tag-container .tags .tag.yellow {
  background: #f7d117 !important;
  border-radius: 15px;
}
.container-stage .route .map .tag-container .tags .tag .title {
  color: #364B5F;
  font-weight: normal;
  width: 100%;
}
.container-stage .route .map .tag-container .tags .tag .distance {
  font-size: 1.25rem;
}
.container-stage .route .map .tag-container .tags .tag.recommend b {
  cursor: pointer;
}
.container-stage .route .map .tag-container .tags .results {
  font-size: 1.25rem;
  width: 100%;
}
.container-stage .route .map .tag-container .tags .map-legend {
  margin-top: 15px;
  padding: 1rem;
}
.container-stage .route .map .tag-container .tags .map-legend .results {
  font-size: 1.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.container-stage .route .map .tag-container .tags .map-legend .results i {
  padding: 0 0.5rem;
  font-size: 1.25rem;
}
.container-stage .route .map .tag-container .tags .map-legend .results i:hover {
  cursor: pointer;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div {
  display: flex;
  gap: 10px;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div .ml-color {
  background-color: #ccc;
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div .ml-color1 {
  background-color: red;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div .ml-color2 {
  background-color: blue;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div .ml-color3 {
  background-color: green;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div .ml-color4 {
  background-color: violet;
}
.container-stage .route .map .tag-container .tags .map-legend .row > div label {
  font-size: 0.8rem;
}
.container-stage .route .map .tag-container .tags .leyends .cont {
  display: flex;
  align-items: baseline;
  padding: 1rem;
}
.container-stage .route .map .tag-container .tags .leyends .cont p {
  height: 1rem;
  width: 100%;
  margin: 1rem;
}
.container-stage .route .map #map {
  height: 35rem;
  position: relative;
  z-index: 9;
}
.container-stage .route .map #map.extend::backdrop {
  position: fixed;
  inset: 0px;
  background: black;
}
.container-stage .route .stages .title {
  text-align: center;
  font-size: 2rem;
  color: black;
  font-weight: bold;
}
.container-stage .route .stages .stage-slick .slick-slide .row {
  display: flex !important;
}
.container-stage .route .stages .stage-slick .slick-slide .row .title {
  font-size: 0.8rem;
  text-align: justify;
}
.container-stage .route .stages .stage-slick .slick-slide .row .title .town {
  color: var(--main-color);
}
.container-stage .route .stages .stage-slick .slick-slide .row .starts .rating {
  display: flex;
  font-size: 0.8rem;
}
.container-stage .route .stages .stage-slick .slick-slide .row .starts .rating__star {
  font-size: 1rem;
  cursor: pointer;
  color: rgba(218, 189, 24, 0.6980392157);
  transition: filter linear 0.3s;
}
.container-stage .route .stages .stage-slick .slick-slide .row .description {
  color: #c3c3c3;
}
.container-stage .route .stages .stage-slick .slick-slide .row .icons {
  display: flex;
}
.container-stage .route .stages .stage-slick .slick-slide .row .icons .icon {
  padding: 0.5rem;
  color: gray;
}
.container-stage .route .stages .stage-slick .slick-slide .row .icons .icon i {
  color: var(--main-color);
}
.container-stage .route h2 {
  text-align: left;
  font-size: 2rem;
  color: black;
  font-weight: bold;
  margin: 2rem 0;
}
@media only screen and (max-width: 1200px) {
  .container-stage .route h2 {
    margin-bottom: 2rem;
  }
}
.container-stage .route p {
  color: #767676;
}
.container-stage .route .botonera {
  margin: 2rem 0;
}
@media only screen and (max-width: 1200px) {
  .container-stage .route .botonera .buttons {
    flex-direction: column;
  }
}
.container-stage .route .botonera .buttons button {
  border-radius: 6px;
}
.container-stage .ct-series-a .ct-bar, .container-stage .ct-series-a .ct-line, .container-stage .ct-series-a .ct-point, .container-stage .ct-series-a .ct-slice-donut {
  stroke: var(--light-orange-color) !important;
}
.container-stage .ct-series-a .ct-area, .container-stage .ct-series-a .ct-slice-donut-solid, .container-stage .ct-series-a .ct-slice-pie {
  fill: rgba(255, 167, 59, 0.8);
}

.m-area.m-top.m-right {
  margin-top: 1rem;
}

.ol-full-screen {
  display: none;
}

.swal-wide-via {
  width: 70rem !important;
}
.swal-wide-via .ml-color + label {
  flex: 1;
}
@media only screen and (max-width: 1200px) {
  .swal-wide-via {
    width: 80% !important;
    margin-left: 10% !important;
  }
}

.m-customIncidences {
  width: 35rem;
  height: 20rem;
  overflow-y: auto;
}
.m-customIncidences .form-group {
  width: 90%;
}
.m-customIncidences .buttons-point {
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  justify-content: center;
}
.m-customIncidences .pointer-form {
  width: 30px;
  height: 30px;
  background: #f7d117;
  color: black;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 1rem;
}
.m-customIncidences form {
  padding: 1rem;
}
.m-customIncidences .select-point {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-customIncidences .select-point span {
  border-radius: 25px;
  border: 1px solid #f7d117;
  flex-direction: column;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  cursor: pointer;
  margin-right: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.m-container.m-incicarto .m-incicarto-title {
  background-color: #f7d117 !important;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m-container.m-incicarto .m-incicarto-title > p {
  color: black !important;
}

.container-incidences {
  width: 30px;
  height: 30px;
  border: 1px solid #f7d117;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 1s ease;
}

.hidePanel {
  width: 30px !important;
  height: 30px !important;
  transition: all 1s ease;
}

.hideContainer {
  display: none !important;
  transition: all 1s ease;
}

.bigBorder {
  background-color: #f7d117 !important;
}
.bigBorder p {
  color: black !important;
}
.bigBorder i {
  background: white !important;
}

@media only screen and (max-width: 900px) {
  #map .m-area.m-top.m-right {
    width: 90%;
  }
  #map .m-area.m-top.m-right .btn-primary {
    padding: 0.25rem;
    font-size: 1rem;
  }
  #map .m-customIncidences {
    width: 100%;
  }
}

#mydiv {
  border-radius: 25px 25px 0 0;
  cursor: move;
}
#mydiv #btnLocation {
  display: none !important;
}
@media only screen and (min-width: 767px) {
  #mydiv #btnLocation {
    display: flex !important;
  }
}

@media (min-width: 768px) {
  #btnLocation {
    display: none !important;
  }
}
#mydivheader {
  margin: 0 auto;
  text-align: center;
  flex-grow: 1;
}

#sendIncidence {
  background-color: white !important;
  padding: 5px 15px !important;
}
#sendIncidence:hover {
  background-color: #f7d117 !important;
}

#cancelIncidence {
  background-color: white !important;
  padding: 5px 15px !important;
}
#cancelIncidence:hover {
  background-color: #f7d117 !important;
}

.container-share {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  align-items: center;
  display: flex;
  cursor: pointer;
  border: 1px solid #f7d117 !important;
}
.container-share i {
  margin: 0 auto;
  color: #575756 !important;
  font-size: 1rem;
}
.container-share i.active {
  color: #f7d117 !important;
}

#m-attributions-container #close-button {
  display: none !important;
}