
.departments-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

/* Modal styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 4px;
    position: relative;
    border-radius: 10px;
}

.close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

/* Table styles */
#departments-table {
    width: 100%;
    margin-top: 20px;
    font-size: 14px!important; 
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: none;
    border-bottom: none;
}
 
#departments-table button.edit-user ,#departments-table button.delete-user {
    font-size: 14px !important;
    padding: 7px 10px !important;
    background: #298e9e08;
    color: #919eab;
    border: 1px solid #298e9e;
}
#departments-table button.edit-user:hover ,#departments-table button.delete-user:hover {
    background: #298e9e;
    color: #fff;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #dadee3;
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    background: #298e9e;
    color: #fff!important;
    border: none!important;
    padding: 2px 10px;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ccc!important;
    border-radius: 8px !important;
}

input.search, input[name=bbp_search], input[type=search] {
 background-image: none!important; 
}

.edit-user, .delete-user {
    margin: 0 5px;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.edit-user {
    background-color: #007bff;
    color: white;
    border: none;
}

.delete-user {
    background-color: #dc3545;
    color: white;
    border: none;
} 