.user-index .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.user-index .grid-view th,
.user-index .grid-view td {
    white-space: nowrap;
}

.user-index .grid-view .filters input,
.user-index .grid-view .filters select {
    min-width: 100px;
    max-width: 150px;
}

.dovidnyk-index .list-group-item {
    font-size: 1.1rem;
}

.bg-dark .nav-pills .nav-link {
    color: #fff;
}

.bg-dark .nav-pills .nav-link.active {
    background-color: #495057;
}

.dovidnyk-index .form-select {
    max-width: 200px;
}

.dovidnyk-index .bg-light {
    border-right: 1px solid #dee2e6;
}

.dovidnyk-index .nav-pills .nav-link {
    color: #000;
}

.dovidnyk-index .nav-pills .nav-link.active {
    background-color: #007bff;
    color: #fff;
}

@media (max-width: 767.98px) {
    .bg-dark .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .bg-dark .nav-pills {
        margin-top: 10px;
    }
    .bg-dark .btn-outline-light {
        margin-top: 10px;
    }
    .dovidnyk-index .d-flex {
        flex-direction: column;
    }
    .dovidnyk-index .bg-light {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dee2e6;
    }
}