.mb-2, .my-2 {
    margin-right: 0.2rem;
    margin-left: 0.2rem;
}
    #sidebar-menu ul li a{
    font-family: inherit;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}
.pager-p {
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 25px
}
.pager-i {
    text-align: center;
    width: 5em;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px
}
.pager-pagesize {
    margin-top: 8px;
    margin-right: 5px
}
.hide {
    display: none;
}
.datatables thead tr th {
    position: relative;
}

    .datatables thead tr th:after, .datatables thead tr th:before {
        position: absolute;
        right: 0;
        font: normal normal normal 24px/1 Material Design Icons;
        opacity: .3;
    }

    .datatables thead tr th:before {
        content: "󰅃";
        top: 7px;
    }

    .datatables thead tr th:after {
        content: "󰅀";
        top: 14px;
    }

    .datatables thead tr th:after, .datatables thead tr th:before {
        position: absolute;
        right: 0;
        font: normal normal normal 24px/1 Material Design Icons;
        opacity: .3;
    }
.datatables thead tr .asc:before,
.datatables thead tr .desc:after {
    opacity: 1;
}
.me-3 {
    margin-right: 1rem !important;
}
.container2 {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically (if needed) */
    /* Other container styles as needed */
    height: 100px; /* Example height */
    border: 1px solid #ccc; /* Example border */
}