body {
    background-color: #121212;
    color: #ffffff;
    font-size: 1rem; /* Default font size for desktop */
}

.container {
    max-width: 720px; /* Constrain container width for desktop */
}

@media (max-width: 992px) {
    .container {
        max-width: 90%; /* Make container wider on smaller desktop/tablet screens */
        padding: 0 15px; /* Add some padding */
    }
}

@media (max-width: 768px) {
    body {
        font-size: 1.1rem; /* Slightly larger font on small screens */
    }
    .container {
        padding: 0 10px; /* Add some padding on very small screens */
    }
    .table td, .table th {
        padding: .5rem; /* Adjust table padding */
    }
    .form-control, .btn {
        font-size: 1rem; /* Larger form elements */
    }
    .delay_input_num {
        width: 80px; /* Adjust width for number input */
    }
}

.pad {
    padding: 10px;
}

.green {
    color: #28a745 !important;
}

.red {
    color: #dc3545 !important;
}

.best {
    font-weight: bold;
}

.table_border {
    border-bottom: 2px solid #6c757d;
}

.sym {
    vertical-align: middle !important;
    text-align: center;
}

.toggle-container .btn {
    margin: 0 5px;
}

.range-container {
    display: flex;
    align-items: center;
}

.range-container label {
    white-space: nowrap;
    margin-right: 10px;
}

.delay_input_num {
    width: 80px;
    margin: 0 10px;
}

.card {
    border: 1px solid #6c757d;
}

.table-dark {
    background-color: #23272b;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table_bordered {
    border: 0;
}

.top-table td, .top-table th {
    text-align: center;
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #32383e;
}

.form-control {
    background-color: #23272b;
    color: #fff;
    border: 1px solid #6c757d;
}

.form-control:focus {
    background-color: #23272b;
    color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-webkit-slider-thumb {
    background: #007bff;
}

.custom-range::-moz-range-thumb {
    background: #007bff;
}

.custom-range::-ms-thumb {
    background: #007bff;
}