.table-container {
  	/*height: 10em;*/
}
/*table {*/
.clozi_table{
	border-collapse: collapse;
  	/*display: flex;*/
  	display: block;
  	flex-flow: column;
  	/*height: 100%;*/
  	width: 100%;
  	overflow-x: scroll;
}
/*table thead {*/
.clozi_table thead{
  	/* head takes the height it requires, 
    and it's not scaled when table is resized */
    /*border-collapse: collapse;*/
  	flex: 0 0 auto;
  	width: calc(100% - 0.9em);
}
/*table tfoot {*/
.clozi_table tfoot{
  	/* head takes the height it requires, 
    and it's not scaled when table is resized */
  	flex: 0 0 auto;
  	width: calc(100% - 0.9em);
}
/*table thead th{*/
.clozi_table thead th{
  	width: 150px;
}
/*table tbody td{*/
.clozi_table tbody td{
  	width: 150px;
    white-space: nowrap;
    overflow: hidden;
}
/*table tbody {*/
.clozi_table tbody{
  	/* body takes all the remaining available space */
  	flex: 1 1 auto;
  	display: block;
  	overflow-y: scroll;
  	height: 370px;
  	width: inherit;
  	/*overflow-x: scroll;*/
 	overflow-x: hidden;
}
/*table tfoot {*/
.clozi_table tfoot{
  	/* body takes all the remaining available space */
  	flex: 1 1 auto;
  	display: block;
  	width: inherit;
}
/*table tbody tr {*/
.clozi_table tbody tr {
  	width: 100%;
}
/*table tfoot tr {*/
.clozi_table tfoot tr {
  	width: 100%;
}
/*table thead,
table tbody tr {*/
.clozi_table thead,
.clozi_table tbody tr {
  	display: table;
  	table-layout: fixed;
}
/*table tfoot tr {*/
.clozi_table tfoot tr {
  	display: table;
  	table-layout: fixed;
    background-color: #337ab7;
    color: white;
}
/* decorations */
.table-container {
  	/*border: 1px solid black;*/
  	padding: 0.3em;
}
/*table {*/
.clozi_table {
  	border: 1px solid lightgrey;
}
/*table td,
table th {*/
.clozi_table td,
.clozi_table th {
  	padding: 0.3em;
  	/*border: 1px solid #90caf9;*/
    border: 1px ridge #e0e0e0;
}
/*table th {*/
.clozi_table th {
  	border: 1px solid #90caf9;
    /*background-color: #337ab7;*/
    background-color: #1D4870;
}
.colResizer {
    /*background-color: #337ab7;*/
    background-color: #1D4870;
    color: white;
  	position: relative;
  	cursor: e-resize;
}
.colHandle {
  	height: 20px;
  	width: 20px;
  	background-color: transparent;
  	position: absolute;
  	right: -10px;
  	top: 0px;
}

/*#style-2::-webkit-scrollbar-track*/
.tbl_ovr::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.tbl_ovr::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    /*background-color: #90caf9;*/
    background-color: #1D4870;
}

.tbl_ovr::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    /*background-color: #90caf9;*/
    background-color: #1D4870;
}