/* Write your custom CSS here */

.nav-user-initial {
    width: 28px;
    height: 28px;
    font-size: 12px;
}

@media (max-width: 991px) {
    .page-header {
        position: relative !important;
        margin-bottom: 40px;
    }

    .page-header .navbar-search {
        padding-left: 22px;
        padding-top: 14px;
    }

    .page-header #nav-search {
        width: 220px;
        max-width: calc(100vw - 44px);
        position: static !important;
    }

    .page-header #nav-search:focus,
    .page-header #nav-search:active {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 220px !important;
        max-width: calc(100vw - 44px) !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        border-radius: 4px !important;
        transform: none !important;
    }

    .page-content {
        margin-top: 0 !important;
    }

    .category-mobile-card,
    .category-form-mobile-card,
    .product-form-mobile-card,
    .product-mobile-card,
    .stock-mobile-card,
    .analyz-stock-health-mobile,
    .analyz-fastest-mobile,
    .analyz-slowest-mobile,
    .analyz-prediction-mobile {
        margin-left: -16px;
        margin-right: -20px;
    }

    .client-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

    .client-form-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

    .settings-general-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

    .settings-logo-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

    .settings-favicon-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

    .logs-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

    .profile-mobile-card {
        margin-left: -16px;
        margin-right: -20px;
    }

}