@media (min-width: 1880px) {
    .modal-content {
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .topbar {
        margin-left: auto;
        margin-right: auto;
    }

    .page-wrapper {
        
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1880px) {
    .page-content {
        width: 1580px;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1600px) {
    .page-content {
        width: 1580px;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .dragable-element {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1200px) {
    .page-content {
        max-width: 100%;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    #search {
        overflow: auto;
    }

    .inwork_stocktaking {
        overflow: auto;
    }

    .dragable-element {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 992px) {
    .page-content {
        max-width: 100%;
    }

    body > div.page-wrapper > div.page-content > div > div:nth-child(11) > div > div > div {
        overflow: auto;
    }

    #search {
        overflow: auto;
    }

    .dragable-element {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .page-content {
        max-width: 100%;
    }

    .container-fluid {
        max-width: 100%;
    }

    .dock {
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        white-space: nowrap;
    }

    .dock::-webkit-scrollbar {
        display: none;
    }

    .card.offers-new-statistic {
        overflow: auto;
    }

    #lids_operators_table-buttons_wrapper {
        overflow: auto;
    }

    .dragable-element {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .page-content {
        max-width: 100%;
    }

    .dock {
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        white-space: nowrap;
    }

    .dock::-webkit-scrollbar {
        display: none;
    }

    .card.offers-new-statistic {
        overflow: auto;
    }

    #lids_operators_table-buttons_wrapper {
        overflow: auto;
    }

    .dragable-element {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.main-menu-inner {
    margin-left: 70px;
    margin-top: -70px;
    height: auto;
}

.left-sidenav {
    overflow: hidden;
}

.slimScrollDiv {
    z-index: 600;
}