#map-anuncio {
  height: 500px;
}

#map-registro {
  height: 500px;
}
.ul-multiple {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
}
.col-ch{
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}

.large-description{
  white-space: pre-wrap;
}
.rnd{
  border-radius: 20px;
}
/*Justu¿ify p*/
.description{
  text-overflow: clip;
  overflow: hidden;
  white-space: normal; 
  height: 60px;
  font-size: small;
}
.text-small{
  font-size: small;
}
p {
  text-align: justify;
  text-justify: inter-word;
}
.justify{
  text-align: justify;
  text-justify: inter-word;
}
  /*sidebar*/
  
  .sidebar {
    width: 275px;
    background-color: #fafafa  ;
    position: absolute;
    overflow: auto;
    border: solid;
    border-width: 1px;
    border-color: #c0c0c0;
  }
  
  div.content {
    margin-left: 310px;
    margin-top: 80px;
    height:1600px;
  }
  div.content-ls {
    margin-left: 310px;
    margin-top: 80px;
    height:1750px;
  }
  div.content-p1 {
    margin-left: 310px;
    margin-top: 80px;
    height:650px;
  }
  div.content-p2 {
    margin-left: 310px;
    margin-top: 80px;
    height:750px;
  }
  div.content-panel  {
    margin-left: 310px;
    margin-top: 80px;
  }
  div.content-panel-ntop {
    margin-left: 310px;
  }
  div.content-ntop {
    margin-left: 310px;
    height: 80vh;
  }
  div.content-top {
    margin-left: 310px;
    margin-top: 80px;
    height: 80vh;
  }
  
  
  @media screen and (max-width: 900px) {
    .sidebar {
      width: 100%;
      height: auto;
      position: relative;
      margin-top: 70px;
    }
    .sidebar a {float: left;}
    div.content {margin-left: 0; height: auto;}
    div.content-panel {margin-left: 0;height: auto;}
    div.content-ntop {margin-left: 0;height: auto;}
    div.content-top {margin-left: 0;height: auto;}
    div.content-ls {margin-left: 0;height: auto;}
    div.content-p1 {margin-left: 0;height: auto;}
    div.content-p2 {margin-left: 0;height: auto;}
    .vertical-center {
      transform: translateY(0%);
      padding-left: 30px;
      padding-right: 30px;
    }

    .ul-multiple {
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1;
    }
    .col-ch{
      -webkit-columns: 1;
      -moz-columns: 1;
      columns: 1;
    }
    
  }
  
  @media screen and (max-width: 400px) {
    .sidebar a {
      text-align: center;
      float: none;
    }
  }
  /*Scrolll*/
  .scrollbar-ripe-malinka::-webkit-scrollbar {
  width: 10px;
  background-color: #fafafa ; }
  
  .scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: rgba(62, 69, 81, 0.7);
  }
  .scroll-bar {
  position: relative;
  overflow-y: scroll;
  height: 150px; }

/*nav*/
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
      background: #123b61!important;
  }
  
}

.navbar{
  background-color:#123b61dc
}       
.page-footer{
  background-color:#123b61
}
.top-nav-collapse{
  background-color:#123b61
}
@media only screen and (max-width:768px){
  .navbar{
    background-color:#123b61
  }
}
 
  /*the container must be positioned relative:*/
  .autocomplete {
    position: relative;
    display: inline-block;
  }
  
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  
  .autocomplete-items div {
    padding: 8px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
    background-color: #e9e9e9; 
  }

  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
    background-color: DodgerBlue !important; 
    color: #ffffff; 
  }
  /*switch*/
  .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #80c922;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #80c922;
}

input:focus + .slider {
  box-shadow: 0 0 1px #80c922;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*switch-long*/
.switch-long {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 30px;
}

.switch-long input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-long {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #80c922 
  ;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 8px;
}

.slider-long:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 40px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 8px;
}

input:checked + .slider-long {
  background-color:  #80c922
}

input:focus + .slider-long {
  box-shadow: 0 0 1px  #80c922
}

input:checked + .slider-long:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

.card-op {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.back-principal{
  background: rgb(98,112,255);
  background: linear-gradient(90deg, rgba(98,112,255,0.6278886554621849) 0%, rgba(164,163,236,0.26094187675070024) 49%, rgba(154,198,255,0.7035189075630253) 100%);
}
.back-recomendado{
  background: rgb(126,247,95);
background: linear-gradient(90deg, rgba(126,247,95,0.6278886554621849) 0%, rgba(174,236,163,0.26094187675070024) 49%, rgba(227,255,154,1) 100%);
}
.nav-pills .nav-item .active {
  background-color: #8bc34a    !important;
  color: white;
  transform: translate(0,-5px)
}

.nav-pills .nav-item a {
  color: rgb(43, 43, 43);
  border: #8bc34a ;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  transform: translate(0,-5px)
}

.list-group .list-group-item.active{
  background-color: #8bc34a;
  border: #8bc34a;
  border-style: solid;
}

.sidebar.rounded-lg .header{
  background-color: #123b61 !important;
}

.card.m-3 .card-body.elegant-color.white-text.rounded-bottom{
  background-color: #123b61 !important;
}

.font-weight-bolder.text-white.elegant-color.rounded.p-2{
  background-color: #123b61 !important;
}

.grey.text-white.rounded-circle.p-3{
  background-color: #8bc34a !important;
}
.modal-content .modal-header{
  background-color: #123b61 !important;

}
.video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.logo-container {
  overflow: hidden;
}

.responsive-logo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 15%;
  border: none;
}
.circle-icon {
  background-color: #8bc34a !important;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: inline-block;
}
.indent{
  text-indent:-1em;
}
.vertical-center {
  transform: translateY(40%);
}