body{
  /* min-height: 700px; */
  /* background-image: url(/back-unidabo.png); */
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 0;   
}

:root {
  --c4-gray: : #c4c4c4;
  --dark-gray: #868686;
  --light-gray: #F2F2F2;
  --darker-gray: #544D4D;
  --blue: #0060c4;
  --orange: #FF8E01;
}
.app{
  margin: 0;
  padding: 0
}
.bg-orange{
  background-color: var(--orange);
}
.bg-blue{
  background-color: var(--blue);
}
a{
  color: var(--blue);
}
.bg-c4{
  background-color: var(--c4-gray);
}

input[type='range'] {
  display: block;
  width: 250px;
}

input[type='range']:focus {
  outline: none;
}

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-thumb {
  background-color: var(--blue);
  width: 20px;
  height: 20px;
  border: 1px solid white;
  border-radius: 50%;
  margin-top: -7px;
}


input[type=range]::-ms-thumb {
  background-color: #777;
  width: 20px;
  height: 20px;
  border: 3px solid #333;
  border-radius: 50%;
}

input[type=range]::-webkit-slider-runnable-track {
  background-color: #ccc;
  height: 1vh;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  outline: none;
}

input[type=range]::-moz-range-track {
  background-color: #ccc;
  height: 3px;
}
input[type=range]::-moz-range-thumb {
  background-color: var(--orange);
}
input[type="range"]::-moz-range-progress {
  
  background-color: var(--orange);
}input[type=range]::-ms-thumb {
  background-color: var(--orange);
}

input[type=range]::-ms-track {
  background-color: var(--orange);
  height: 3px;
}

input[type=range]::-ms-fill-lower {
  background-color: HotPink
}

input[type=range]::-ms-fill-upper {
  background-color: black;
} 

#previewImages {
  display: inline-flex;
}
.closeButton {
  top: 5px;
  width: 2vh;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(255deg) brightness(103%) contrast(102%);
  position: absolute;
  right: 5px;
}.closeButtonUpdate {
  top: 5px;
  width: 2vh;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(255deg) brightness(103%) contrast(102%);
  position: absolute;
}
.imagesUpdate{
  max-height: 100%;
  border-radius: 15px ;
}

.closeButton:hover{
  transition: 0.5s;
  /* background: rgba(0, 0, 0, 0.678); */
  /* border-radius: 15px; */
  filter: invert(13%) sepia(62%) saturate(6011%) hue-rotate(357deg) brightness(92%) contrast(119%);
} 
.closeButtonUpdate:hover{
  transition: 0.5s;
  /* background: rgba(0, 0, 0, 0.678); */
  /* border-radius: 15px; */
  filter: invert(13%) sepia(62%) saturate(6011%) hue-rotate(357deg) brightness(92%) contrast(119%);
} 
.portada{
  height: 3vh;
  position: relative;
  border-radius: 25px;
  top: 85%;
  text-align: center;
  font-weight: 800;
}
	.secundarias {
    border-radius: 15px;

	}
  .secundariasEdit{
    border-radius: 15px;
    width: 9vw;
    background-size: cover;
    max-height: 100%;
    text-align: -webkit-center;
  }
  #imgContainer {
    
  display: inline-block ;
  vertical-align: middle;
  background-size: cover;
  position: relative ;
  width: 100%;
  }
  /* #body::-webkit-scrollbar {
		width: 10px;
		background-color: #1a6bc3;
    height: 0px;
	}
	#body::-webkit-scrollbar-thumb {
		width: 2px;
    border-radius: 25px;
		background-color: #ff7401;
  } */
	.toggleMapPost {
    height: 30vh !important;
	}
	.scrollDisabled {
		position: fixed;
		overflow-y: scroll;
	}
	.NoCover{
		background-size: contain !important;
	}
  @media(max-width:450px){
    .toggleMap{
		height: 70vh !important;
		width: 90w !important;
    }
    #previewImages .thumbnail {
      width: 13vh ;
      height: 12vh ;
      display: inline-block ;
      vertical-align: middle;
      background-size: cover;
      position: relative ;
      border-radius: 25px ;
    }
    
  }
  @media(min-width:451px){
    .toggleMap {
      height: 55vh !important;
      width: 45vw !important;
    }
    #previewImages .thumbnail {
      width: 6vw ;
      height: 12vh ;
      display: inline-block ;
      vertical-align: middle;
      background-size: cover;
      position: relative ;
      border-radius: 25px ;
    }
  }

	.location {
		font-weight: bold !important;
    border-bottom: solid .7px !important;
	}