.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background-color: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    position: fixed;
    bottom: 0; 
    left: 0;
    right:0;
    width: 100%;
}

.rows-per-page {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rows-per-page label {
    color: #333;
}

.rows-per-page select {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    padding-right:5px;
    font-weight: bold;
}

.current-page {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #555;
    margin-left:10px
}

.current-page input {
    text-align: center;
    padding: 5px;
    font-size: 14px;
    width: 45px;
    font-weight: bold;
}

.pagination-arrows {
    display: flex;
    gap: 10px;
}

.arrow-button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.arrow-button img {
    width: 20px;
    height: 20px;
}

.arrow-button:hover img {
    opacity: 0.7;
}

.table-heading{
    margin-left:10px;
    margin-right: 10px;
    margin-top: 20px;
    height: 61px;
    top: 73px;
    left: 8px;
    gap: 0px;
    border-radius: 2px 0px 0px 0px;
    opacity: 0px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.table-title{
    width: 107px; height: 16px; font-family: Open Sans; font-size: 16px; font-weight: 600; line-height: 16px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none;
}

#container{
    display: flex; align-items: center; margin-right: 20px;
}

.search-bar{
    width: 200px;
        height: 32px;
        top: 88px;
        left: 1142px;
        gap: 0px;
        border-radius: 4px 0px 0px 0px;
        border: 0.5px 0px 0px 0px;
        opacity: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
}

.search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-left: none;
    height: 38px;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    right: 21px;
}

.table-columns{
    margin-left:10px;
    margin-right: 10px;
    margin-top: 5px;
    top: 138px;
    left: 8px;
    gap: 0px;
    border-radius: 2px 0px 0px 0px;
    opacity: 0px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.table-head-col{
    background-color: rgba(147, 191, 207, 0.1)
}

.print{
    text-transform: none;border-width: 0px;padding:0px 0px 0px 0px; margin-left:10px;
}

.fixed-header-table thead th {
    position: sticky; 
    top: 0; 
    z-index: 2; 
    background-color: #f9f9f9; 
    border-bottom: 2px solid #ddd; 
    text-align: left; 
    padding: 10px; 
}

.dropdown .btn-default:hover,
.dropdown .btn-default:focus {
    background-color: transparent !important; 
    box-shadow: none !important; 
}

.dropdown-menu li a:hover {
    background-color: transparent !important;
    color: inherit !important; 
}

.no-spinner {
    -moz-appearance: textfield; 
    -webkit-appearance: none;  
    appearance: none;         
}

.no-spinner::-webkit-inner-spin-button, 
.no-spinner::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;              
}