@charset "UTF-8";

.table-scrolls{
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	margin-bottom: 30px;
}

.table-scrolls table{
  border-collapse: collapse;
  width : 98%;
  margin-left : auto;
  margin-right : auto;
}

.table-scrolls th,td{
  border : 1px solid #8080c0;
  padding: 8px;
  white-space: nowrap;
}


.table-scrolls th{
	background-color: transparent;
	background: none 0% 0% / auto auto repeat scroll padding-box border-box;
	padding: 8px;
	border: 1px solid #8080c0;
	text-align: left;
	width: 30%;
}



.table-scroll table tr:nth-child(even) {
background:#ffffff;
}
 
.table-scroll table tr:nth-child(odd) {
background:#e6e6f2;
}

.table-scroll{
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	margin-bottom: 30px;
}

.table-scroll table{
  border-collapse: collapse;
  width : 98%;
  margin-left : auto;
  margin-right : auto;
}

.table-scroll th,td{
  border : 1px solid #8080c0;
  padding: 12px;
  white-space: nowrap;
}


.table-scroll th{
	background-color: transparent;
	background: none 0% 0% / auto auto repeat scroll padding-box border-box;
	padding: 8px;
	border: 1px solid #8080c0;
	text-align: center;
	width: 12%;
}



.table-scroll table tr:nth-child(even) {
background:#ffffff;
}
 
.table-scroll table tr:nth-child(odd) {
background:#e6e6f2;
}