/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

table select,table input {
    width: fit-content !important;
}

/* Add this to your main CSS file */
.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    text-decoration: none;
    padding: 8px 12px;
    border: 1px solid #007bff; /* Adjust the border color */
    color: #007bff; /* Adjust the text color */
    border-radius: 4px;
}

.pagination li a:hover {
    background-color: #007bff; /* Adjust hover background color */
    color: white; /* Adjust hover text color */
}

.pagination li.disabled span {
    padding: 8px 12px;
    border: 1px solid #ddd; /* Adjust disabled border color */
    color: #ddd; /* Adjust disabled text color */
}

.pagination li.active span {
    padding: 8px 12px;
    border: 1px solid #007bff; /* Adjust active border color */
    background-color: #007bff; /* Adjust active background color */
    color: white; /* Adjust active text color */
}

/* Add this to your main CSS file */
.header-button {
    margin-left: 5px; /* Adjust the margin as needed */
    color: #007bff; /* Set the default color */
    /* transition: color 0.2s; Smooth transition for color change */
}

.header-button:focus,
.header-button:active {
    color: #0056b3; /* Change to a darker shade when clicked */
    outline: none; /* Remove the default outline */
}