.main-logo {
    max-height: 100px;
}
.logo-wrapper img {
    max-height: 75px;
    max-width: 100%;
}
.form-check-input:checked {
    background-color: #355e3b;
    border-color: #355e3b;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #355e3b;
    border-color: #777e49;
}
.page-link {
    z-index: 2;
    color: #355e3b;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:hover {
    z-index: 2;
    color: #355e3b;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.menu-list-table tbody tr td.menu-status span.info {
    background-color: rgba(0, 123, 255, 0.1); /* Light blue background */
    color: #007bff; /* Blue color for info status */
}

.card .custom-card {
    padding: 30px 40px;
    background-color: #eff2f7;
    border-radius: 10px;
}
.login-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login-title h2 {
    margin: 0;
    flex-grow: 1;
    text-align: left; /* Align 'Admin Login' to the left */
}
a.logo img {
    width: 100px;
}
div.dt-container div.dt-status label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left
}

div.dt-container div.dt-status select {
    margin-left: .5em;
    display: inline-block;
    width: auto
}
div.table-responsive>div.dt-container>div.row {
    margin: 10px;
}