html,body {height:100%; }
.page-body{height:100%}
.page-content{height:100%}
.page-container{height:100%}
.main-container{height:100%}
.all-height{height:100%}
    div.table-responsive {
            overflow-x: scroll;
            max-height: 60%;
        }

        div.table-left {
            overflow-x: hidden !important;
            height: 70%;
        }


        div.down-to-bottom {
            height: 55%;
        }

        @media (min-height:473px) {
            div.down-to-bottom {
                height: 65%;
            }

            div.table-responsive {
                overflow-x: scroll;
                max-height: 70%;
            }
        }


        @media (min-height:552px) {
            div.down-to-bottom {
                height: 70%;
            }

            div.table-responsive {
                overflow-x: scroll;
                max-height: 90%;
            }

            div.table-left {
                overflow-x: hidden !important;
                height: 90%;
            }
        }

        @media (min-height:680px) {
            div.down-to-bottom {
                height: 75%;
            }
        }

        @media (min-height:860px) {
            div.down-to-bottom {
                height: 80%;
            }
        }