/* Dark Mode */

.max-height-300 pre {
    max-height: 300px;
}
.theme-switch {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 50px;
}
.theme-switch input {
    display: none;
}
.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 400ms;
}
.slider::before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: 400ms;
    width: 16px;
}
input:checked + .slider {
    background-color: #66bb6a;
}
input:checked + .slider::before {
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round::before {
    border-radius: 50%;
}

/* Login Box */

@media (min-width: 578px) {
    .login-box {
        width: 600px;
    }

    .brand-image {
        max-width: 200px;
        max-height: 200px
    }
}

@media (max-width: 576px) {
    .brand-image {
        max-width: 90px;
        max-height: 90px;

        /* margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); */
    }
}

/* Toastr positioning to avoid fixed header */
.toast-container {
    top: 70px !important; /* Position below the fixed header */
    z-index: 9999 !important;
}

/* Ensure toastr is properly positioned in fixed layout */
.layout-navbar-fixed .toast-container {
    top: 70px !important;
}

/* Fix nav-link hover styling to be consistent */
.nav-sidebar .nav-link {
    border-radius: 0.25rem !important; /* Standard rectangular border radius */
}

.nav-sidebar .nav-link:hover {
    border-radius: 0.25rem !important; /* Ensure hover maintains rectangular shape */
}

/* Ensure active nav-link also maintains rectangular shape */
.nav-sidebar .nav-link.active {
    border-radius: 0.25rem !important;
}