html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;

}




.allDecksPage {
    /* background-color: aqua; */
    width: 100%;
}

.colDeck {
    width: 23.5%;
    /* background-color: rgb(187, 187, 232); */
    margin: 3px 9px;
}

.deckAll {
    padding: 9px;
    background-color: rgb(253, 253, 253);
    border-radius: 10px;
    margin-top: 8px;
    width: 458px;
    max-width: 458px;
    min-width: 296px;
    border: 4px solid #d0caca;
    /* border-top      : 10px solid blue; */
}

.deckAll-1 {
    /* background-color   : rgb(171 187 250); */
    background-color: rgb(215 216 220);
    border: 2px solid #969699;
}


.b1 {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(25, 35, 169);
    height: 11vh;
}

.b2 {
    /* background-color: rgb(0, 255, 13); */
    height: 86vh;
}

.b3 {
    background-color: rgb(3, 47, 82);
    color: white;
    height: 3vh;
}

.listbt {
    margin: 6px;
}

.versionMidi {
    background-color: rgb(0, 255, 42) !important;
    box-shadow: rgb(86 243 93) 0px 0px 20px 5px;
}

#tipoPrograma {

    cursor: pointer;
}

.waveform {
    width: 351px;
    height: 44px;
    /* background-color: rgb(229, 92, 12); */
    border: 1px solid rgb(255, 255, 255);
}

.bottom {
    font-size: 12px;

}


#midiSignal {
    background-color: #949fbd;
    height: 34px;
    width: 51px;
    border-radius: 10px;

}

#midiLogo {
    height: 50px;
}

/* Dark theme styles */
body.dark-theme {
    background-color: #1a1a1a;
    color: #ffffff;
}

.dark-theme .deckAll {
    background-color: #1d272e;
    border-color: #404040;
}

.dark-theme .deckAll-1 {
    background-color: #1d272e;
    border-color: #404040;
}

.dark-theme .b1 {
    background-color: #2d2d2d;
    border-color: #404040;
}

.dark-theme .b3 {
    background-color: #1a1a1a;
}

.dark-theme .tabla {
    background-color: #2d2d2d;
    color: #ffffff;
}

.dark-theme .form-control {
    background-color: #353535;
    color: #ffffff;
    border-color: #404040;
}

.dark-theme .form-select {
    background-color: #353535;
    color: #ffffff;
    border-color: #404040;
}

.dark-theme #myTable4 {
    background-color: #2b3342;

}

.dark-theme .track {
    /* background-color: #2b3342; */
    color: #54c5ff;
}

.dark-theme .buscador {
    background-color: #3b5cbb;
    color: #ffffff;
}

.dark-theme .deckColor {
    background-color: #575f77;
}

.dark-theme .tituloTrack {
    color: #000000;
}

.dark-theme .seleccionado {
    background-color: #6101d4 !important;
    color: black;
}

.dark-theme .b1 {
    background-color: #38518e !important;
    color: rgb(255, 255, 255);
}

.dark-theme .filas {
    background-color: #38518e !important;
    color: rgb(255, 255, 255);
}

.dark-theme .frm-check {
    background-color: #38518e;
}

.dark-theme .timerDown {
    background-color: #38518e;
}

.dark-theme .cstop {
    color: #000000;
}

.dark-theme #timer {
    border-radius: 29px;
}

.dark-theme .cplay,
.dark-theme .cstop {
    color: #000000;
}

.dark-theme .waveform {
    background-color: #601dd4 !important;
}