.menu_navegacio_text{color: black;}
.menu_navegacio_tr{cursor: pointer;}

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal {
    height: 350px;
    width: 700px;
    display:none;
    background: #FFF;
    box-shadow: 4px 4px 4px #555;
}

.modal_scroll{
    overflow-y: scroll;
}

 

.modal_top{
    font-size: 24px !important;
    padding: 10px;
    background: #37388B;
    color: #FFF;
}

.modal_body{
    padding: 10px;
    background: #FFF;
}

.modal_footer{
    padding: 10px;
    margin-bottom: 10px;

}

.modal_times {
    float: right;
    text-decoration: none; 
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
}

.modal_times:hover {
    text-decoration: none; 
    color: #AAA;
}
 

.nopadding{
    padding:0px !important;
}

#map{
    width: 77%; height: 800px;display:inline-block;
}

/** Nomes movil **/

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    #map{width: 100%}
}

#directions-panel{
    margin-top: 10px;background-color: #FFEE77; overflow: scroll;height: 800px;width: 20%;display:inline-block;
}


.input_error{
    border-color: red !important;
}


.displaybox{
    z-index: 10000;
    background-color: white;
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100%; 
    height:100%; 
    text-align:center; 
    vertical-align:middle;
}


.displaybox_center{
    position: fixed;
    top: 50%;
    transform: translate(0%,-50%);
    z-index: 20000;
    left: 0px;

}