.sort_wrap{
	margin-top: 30px;
	border-top: 1px solid #CCC;
	padding-top: 20px;
}

@media (max-width: 840px) {
	.sort_wrap{
		overflow-x: auto;
	}
}

#wrap #detail #page .inner #sort table th {
    position: sticky;
    top:0;
    left: 0;
    z-index: 1;
}

#wrap #detail #page .inner #sort table th,
#wrap #detail #page .inner #sort table td{
	font-size: 0.8rem;
}

#wrap #detail #page .inner #sort table tr td:nth-child(1),
#wrap #detail #page .inner #sort table tr td:nth-child(4){
	white-space: nowrap;
}

#wrap #detail #page .inner #sort table tr td:nth-child(5) ul{
	margin: 0;
}

#wrap #detail #page .inner #sort table tr td:nth-child(5) ul li{
	list-style: none;
	margin-bottom: 3px;
	text-align: center;
}

#wrap #detail #page .inner #sort table tr td:nth-child(5) ul li a{
	display: inline-block;
	text-decoration: none;
	background-color: #333;
	color: #FFF;
	padding: 3px 10px;
	border-radius: 30px;
	min-width: 5em;
	text-align: center;
	transition: 0.3s;
}

#wrap #detail #page .inner #sort table tr td:nth-child(5) ul li a:hover{
	background-color: rgba(221,48,0,1.00);
}

#wrap #detail #page .inner #sort table p{
	margin: 0;
}

/* PAGING */

.pagination {
	text-align: center;
}

.pagination ul{
	display: flex;
}

.pagination li {
	list-style-type: none ;
	margin: 0 4px;
}

.pagination li a {
    cursor: pointer ;
	background-color: #EEE;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 1px solid #DDD;
	border-radius: 30px;
}

.pagination li.active a {
	cursor: default ;
	color: gray ;
	background: none;
}

/* SORT HEADER */

.sorting {
	cursor: pointer ;
	background-image: url("images/sort_both.png")  !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.sorting-desc {
	background-image: url("images/sort_desc.png")  !important;
   background-repeat: no-repeat !important;
    background-position: center right !important;

}

.sorting-asc {
	background-image: url("images/sort_asc.png")  !important;
   background-repeat: no-repeat !important;
    background-position: center right !important;

}

/* AJAX LOAD BAR */

.datatable-load-bar {
	width: 100% ;
	margin: 8px 0 ;
}

.datatable-load-bar {
	border: 1px solid gray ;
	height: 10px ;
}

.datatable-load-bar  .bar {
	height: 10px ;
	background-color: #AEF ;
}

#wrap #detail #page #sort table{
	width: 100% !important;
}


#wrap #detail #page #sort table th{
	white-space: nowrap;
	padding: 12px 14px 12px 8px;
	background-color: #6C6C4D;
	color: #FFF;
	border-bottom: 0;
}

#wrap #detail #page #sort table select{
	padding: 4px 5px;
	width: calc(100% - 10px);
	border: 2px solid rgba(255,134,0,1.00);
	border-radius: 4px;
}

#wrap #detail #page #sort table input{
	padding: 5px;
	width: calc(100% - 15px);
	min-width: 180px;
	border: 2px solid rgba(255,134,0,1.00);
	border-radius: 4px;
}

.sort_item{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#wrap #detail #page table .datatable-filter-line td{
	background-color: #6C6C4D;
	border-top: 0 !important;
}