@media (min-width: 992px) {
    .basic {
        display: flex;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid rgba(217, 219, 228, 0.5);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
        z-index: 107;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        align-items: center;
    }

    .basic .aside-logo {
        width: 12%;
    }

    .basic .aside-menu {
        width: 57%;
    }

    .basic .aside-footer {
        width: 30%;
    }

    .basic .menu-column {
        flex-direction: row;
    }

    .basic .menu-item .menu-link {
        padding: 0.65rem 0.5rem !important;
    }

    .basic .menu-item {
        padding-right: 23px !important;
    }

    .basic #kt_aside_footer .btn-active-color-primary {
        justify-content: left !important;
        width: calc(12em + 1.5rem + 2px) !important;
    }

    .signout-btn-top,
    .signout-btn-top:hover {
        background-color: #700d0f !important;
        color: #fff !important;
    }

    .basic .menu-item .menu-link .menu-title {
        font-size: 13px;
        color: #575454 !important;
    }

    .basic .menu-item .menu-link .menu-title:hover {
        color: #b94244 !important;
        background-color: #FFFFFF;
    }

    .basic .aside-logo .logo {
        width: 150px;
    }

    .page.top-menus .wrapper{
        padding: 85px 30px 0px !important;
    }

    .page.top-menus #kt_content_container,
    .page.top-menus #kt_header_container{
        padding: 0px !important;
        margin: 0px !important;
    }

    .page.top-menus .container-xxl{
        width: 100%;
        max-width: 100%;
    }

    .page.top-menus #kt_header_container {
        margin-left: calc(-.5 * 2.5rem) !important;
    }

    .page.top-menus .basic .menu-accordion {
        color: #009ef7;
    }

    .page.top-menus .basic .menu-accordion:hover {
        color: #006dab;
    }

    .table tr th {
        color: #575454 !important;
        font-size: 14px !important;
    }

    .table tr td {
        font-size: 14px !important;
    }

    .page-item.active .page-link:hover {
        color: #fff !important;
    }

    table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected,
    tbody tr:hover {
        background-color: #F9F2F2 !important;
        color: #000 !important;
    }

    td a,
    td a:hover {
        /* color: #0000ff !important; */
        color: #700d0f !important;
        font-weight: 600 !important;
    }

    .desktop-search-filter-ci,
    .clear-filter-ci {
        position: relative;
        color: #700d0f !important;
        background-color: unset !important;
    }

    .form-check.form-check-solid .form-check-input:checked {
        background-color: #700d0f !important;
    }

    .qty-process-table th {
        font-weight: 600 !important;
    }
  }

  @media (max-width: 992px) {
    .basic {
        flex-wrap: wrap;
        flex-direction: column;
    }
}