/* wgfapp.styles.css */

body.bootstrap-dark {
    background-color: #121212;
    color: #ffffff;
}

    body.bootstrap-dark .navbar,
    body.bootstrap-dark .card,
    body.bootstrap-dark .modal-content {
        background-color: #1e1e1e;
        color: #ffffff;
    }

    body.bootstrap-dark .btn-primary {
        background-color: #007bff;
        border-color: #007bff;
    }

    body.bootstrap-dark .btn-secondary {
        background-color: #6c757d;
        border-color: #6c757d;
    }

    body.bootstrap-dark .form-control,
    body.bootstrap-dark .form-select {
        background-color: #2c2c2c;
        color: #ffffff;
        border-color: #444444;
    }

        body.bootstrap-dark .form-control::placeholder,
        body.bootstrap-dark .form-select::placeholder {
            color: #bbbbbb;
        }

        body.bootstrap-dark .form-control:focus,
        body.bootstrap-dark .form-select:focus {
            background-color: #3c3c3c;
            color: #ffffff;
            border-color: #666666;
            box-shadow: none;
        }

    body.bootstrap-dark .form-label {
        color: #ffffff;
    }

    body.bootstrap-dark .table {
        background-color: #1e1e1e;
        color: #ffffff;
    }

    body.bootstrap-dark .table-striped tbody tr:nth-of-type(odd) {
        background-color: #2c2c2c;
        color: #ffffff;
    }

    body.bootstrap-dark .table-hover tbody tr:hover {
        background-color: #3c3c3c;
        color: #ffffff;
    }

    body.bootstrap-dark .table thead th {
        background-color: #2c2c2c;
        color: #ffffff;
    }

    body.bootstrap-dark .table tbody td {
        border-color: #444444;
        color: #ffffff;
    }

    body.bootstrap-dark table .selected-row {
        background-color: #0d6efd !important;
        color: white !important;
    }

table .selected-row {
    background-color: #0d6efd;
    color: white !important;
}

tr:hover {
    cursor: pointer;
}

.modal.show {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
}

.dropdown-item {
    cursor: pointer !important;
}