.analytics-pixel {
    position: absolute;
    left: -9999px;
}

.card-tools {
    float: right;
    margin-top: -0.25rem;
}

.login-page,
.register-page {
    min-height: calc(100vh - 230px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.login-box,
.register-box {
    width: min(100%, 420px);
}

.login-logo,
.register-logo {
    margin-bottom: 0.9rem;
    font-size: 2rem;
    text-align: center;
}

.login-card-body,
.register-card-body {
    padding: 1.5rem;
}

.login-box-msg {
    padding-bottom: 1rem;
    text-align: center;
}

.form-error ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

/* Compatibility for forms that were authored for Bootstrap 4 input groups. */
.input-group-append {
    display: flex;
}

.portfolio-menu li {
    cursor: pointer;
}

.app-wrapper {
    min-height: 100vh;
}

.app-header .navbar-brand img {
    object-fit: cover;
}

.app-header .nav-link.active {
    color: var(--bs-primary);
    font-weight: 600;
}

.app-main {
    min-width: 0;
}

.app-content {
    padding-bottom: 2rem;
}

.card {
    margin-bottom: 1.5rem;
}

.table-responsive,
.card-body.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.color-mode-item .nav-link {
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {
    .app-content-header h3 {
        font-size: 1.25rem;
    }

    .app-content-header h1 {
        font-size: 1.25rem !important;
        overflow-wrap: anywhere;
    }

    .app-content-header,
    .app-content {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .card-body {
        padding: 1rem;
    }
}

@media (max-width: 991.98px) {
    .app-header .navbar-collapse {
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        padding: 0.75rem 0 1rem;
    }

    .app-header .navbar-nav .nav-link {
        padding: 0.65rem 0.5rem;
    }

    .app-header .dropdown-menu {
        position: static;
        border: 0;
        box-shadow: none;
    }

    .app-header .user-menu .dropdown-toggle span {
        overflow-wrap: anywhere;
    }
}