.table thead th {
	text-align: center;
}
.table tbody th {
	background-color: #F9F9F9;
	text-align: center;
}
.table td, .table th {
	/* padding: .55rem; */
	padding: 7px;
}



/* This is what we are focused on */
.table-head-fixed-wrapper {
	overflow-y: scroll;
	height: 150px;
}
.table-head-fixed-wrapper thead th {
	position: sticky;
	top: 0;
}

.table-head-fixed-wrapper td, .table-head-fixed-wrapper th {
	border: 1px solid #dee2e6;
}


/* A bit more styling to make it look better */
/* .table-head-fixed-wrapper {
	background: CadetBlue;
} */
/* 
table{
  border-collapse: collapse;
  width: 100%;
}

th{
    background: #DDD;
}

td,th{
  padding: 10px;
  text-align: center;
} */


/*----- Table sortable °ü·Ã CSS ¼³Á¤ ------------------------------*/
.table-sortable > thead > tr > th {
	cursor: pointer;
	position: relative;
}
.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:after {
	content: ' ';
	position: absolute;
	height: 0;
	width: 0;
	right: 10px; /* (right padding / 2) - arrow width */
	top: 16px; /* ((padding * 2) + line height) - arrow height */
	/** As pointed out by Dave Everitt in
	 * https://css-tricks.com/snippets/css/css-triangle/
	 * The arrow is not an equilateral triangle.
	 * the height is 86.6% of the width.
	 * Notice the above code does not subract the border
	 * width exactly. It is subtracting
	 * (rounded) border width * 86.6%
	 **/
}

/* Default sortable indicator */
.table-sortable > thead > tr > th:after {
	/* border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
	border-bottom: 0px solid transparent; */
}
/* !Default */

/* Default sortable indicator:hover */
.table-sortable > thead > tr > th:hover:after {
	/* border-top: 5px solid #888; */
}
/* !Default:hover */

/* Ascending sortable indicator */
.table-sortable > thead > tr > th.asc:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 5px solid #333;
}
.table-sortable > thead > tr > th.asc:hover:after {
	border-bottom: 5px solid #888;
}
/* !Ascending */

/* Descending sortable indicator */
.table-sortable > thead > tr > th.desc:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
	border-bottom: 5px solid transparent;
}
/* !Descending */
/*--------------------------------------------------*/