/*#itm-container {*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: 10px; !* Adjust the gap between items *!*/
/*}*/

/*.list-container {*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: 10px; !* Adjust the gap between items *!*/
/*}*/

/*.list-item {*/
    /*display: none;*/
    /*width: 100%; !* Each item takes full width *!*/
    /*padding: 10px;*/
    /*border: 1px solid #ccc;*/
    /*box-sizing: border-box;*/
/*}*/


.pagenav{
    margin: 5px 0;
}

.page-button {
    /* Your styling properties */
    background-color: #f7f7f7;
    color: #000000;
    /*border: none;*/
    border: solid 1px #cccccc;
    border-radius: 3px;
    /*padding: 8px 16px;*/
    padding: 4px 10px;
    margin: 2px;
    cursor: pointer;
}

.page-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.page-button-active {
    background-color: #d8e5f3; /* Example: Change background color to red */
    /*color: white; !* Example: Set text color to white *!*/
    /*font-weight: bold; !* Example: Apply bold font weight *!*/
}

.page-button:hover {
    background-color: #ddd; /* Hover background color */
}