/******************************************/  
/* ELEMENTOS JUEGO
/******************************************/ 
.salidas {
/* background: #d8d0d05e; */
    border-radius: 0;
    /*background-color: #00000021 !important;*/
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.462), 1px -1px 0 rgba(0, 0, 0, 0.462), -1px 1px 0 rgba(0, 0, 0, 0.462), 1px 1px 0 rgba(0, 0, 0, 0.462);
    border-color: white;
    border: 1px;
    border-radius: 20px;
    cursor: hand;

}

.salida_ok {
    text-align:center; 
    filter:drop-shadow(0px 8px 5px rgba(0, 0, 0, 0.462));
    color: rgb(255, 176, 4) !important;
    font-size: x-large;

}

.salida_ko {
    text-align:center; 
    filter:drop-shadow(0px 8px 5px rgba(0, 0, 0, 0.462));
    color: grey !important;
    font-size: x-large;

}


.reloj {
    padding-left: 85px; 
    font-size: min(max(1rem, 4vw), 22px) !important;  
    display:block; 
    color: white;	
    text-shadow: 2px 2px 4px #000000;
}

.locname {
    color: white;	
    text-shadow: 2px 2px 4px #000000; 
    font-size: min(max(1rem, 4vw), 22px) !important;
}


.salidas-table {
    width: 100%;
    text-align: center;
    font-size: min(max(1vw, 10px)) !important;
}

.salidas-table td {
    text-align:center; 
    filter:drop-shadow(0px 16px 10px black);
    color: darkgrey;
}

.salida-icon {
    filter: drop-shadow(0px 16px 10px black);
    cursor: hand;
    margin: 5px;
}

.rotate-45-left {
    transform: rotate(-45deg);
}

.rotate-45-right {
    transform: rotate(45deg);
}

/* Add additional styles for specific directional buttons if needed */