.otra-zona {
    font-size: 13px;
    width: 25px;
    height: 25px;
    background-color: rgb(23, 23, 23);
    border-radius: 10px;
    border: #5e5e5e 2px solid;
    color: #5e5e5e;
}

.libres {
    font-size: 13px;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    background-color: #ffffff;
    border: #bec3ef 2px solid;
     color: #000000;
}

.ocupados {
    font-size: 13px;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    background-color: rgb(93, 93, 93);
    border: #bec3ef 2px solid;
     color: #878787;
}

.seleccionado {
    font-size: 13px;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    background-color: #E89E93;
    border: #bec3ef 2px solid;
    color:#ffff;
    font-weight: 700;
     color: #ffffff;
}