html, body{width:100%; height: 100%; font-size: 12px;}
body .wrapper{font-size: 12px;}
.wrapper{display: block; width: 100%; min-width: 1280px;}
.full-height-table{
    height: 720px;
}
.wrapper .main-content{width: 100%; height: 100%;}
.main-content .full-height-row{width: 100%; height: 100%; margin: 0;}
.main-content .full-height-row .app-state{width: 100%; height: 100%; margin: 0; padding: 0;}
.main-content .full-height-row .app-state .payment-table{width: 100%; margin: 0; padding: 0;}
.tree-grid-list .table.tree-grid tbody tr td:last-child{padding: 2px;}
body .preloder{display: block; height: 100%; position: absolute; top: 0; z-index: 9999; width: 100%; background-image: url("../image/preloader.gif"); background-repeat: no-repeat; background-position: center;}
.tree-grid { width: 100%;}

.tree-grid .head-table, .body-table, .scroll-tr, .scroll-td, .scroll-th { display: block; }

.scroll-tr:after {
    content: ' ';
    display: block;
    clear: both;
}

.body-table {
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}
.body-table::-webkit-scrollbar{
    width:0px;
}

.body-table .scroll-td, .head-table .scroll-th {
    float: left;
}
.head-table .scroll-th {position: relative;}

.scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}