body {
}

@media only screen and (max-width: 600px) {
    body #tabContent.tab-content  {
        width: 100% !important;
        /* margin: 10px 5px !important; */
        margin: 0;
        padding: 10px 0px;
    }

    #sidenav {
        /* display: none; */
    }

    #navLogoContainer {
        padding: 10px 20px !important;
    }

    body .header-height {
        height: 70px;
    }

    body #fullSdvPrgsContainer {
        padding: 0;
        float: left !important;
    }

    body #fullSdvContainer .sdvprogressinfo {
        padding: 10px 0;
    }

    body #fullSdvContainer #fullSdvBtnContainer button {
        padding: 5px 7px;
    }

    body #ajaxLoadingBar img {
        left: calc( 50% - 85px);
    }

    body table.dataTable {
        width: 100% !important;
        max-width: 100% !important;
    }

    body #tblSiteTransfers span.badge {
        display: none;
    }

    body table.dataTable tr.child td.child ul.dtr-details {
        list-style: none;
        border-bottom: 1px solid #6d6e70;
    }

        body table.dataTable tr.child td.child ul.dtr-details li {
            /* display: flex; */
            /* justify-content: space-between; */
            /* margin-bottom: 5px; */
        }

            body table.dataTable tr.child td.child ul.dtr-details li span.dtr-title {
                /* font-weight: 600; */
            }

            body table.dataTable tr.child td.child ul.dtr-details li span.dtr-data .patientStateCont {
                width: 50% !important;
            }

                body table.dataTable tr.child td.child ul.dtr-details li span.dtr-data .patientStateCont .patientStateBtn {
                    width: 100% !important;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                body table.dataTable tr.child td.child ul.dtr-details li span.dtr-data .patientStateCont .caret {
                    display: none;
                }

            body table.dataTable tr.child td.child ul.dtr-details li span.dtr-data .actionsCell {
                display: inline !important;
            }

                body table.dataTable tr.child td.child ul.dtr-details li span.dtr-data .actionsCell a {
                    padding-left: 20px;
                }

            body table.dataTable tr.child td.child ul.dtr-details li span.dtr-data .form-group {
                display: inline-flex;
                margin-bottom: 0;
            }
    /* body li.paginate_button.previous {
        display: inline;
    }
 
    body li.paginate_button.next {
        display: inline;
    } */
    body li.paginate_button:nth-last-child(3),
    body li.paginate_button:nth-last-child(2),
    body li.paginate_button:nth-last-child(1) {
        display: inline;
    }

    body li.paginate_button:nth-child(-n+3) {
        display: inline;
    }

    body li.paginate_button {
        display: none;
    }

        body li.paginate_button a {
            padding: 4px 8px;
        }

    body div.dataTables_wrapper div.dataTables_paginate {
        text-align: end;
    }

    #userAvatarContainer {
        display: none;
    }

    .navbar-toggle {
        top: 10px;
        right: 0;
        margin-right: 5px;
    }

    .mobileOnlyMenuItem {
        display: block !important;
    }

    .top-navigation .nav > li > a {
        padding: 8px 10px;
        margin-top: 0;
        font-weight: 500;
        font-size: 14px;
        width: max-content;
    }



    .top-navigation .navbar .nav > li.active a {
        font-weight: 900;
        border-radius: unset;
        width: 100%;
        border: none;
        background-color: #f6f6f6;
    }

    #navbar {
        position: absolute;
        background-color: #f6f6f6;
        right: 15px;
        box-shadow: -4px 5px 5px -5px rgba(0,0,0,0.75);
        top: 65px;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control::before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control::before {
        background-color: transparent !important;
        /* transform: rotate(45deg); */
        font-weight: 600 !important;
        margin-top: -7px !important;
        box-shadow: none !important;
        border: none !important;
        color: #6d6e70 !important;
    }

    .btn.query-filter {
    }

    div.dataTables_wrapper div.dataTables_length {
        text-align: end !important;
    }

    .divider.mobileOnlyMenuItem {
        border-bottom: 1px solid lightgray;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: right;
    }

        div.dataTables_wrapper div.dataTables_filter input {
            width: 50% !important;
        }

    .modal-md {
        width: auto;
    }
}
