/* simulation.css */

input.custom-range{
    accent-color: var(--primary);
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}


th, td {
    text-align: center;
    padding: 10px;
}
tr{
    background-color: var(--primary);
}

th {
    color: var(--light);
}

tr:nth-child(even) td {
    background-color: #f9f9f9;
}

tr:nth-child(odd) td {
    background-color: #ffffffdb;
}

.highlight-row td,
.highlight-column {
    background-color: #ffe6d685 !important;
}

.nav-pills button {
    color: var(--primary);
}

.nav-pills button h5{
    color: var(--primary);
}

.nav-pills button small{
    font-size: 12px;
    font-weight: 100;
    color: var(--dark);
}

.nav-pills button.active h5{
    color: var(--light);
}
.fade {
    transition: opacity 0.15s linear;
}

@media (max-width: 576px) {
    input[type=range] {
        pointer-events: none;
    }

    input[type=range]::-webkit-slider-thumb {
        pointer-events:auto;
    } 
}