/* BEGIN: Result List */

/* BEING: Filters */
@media screen and (max-width: 768px) {
    #changelist-search .form-group {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px;
    }

    #search_group .btn {
        width: 100%;
    }

    .actions {
        display: none;
    }
}

/* END: Filters */

/* BEGIN: Table */
@media screen and (max-width: 768px) {
    .table-striped tbody tr {
        background-color: white !important;
    }
}

/* END: Table */

/* END: Result List */

/* BEGIN: Change Page */

/* BEGIN: Navbar */
@media screen and (max-width: 768px) {
    #jazzy-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    #jazzy-tabs .nav-link {
        white-space: nowrap;
    }

    .change-related {
        display: none;
    }

    .add-related {
        display: none;
    }

    .delete-related {
        display: none;
    }

    textarea {
        width: 100%;
    }

    .inline-group > .card > .card-body {
        padding: 0 !important;
    }

    .add-row {
        padding: 1rem;
    }

    .addlink {
        display: none;
    }

    .changelink {
        display: none;
    }

    #content td {
        text-align: left;
    }
}

/* END: Navbar */

/* END: Change Page */

@media screen and (max-width: 768px) {
    #changelist .card {
        border: 0 !important;
        box-shadow: none !important;
    }

    #result_list.table {
        border: 0 !important;
    }

    #result_list.table thead {
        border: none !important;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .action-checkbox {
        display: none !important;
    }

    #result_list.table tbody {
        display: block !important;
        width: 100%;
    }

    #result_list.table tr {
        display: block;
        margin-bottom: 1rem !important;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
        box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    }

    #result_list.table td,
    #result_list.table th {
        display: block;
        font-size: .8em;
        text-align: right;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #result_list.table td::before,
    #result_list.table th::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    #result_list.table td:last-child,
    #result_list.table th:last-child {
        border-bottom: 0;
    }
}

@media (min-width: 768px) {
    .no-sidebar .wrapper .content-wrapper {
        margin-left: 0 !important;
    }

    .no-sidebar .wrapper .navbar {
        margin-left: 0 !important;
    }
}