#hr-cards{
    display: none;
}

#app{
    max-width: 100vw !important;
    margin:1em 0 !important;
    padding: 0 0.5em !important;
}
#map{
    width: 100%;
    height: 100%;
}
.row{
    margin-right: 0 !important;
}
.formSearch{
    display: flex;
    flex-direction:column;
    background: white;
    font-family: 'Quicksand', sans-serif !important;
    /* font-family: 'Roboto', sans-serif; */
    max-height:520px;
}
.mapContainer{
    /* width:90%; */
    min-height:520px !important;
    display: block !important;
    /* height: 30%; */
}

.movile{
    display: none;
}

.space{
    display: none !important;
}

@media (max-width: 782px) {
    .formSearch{
        max-height: 150vh;
    }
    .mapContainer{
        display: none !important;
    }
    
    .movile{
        min-height:520px !important;
        display: block;
    }

    .space{
        display: block !important;
    }

    .select{
        min-width: 100%;
    }

    #hr-cards{
        width: 30% !important;
        border: 3px solid #aeafaf !important;
        border-radius: 5px;
        display: block;
        margin: auto;
    }

    .card{
        margin: auto!important;
    }
    
}
.select{
    font-size: 20px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -webkit-padding-end: 20px !important;
    -moz-padding-end: 20px !important;
    -webkit-padding-start: 2px !important;
    -moz-padding-start: 2px !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    background-size: 25px 100% !important;
    border: 1px solid #AAA !important;
    border-radius: 2px !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
    color: #555 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
     
}
.select.aef{
     /* Fallback color if gradients are not supported */
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -webkit-linear-gradient(top, #832b93, #832b93) !important; /* For Chrome and Safari */
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -moz-linear-gradient(top, #832b93, #832b93) !important; /* For old Firefox (3.6 to 15) */
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -ms-linear-gradient(top, #832b93, #832b93) !important; /* For pre-releases of Internet Explorer  10*/
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -o-linear-gradient(top, #832b93, #832b93) !important; /* For old Opera (11.1 to 12.0) */
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), linear-gradient(to bottom, #832b93, #832b93) !important; /* Standard syntax; must be last */
}
.select.fisa{
    /* Fallback color if gradients are not supported */
   background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -webkit-linear-gradient(top, #d82930, #d82930) !important; /* For Chrome and Safari */
   background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -moz-linear-gradient(top, #d82930, #d82930) !important; /* For old Firefox (3.6 to 15) */
   background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -ms-linear-gradient(top, #d82930, #d82930) !important; /* For pre-releases of Internet Explorer  10*/
   background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), -o-linear-gradient(top, #d82930, #d82930) !important; /* For old Opera (11.1 to 12.0) */
   background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), linear-gradient(to bottom, #d82930, #d82930) !important; /* Standard syntax; must be last */
}
.info{
    font-size:18px !important;
    font-weight: 300;
    margin: 0.8em 0;
}
.contentCard{
    width: 100%;
    height: 50%;
    overflow-x: auto;
    overflow-y: auto;
    text-align:justify;
    padding: 3px;
}
.card{
    margin: 0.8em 0rem !important;
    padding: 1em;
    cursor: pointer;
    -webkit-box-shadow:  2px 3px 14px -7px rgba(0,0,0,0.61);
    -moz-box-shadow:  2px 3px 14px -7px rgba(0,0,0,0.61);
    box-shadow:  2px 3px 14px -7px rgba(0,0,0,0.61);
    border-radius: 5px;
    border: none;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    max-width:95%;  
    background: white;            
}
.contentCard .aef.card.selected{
    border: #832b93 2px solid !important;
}
.contentCard .fisa.card.selected{
    border: #d82930 2px solid !important;
}
.aef.card:hover{
    border: #9b33ad98 2px solid !important;
}
.fisa.card:hover{
    border: #d82930 2px solid !important;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.row.aef ::-webkit-scrollbar-thumb {
  background: #832b93 ;
  border-radius: 10px;
}
.row.fisa ::-webkit-scrollbar-thumb {
    background: #d82930 ;
    border-radius: 10px;
  }
.row.aef .fas{
    color:#832b93;
}
.row.fisa .fas{
    color:#d82930;
}
.row.aef .far{
    color:#832b93;
}
.row.fisa .far{
    color:#d82930;
}