﻿/*.container {
    height: 100%;
}

#Delete_Prompt {
    margin-left: 20px;
}

#CasesSection {
    height: 100%;
    float: left;
    width: 100%;
}

.table-section {
    height: 100%;
    float: left;
    width: 100%;*/
    /* display: grid; */
/*}

.table-responsive {
    height: 100%;
}

.MainGridwrap .table-content {
    height: 100%;
}

.tabbablewrapper {
    float: left;
    height: 100%;
    overflow-y: auto;
    width: 100%;*/
    /* background-color: #009688; */
    /*padding: 0px !important;
}

    .tabbablewrapper .tab-content {*/
        /* background-color: #00BCD4; */
        /*float: left;
        height: 100%;
        overflow-y: auto;
        width: 100%;
        padding: 2px !important;
    }

.hide-small-screen {*/
    /*display: initial;*/
/*}

#content, .tab-content {
    padding: 10px !important;
}

#content {
    height: 100% !important;
}

#main_container_wrapper {
    height: 91%;
    overflow-y: auto;
}

#Top-Search {
    float: left;
    width: 100%;
}

.flexColumn {
    height: 100%;
    overflow-y: auto;
}

.SelectionDiv {
    float: left;
    height: 87%;
    overflow-y: auto;
    width: 100%;
}

@media (max-width: 767px) {
    #CasesSection .x_content {
        height: 88%;
    }

    #Case_Details #Top-Search {
        float: left;
        height: 9%;
        margin: auto;
        box-shadow: -2px 2px 10px 0px #9E9E9E;
        width: 99.5%;
        padding: 2px;
        background-color: #03A9F4;
    }

    #Case_Details #Top-Tabs {
        float: left;
        height: 8%;
        margin: auto;
        width: 99.5%;
        padding: 2px;
        background-color: #FF9800;
    }

    #Case_Details #Tabs_contents {
        float: left;
        width: 100%;
        height: 82%;
        overflow-y: auto;
    }

    .MainGridwrap .table-content {
        height: 100%;
    }

    #receive-Payment .modal-dialog {
        width: 600px;
    }

    .hide-small-screen {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #CasesSection .x_content {
        height: 88%;
    }

    #Case_Details #Top-Search {
        float: left;
        height: 9%;
        margin: auto;
        box-shadow: -2px 2px 10px 0px #9E9E9E;
        width: 99.5%;
        padding: 2px;
        background-color: #03A9F4;
    }

    #Case_Details #Top-Tabs {
        float: left;
        height: 8%;
        margin: auto;
        width: 99.5%;
        padding: 2px;
        background-color: #FF9800;
    }

    #Case_Details #Tabs_contents {
        float: left;
        width: 100%;
        height: 82%;
        overflow-y: auto;
    }

    .hide-small-screen {
        display: none !important;
    }

    .MainGridwrap .table-content {
        height: 100%;
    }

    #main_container_wrapper {
        height: 97%;
        overflow-y: auto;
    }

    #receive-Payment .modal-dialog {
        width: 826px;
    }

    @media (max-height: 600px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;
            background-color: #03A9F4;
        }

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;
            background-color: #FF9800;
        }

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        .top_nav .navbar-right {
            display: none;
        }

        #main_container_wrapper {
            height: 100%;
            overflow-y: auto;
        }
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #CasesSection .x_content {
        height: 88%;
    }

    #Case_Details #Top-Search {
        float: left;
        height: 9%;
        margin: auto;
        box-shadow: -2px 2px 10px 0px #9E9E9E;
        width: 99.5%;
        padding: 2px;
        background-color: #03A9F4;
    }

    #Case_Details #Top-Tabs {
        float: left;
        height: 8%;
        margin: auto;
        width: 99.5%;
        padding: 2px;
        background-color: #FF9800;
    }

    #Case_Details #Tabs_contents {
        float: left;
        width: 100%;
        height: 82%;
        overflow-y: auto;
    }

    .hide-small-screen {
        display: none !important;
    }

    .MainGridwrap .table-content {
        height: 100%;
    }

    #main_container_wrapper {
        height: 69%;
        overflow-y: auto;
    }

    .headerbar-item.pull-right {
        margin-right: 0% !important;
    }

    #receive-Payment .modal-dialog {
        width: 850px;
    }

    @media (max-height: 699px) and (min-height: 600px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 95%;
            overflow-y: auto;*/
            /*background-color: yellow;*/
        /*}
    }

    @media (min-height: 700px) and (max-height: 900px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 96%;
            overflow-y: auto;*/
            /*background-color: tomato;*/
        /*}
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    #CasesSection .x_content {
        height: 88%;
    }

    #Case_Details #Top-Search {
        float: left;
        height: 7%;
        margin: auto;
        box-shadow: -2px 2px 10px 0px #9E9E9E;
        width: 99.5%;
        padding: 2px;*/
        /* background-color: #03A9F4; */
    /*}

    #Case_Details #Top-Tabs {
        float: left;
        height: 6%;
        margin: auto;
        width: 99.5%;
        padding: 2px;*/
        /* background-color: #FF9800; */
    /*}

    #Case_Details #Tabs_contents {
        float: left;
        width: 100%;
        height: 87%;
        overflow-y: auto;
    }

    #main_container_wrapper {
        height: 96%;
        overflow-y: auto;
    }

    .MainGridwrap .table-content {
        height: 100%;
    }

    #receive-Payment .modal-dialog {
        width: 950px;
    }

    @media (max-height: 600px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 13%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 11%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 76%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 87%;
            overflow-y: auto;
        }
    }

    @media (min-height: 601px) and (max-height: 615px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 10%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 9%;
            margin: auto;
            width: 99.5%;
            padding: 2px;
            background-color: #FF9800;
        }

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 81%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 95%;
            overflow-y: auto;
        }
    }

    @media (min-height: 621px) and (max-height: 800px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 96%;
            overflow-y: auto;
        }
    }

    @media (min-width: 1360px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 95%;
            overflow-y: auto;
        }
    }

    @media (min-width: 1366px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 95%;
            overflow-y: auto;
        }
    }

    @media (min-width: 1400px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 6%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 6%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 88%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 97%;
            overflow-y: auto;
        }
    }

    @media (min-width: 1440px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 8%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #03A9F4; */
        /*}

        #Case_Details #Top-Tabs {
            float: left;
            height: 6%;
            margin: auto;
            width: 99.5%;
            padding: 2px;*/
            /* background-color: #FF9800; */
        /*}

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 86%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 97%;
            overflow-y: auto;
        }
    }

    @media (min-width: 1600px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;
            background-color: #03A9F4;
        }

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;
            background-color: #FF9800;
        }

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 82%;
            overflow-y: auto;
        }
    }

    @media (min-width: 1680px) {
        #CasesSection .x_content {
            height: 88%;
        }

        #Case_Details #Top-Search {
            float: left;
            height: 9%;
            margin: auto;
            box-shadow: -2px 2px 10px 0px #9E9E9E;
            width: 99.5%;
            padding: 2px;
            background-color: #03A9F4;
        }

        #Case_Details #Top-Tabs {
            float: left;
            height: 8%;
            margin: auto;
            width: 99.5%;
            padding: 2px;
            background-color: #FF9800;
        }

        #Case_Details #Tabs_contents {
            float: left;
            width: 100%;
            height: 82%;
            overflow-y: auto;
        }

        #main_container_wrapper {
            height: 82%;
            overflow-y: auto;
        }
    }
}

@media (min-width: 1600px) {
    #CasesSection .x_content {
        height: 88%;
    }

    #Case_Details #Top-Search {
        float: left;
        height: 6%;
        margin: auto;
        box-shadow: -2px 2px 10px 0px #9E9E9E;
        width: 99.5%;
        padding: 2px;*/
        /* background-color: #03A9F4; */
    /*}

    #Case_Details #Top-Tabs {
        float: left;
        height: 6%;
        margin: auto;
        width: 99.5%;
        padding: 2px;*/
        /* background-color: #FF9800; */
    /*}

    #Case_Details #Tabs_contents {
        float: left;
        width: 100%;
        height: 88%;
        overflow-y: auto;
    }

    .MainGridwrap .table-content {
        height: 100%;
    }

    #main_container_wrapper {
        height: 97%;
        overflow-y: auto;
    }

    #receive-Payment .modal-dialog {
        width: 950px;
    }
}*/
