body {
    padding: 0;
    margin: 0;
}

#map {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
}



.leaflet-popup-content-wrapper {
    background-color: #DEE2E9;
    margin-bottom: 50px;
    border-radius: 5px;
    border:solid #8E9093 2px
}

/* BOTONES TRANSPARENTES */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#btnMas {
    display: none;
}

/* .container{
      position: fixed;
      bottom: 20px;
      right: 20px;
  } */
.redes a,
.btnMas label {
    display: block;
    text-decoration: none;
    background: #414344;
    color: white;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 20%;
    /* box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4); */
    transition: all 500ms ease;
}

/* Cuando pasa el mouese por los botones */
.redes a:hover {
    background: #84888a;
    color:black;
    transform: scale(1.10); 
    transition: all 0.5s;
}

.redes div{
    display:inline-block;
    float:right;
}

/* .redes a{
      margin-bottom: -15px;
      opacity: 4;
      visibility: hidden;
  } */
a {
    margin-bottom: 3px;
}

#btnMas:checked~.redes a {
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
}

.btnMas label {
    cursor: pointer;
    color: #f44141;
    font-size: 23px;
}

#btnMas:checked~.btnMas label {
    transform: rotate(135deg);
    font-size: 25px;
}

#placa{
    font-size: 20px;
    padding-right: 10px;
    border-radius: 7px;
    border:black solid 3px;
}

.info-footer{
        position: fixed;
        width: 100%;     
        z-index: 100008;
        opacity: 1;  
        bottom: 0px;
        left: 0px;    
      }
      .direction{
        font-size: x-small;
      }
      .subdirection{
        font-size:xx-small;
      }

   

      @media only screen and (max-width: 576px) {
        /* Pnatallas pequeñas, celulares */
            .info-footer{
                height: 12%;
                background-color:rgb(184, 193, 201);
                border-top:solid 1px black;
            }

            .border-notify{
                border-left: solid #93979a 1.5px;
                border-right: solid #93979a 1.5px;
                border-top: solid #93979a 1.5px;
              }

            #direccionDetalle{
                font-size: 10px;
            }

            .text-mobil{
                font-size: 0.70rem;
            }

            .img-show{
                margin-top: 5px;
            }

          .img-div{
            padding: 0%;
           
          }

          #show-direccion{
            height: 50%;
          }

        }
    
    @media only screen and (min-width: 576px) {
        /* Para pantallas grandes */
        .info-footer{
            height: 8%;
            background-color:aliceblue;
            border-top:solid 1px #a6aaab;
        }
        .border-notify{
            border-left: solid #c3c5c6 1.5px;
            border-right: solid #c3c5c6 1.5px;
          }

          .img-div{
            padding: 1%;
          }
    }

    #modalInteractiveRuta{
        z-index: 100010;
    }