/* Your Custom CSS Goes here */

.mh-400 {
    min-height: 400px;
}

.home-card {
    width: 100%;
    max-width: 20rem;
}

.home-card img {
    max-width: 100%;
}

.home-card .card-body {
    width: 100%;
}

.card-body a {
    text-decoration: none;
    color: inherit;
}

.brl-10 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    

}
.pr-30 {
    padding-top: 10px;
    padding-right: 30px;
}

.mh-100 {
    min-height: 100px;
}
.link {
    text-decoration: none;
    color: inherit;
}

@media (max-width: 1199px) {
    :root {
        --sidebar-mobile-width: 280px;
    }

    .app-header {
        position: sticky;
        top: 0;
        z-index: 1100;
    }

    .app-header {
        left: 0;
        width: 100%;
    }

    .app-sidebar .logo {
        display: none;
    }

    .app:not(.sidebar-hidden) .app-sidebar {
        transform: translateX(-100%);
    }

    .app.sidebar-hidden .app-sidebar {
        transform: translateX(0);
    }

    .app.sidebar-hidden .app-container {
        transform: none;
    }

    .hide-app-sidebar-mobile {
        left: 0;
    }

    .sidebar-hidden .hide-app-sidebar-mobile {
        left: var(--sidebar-mobile-width);
    }

    .app-sidebar {
        top: 0;
        left: 0;
    }

    .fab-menu-toggle {
        position: fixed !important;
        top: 14px;
        right: 14px !important;
        left: auto !important;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #2269f5;
        color: #fff!important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        z-index: 1200;
        padding: 0;
    }

    .fab-menu-toggle .material-icons {
        margin: 0;
        font-size: 26px;
    }

    .fab-menu-toggle span {
        display: none!important;
    }

    .app-header .navbar {
        background: transparent;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
    }

    .app-content {
        margin-top: 20px;
    }
}