.map_wrap {
position:relative!important;
width: 100%;
z-index:100;
box-shadow: 0 0 5px 0px rgba(0,0,0,.3)!important;
margin-top: 15px!important;
}
#map{
height:450px;
}
.years-wrap{
display:table;
position:relative;
width:100%;
padding-top:20px;
padding-bottom:20px;
background-color:#fff;
}
.years-wrap .year-container{
position:relative;
display:table-cell;
}
.years-wrap .year-container .year-selector{
position:relative;
width:10px;
background-color:#00aae3;
border-radius: 100%;
border:1px solid #ccc;
padding: 7px;
margin: 0 auto;
cursor:pointer;
z-index:15;
overflow:visible;
}
.years-wrap .year-container .year-selector.selected{
cursor:default;
}
.years-wrap .year-container .year-selector.selected,
.years-wrap .year-container .year-selector:hover
{
background-color:#FF0000;
}
.years-wrap div.year-container:not(:first-child)::before{
position:absolute;
content:'';
top:5px;
left:-50%;
width:100%;
height:5px;
background-color:#ccc;
border:1px solid #ccc;
z-index:10;
}
.years-wrap .year-container .year{
text-align:center;
font-size:13px;
}
#floating-panel {
position: absolute;
top: 30px;
left: 10px;
z-index: 5;
background-color: rgba(255,255,255,.7);
padding:15px 15px 10px 15px;
border: 1px solid #999;
text-align: center;
font-family: 'Roboto','sans-serif';
line-height: 30px;
padding-left: 10px;
max-width:350px;
box-shadow: 2px 2px 2px 1px rgba(0,0,0,.5);
transition: max-width 1s;
}
#floating-panel p{
font-size:13px;
line-height:14px;
text-align:left;
margin-bottom: 0.9em;
}
select.select-cronograma {
display: none;
width: 100%;
text-align: center;
position: relative;
padding: 3px;
border: 1px solid #ededed;
cursor: pointer;
}
select.select-cronograma:hover {
border: 1px solid lightgray;
}
@media only screen and (max-width: 944px) {
.years-wrap{
padding-top:0;
padding-bottom:0;
}
.years-wrap .year-container{
display:none!important;
}
.years-wrap .year-container .year{
text-align:center;
text-orientation: upright;
writing-mode: vertical-rl;
}
select.select-cronograma{
display:table-cell;
}
}