thead:not(.fc-content-skeleton thead) {
    background-color: #343a40;
    color: #fff;
    text-align: left;
    /* padding: 12px; */
    font-size: 14px;
    position: sticky;
    top: 0;
    z-index: 10;
    
    tr th {
        width:  fit-content;
    }
}

.fc-col-header-cell a {
    color:white;
    text-decoration:none;
}

.fc-button-primary:not(:disabled).fc-button-active {
     background-color: #76818d !important;
    border: none;
}

.navbar{
    background: #343a40;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-nav>li>a {
    color:white;
}

.navbar-default .navbar-nav>li>a:hover {
        color:#cdcdcd;
}

.navbar-default .navbar-brand {
      color:white;
}
.dropdown-menu {
    border:none;
}


.log-container {
            padding: 20px;
            font-family: Arial, sans-serif;
        }

 .log-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
            background: #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

.log-table th {
            background-color: #343a40;
            color: #fff;
            text-align: left;
            padding: 12px;
            font-size: 14px;
        }

.log-table td {
            padding: 12px;
            border-bottom: 1px solid #dee2e6;
            font-size: 13px;
            vertical-align: top;
            max-width: 400px;
        }

.log-table tr:hover {
            background-color: #f8f9fa;
        }

        /* Filter Toolbar Styling */
        .filter-toolbar {
            background: #f1f3f5;
            padding: 15px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            gap: 10px;
            border: 1px solid #dee2e6;
        }

        .filter-label {
            font-size: 14px;
            font-weight: bold;
            color: #495057;
        }

        .filter-select {
            padding: 8px 12px;
            font-size: 14px;
            border-radius: 4px;
            border: 1px solid #ced4da;
            background-color: #fff;
            min-width: 200px;
        }

        .badge-status-1 { background-color: #17a2b8; }
        .badge-status-2 { background-color: #ffc107; color: #212529; }
        .badge-status-3 { background-color: #28a745; }
        .badge-status-9 { background-color: #dc3545; }
        .badge-default  { background-color: #6c757d; }

        .btn-export {
            padding: 8px 14px;
            font-size: 13px;
            font-weight: bold;
            border-radius: 4px;
            color: #ffffff !important;
            display: inline-block;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            transition: opacity 0.15s ease-in-out;
        }

        .btn-export:hover { opacity: 0.9; }
        .btn-excel { background-color: #217346; border: 1px solid #1e683f; }