html,
body {
    max-width: 100%;
}

.dashboard-main,
.dashboard-main-body,
.app-container,
.app-header,
.scroll-body,
.scroll-content {
    min-width: 0;
}

.app-screen {
    height: 100vh;
    height: 100dvh;
}

.dashboard-main-body.container {
    width: 100%;
}

.dashboard-main-body > *,
.scroll-content > * {
    max-width: 100%;
}

.dashboard-main-body img,
.scroll-content img {
    max-width: 100%;
    height: auto;
}

.dashboard-main-body .table-responsive,
.scroll-content .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dashboard-main-body .dataTables_wrapper,
.scroll-content .dataTables_wrapper {
    min-width: 0;
    max-width: 100%;
}

.dashboard-main-body .dataTables_scroll,
.scroll-content .dataTables_scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dashboard-main-body .form-control,
.dashboard-main-body .form-select,
.scroll-content .form-control,
.scroll-content .form-select {
    max-width: 100%;
}

@media (max-width: 767px) {
    .dashboard-main-body.container,
    .scroll-content {
        padding-inline: 12px;
    }
}

@media (max-width: 360px) {
    .dashboard-main-body.container,
    .scroll-content {
        padding-inline: 10px;
    }
}