.pane {
  background: #000000;
  padding-bottom: 3px;
  box-sizing: border-box;
  padding-top: 6px !important;
}
.pane-hScroll {
  overflow: auto;
  width: 100%;
  background: #000000;
  box-sizing: border-box;
  padding-bottom: 0px;
}
.pane-vScroll {
  overflow-y: auto;
  overflow-x: hidden;
  /* width: 100%; */
    height: 230px;
  background: #000000;
  box-sizing: border-box;
}
.pane-vScroll::-webkit-scrollbar {
  width: 3px;               /* width of the entire scrollbar */
}

.pane-hScroll::-webkit-scrollbar {
  height: 5px;               /* width of the entire scrollbar */
  width: 3px;
}

.pane-vScroll::-webkit-scrollbar-track,.pane-hScroll::-webkit-scrollbar-track {
  	background: #000000;        /* color of the tracking area */
  
  }

.pane-vScroll::-webkit-scrollbar-thumb, .pane-hScroll::-webkit-scrollbar-thumb {
  background-color: #00b0f0;    /* color of the scroll thumb */
  border-radius: 3px;       /* roundness of the scroll thumb */
  border: 5px solid #00b0f0;  /* creates padding around scroll thumb */
}

.table-layouts {
  border-collapse: collapse;
  background: white;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.table-layouts thead{
  border:2px solid #7f7f7f !important;
  background-color: #111111 !important;
  box-sizing: border-box;
}

.table-layouts th, .table-layouts td {
  padding: 1px 2px;
  width: 55px; 
  overflow: hidden; 
  font-size: 9pt;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  color: #FFFFFF;
}

.table-layouts th{
	color: #FFFFFF !important;
}

.table-layouts th:first-child, .table-layouts td:first-child {
/* 		width: 70px; */
	}

.table-layouts th:first-child + th, .table-layouts td:first-child + td {
		/* width: 150px; */
	}

.table-layouts th{
	font-size: 9pt !important;
}

.table-layouts tbody tr:nth-child(odd) {
	  background-color: #282828 !important;
	  border-spacing:0;
	  box-sizing: border-box;
}

.table-layouts tbody tr:nth-child(even) {
  	background-color: #404040 !important;
  	box-sizing: border-box;
}