﻿.content-map {
    position: relative;
}
.map-filter {
    position: absolute;
    top: 10px;
    background-color: dodgerblue;
    box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    z-index:100;
    right: 1%;
    width: 70%;
}
.map-filter .row{
    margin: 0;
}
.map-filter .row .col-xs-12,.map-filter .row .col-md-4,.map-filter .row .col-md-8{
    padding-left: 0px;
}
.input-map-filter {
    width: 100%;font-size: 1em; padding: 5px;border: 0;outline-color:lightskyblue;
}
.select-map-filter {
    width: 100%;font-size: 1em; padding: 5px;border: 0; background-color: transparent; color: white;
    outline: none;
}
.select-map-filter option {
    color:dimgrey;
}
@media only screen and (max-width: 768px) {
    .map-filter {
        top: 10px;
        width: 60%;
        right: 2%;
    }
    .map-filter .row .col-xs-12,.map-filter .row .col-md-4,.map-filter .row .col-md-8{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (max-width: 320px) {
    .map-filter {
        width: 50%;
    }
}
@media only screen and (max-width: 250px) {
    .map-filter {
        display: none;
    }
}

.st-filter-pane {
    position: absolute;
    top: calc(110px + 2%);
    left: 1%;
    width: 250px;
    background-color: rgba(255,255,255,.75);
    z-index:2;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.st-filter-title-pane {
    width: 100%;
    padding: 2%;
    padding-top:4%;
    padding-bottom:4%;
    background-color: rgba(255,255,255,.75);
    border-bottom: 0.5px solid lightgrey;
    cursor: pointer;

}
.st-item-radio {
    position: relative;
    display: block;
    font-size: 1em;
    font-weight: 100;
}

.st-item-radio label{
    display: block;
    margin: 0;
    font-weight: 100;
}
.st-item-radio label .st-content-item-radio{
    width: 100%;
    padding: 4%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-bottom: 0.5px solid rgba(0,0,0,.2);
    cursor: pointer;
}
.st-item-radio input{
    position:absolute;
    top: 0;
    left: 0;
    opacity:0;
    z-index: -10;
}
.selected{
    background-color: dodgerblue!important;
    color: white!important;
    font-weight: bold;
}
.unselected {
    background-color: rgba(255,255,255,.0)!important;
    color: black!important;
    font-weight: 100;
}
.st-btn-clean-radio {
    width: 100%;
    padding: 4%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border: 0;
    text-align: left;
    margin: 0;
    border-bottom: 0.5px solid rgba(0,0,0,.2);
}
.st-btn-back {
    position: absolute;
    top: 2%;
    left: 2%;
    border: 0;
    background-color: rgba(255,255,255,.5);
    color: black;
    font-size: 2em;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 0px 3px rgba(0,0,0,.35);
}
#infoEntidad {
    position: absolute;
    top: calc(115px + 1rem);
    left: 1%;
    width: 250px;
    height: auto;
    background-color: rgba(255,255,255,.75);
    z-index:2;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    text-align: center;
}
#infoEntidad .content-info-entidad{
    position: relative;
    width: 100%;
    /*padding: 2%;
    padding-top:4%;
    padding-bottom:4%;*/
    
}
#infoEntidad .content-info-entidad .content-img{
    /*position: relative;*/
    top: 2.2em;
    left: 0;
    height: 150px;
    width: 100%;    
    overflow: hidden;
    text-align: center;
    background-color: rgba(0,0,0,.15);
}

#infoEntidad .content-info-entidad .content-img img{
    height: 100%;
    width: auto;    
}
#infoEntidad .content-info-entidad .content-rate {
    font-size: 1.5em;
    color: orange;
    margin-bottom: 10px;
}
.buttons-detail-map{
    
    bottom: 0;
    width: 100%;
    background-color: orange;
    left: 0;
}
.buttons-detail-map:hover {
    background-color: darkorange;
}
.buttons-detail-map a{
    text-decoration: none;
    color: white;
    font-weight: bold;
}
.buttons-detail-map a:link, .buttons-detail-map a:visited {
    color: white;
}
.buttons-detail-map .st-btn-detail-map {
    width: 100%;
}
/*UDPDATE 23/02/2017 BY JORGE PINEDA*/
.panel-body::-webkit-scrollbar{
width:10px;
}
.panel-body::-webkit-scrollbar-thumb{
background-color: rgba(0,0,0,0.5);
border-radius:10px;
}
.panel-body::-webkit-scrollbar-thumb:hover{
background-color:rgba(0,0,0,0.85);
/*border:1px solid #333333;*/
}
.panel-body::-webkit-scrollbar-thumb:active{
background-color:rgba(0,0,0,0.75);
/*border:1px solid #333333;*/
} 