@media (min-width: 375px) {
    .toolbar .dropdown-menu a {
        padding: 0 14px;
    }

        .toolbar .dropdown-menu a:first-child {
            border-left: none;
        }

    .form-check-input + span, .form-check-input + label {
        max-width: 146px;
    }
}

@media (min-width: 568px) {
    .sidebar-toggle-box span {
        display: inline;
    }

    .bootstrap-table .bs-bars .gear {
        display: none;
    }

    .bootstrap-table .bs-bars .toolbar {
        display: inline-flex;
    }

        .bootstrap-table .bs-bars .toolbar .btn i + span {
            display: inline;
        }
}

@media (min-width: 576px) {
    .form-inline .control-label {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .form-inline select.form-control, .form-inline .select.form-control {
        min-width: 194px;
    }

    .modal-lg {
        max-width: calc(90%);
    }

    .input-group.date {
        width: 194px;
    }

    .btn-fill {
        width: auto;
    }
}

@media (min-width: 667px) {
    .header .nav {
        display: flex;
        flex: 1 1 auto;
    }

    .sidebar-toggle-box {
        flex: 0 1 auto;
    }
}

@media (min-width: 768px) {
    html {
        -ms-overflow-style: none;
    }

    .sidebar-open aside {
        transform: translate(0);
    }
}

@media (min-width: 769px) {
    .sidebar-open aside {
        transform: translate(-100%);
    }

    .sidebar-open footer {
        display: flex;
    }

    aside {
        transition: none;
        transform: translate(0);
        width: 210px;
        overflow: hidden;
        bottom: 40px;
    }
}

@media (min-width: 940px) {
    .form-check-input + span, .form-check-input + label {
        max-width: 192px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 940px;
    }

    .modal-xl {
        max-width: calc(100% - 100px);
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1100px;
    }
}