/*css
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
// CssHidex v1.16 [ Commercial Version ]
// Copyright (c) phpkobo.com ( http://www.phpkobo.com/ )
// Email : admin@phpkobo.com
// ID : HDXCS-116
// URL : http://www.phpkobo.com/csshidex
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
/* dtable */
.dtable{
	font-family:"Verdana","Arial","Helvetica","serif";
}
.dtable-body{
	overflow-x:auto;
}
.dtable-table{
	border-collapse:collapse;
}
/* th/td */
.dtable-th,
.dtable-td{
	border:1px solid #ccc;
	vertical-align:middle;
}
/* colhead */
.dtable-colhead{
	padding:6px 10px;
	min-height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
}
/* val */
.dtable-val{
	padding:6px 10px;
	min-height:50px;
}
/* text align */
.dtable-center{
	text-align:center;
}
.dtable-left{
	text-align:left;
}
.dtable-right{
	text-align:right;
}
.dtable-val svg.sicon{
	width:22px;
	height:22px;
}
/* sort */
.dtable-sort{
	width:16px;
	height:16px;
	cursor: pointer;
	color:#ccc;
	user-select:none;
}
.dtable-sort:hover{
	color:#777;
}
.dtable-sort.dtable-sort-selected{
	color:black;
}
.dtable-sort svg.sicon{
	pointer-events:none;
	width:16px;
	height:16px;
}
/* coltitle */
.dtable-sort+.dtable-coltitle{
	margin-left:10px;
}
/* rows */
.dtable-tr:nth-child(even){
	background-color:#eee;
}
.dtable-tr:nth-child(odd){
	background-color:#fff;
}
.dtable-tr:hover{
	background-color:#ddd;
}
.dtable-thead .dtable-tr{
	background-color:#fff;
}
.dtable-tr.dtable-tr-select{
	background-color:#b2d7fe;
}
/* recbtnset */
.dtable-recbtnset{
	margin:5px 10px;
	display:flex;
	align-items:center;
	user-select:none;
	font-size:20px;
}
/* recbtn */
.dtable-recbtn{
	position:relative;
	width:30px;
	height:30px;
	font-size:18px;
	color:#333;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:5px;
	cursor:pointer;
	margin-right:10px;
}
.dtable-recbtn:last-child{
	margin-right:0;
}
.dtable-recbtn:hover{
	background-color:#fff;
}
.dtable-recbtn:active{
	background-color:#bbb;
}
.dtable-recbtn *{
	pointer-events:none;
}
.dtable-recbtn svg.sicon{
	width:22px;
	height:22px;
}
/* selrec/selall */
.dtable-selall,
.dtable-selrec{
	margin:0;
	width:1.4em;
	height:1.4em;
	cursor:pointer;
}
.dtable-selrec{
	margin-right:10px;
}
.dtable-selall::before,
.dtable-selrec::before{
	width:1.4em;
	height:1.4em;
}
.dtable-selall::after,
.dtable-selrec::after{
	width:0.8em;
	height:0.8em;
}
.dtable-selall,
.dtable-selrec{
	appearance:none;
	visibility:hidden;
	position:relative;
	top:0;
	margin:0;
	margin-right:14px;
	font:inherit;
	cursor:pointer;
}
.dtable-selall::before,
.dtable-selrec::before{
	box-sizing:border-box;
	visibility:visible;
	display:block;
	position:absolute;
	top:0;
	left:0;
	content:"";
	font:inherit;
	border:1px solid #888;
	border-radius:0.15em;
	background:#fff;
}
.dtable-selall:checked::before,
.dtable-selrec:checked::before{
	border-color:#3a7ab7;
	background:#3a7ab7;
}
.dtable-selall::after,
.dtable-selrec::after{
	box-sizing:border-box;
	visibility:visible;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:"";
	font:inherit;
	background:#fff;
	clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
/* footer */
.dtable-footer{
	font-size:16px;
	display:flex;
	flex-wrap:wrap;
	align-items:left;
}
/* footer-item */
.dtable-footer-item{
	margin-right:20px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.dtable-footer-item:last-child{
	margin-right:0;
}
/* navi */
.dtable-navi{
	width:130px;
	justify-content:space-between;
	user-select:none;
}
.dtable-navi-btn{
	position:relative;
	width:30px;
	height:30px;
	font-size:20px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#ccc;
}
.dtable-navi-btn-enabled{
	color:#333;
	cursor:pointer;
}
.dtable-navi-btn-enabled:hover{
	background-color:#ddd;
}
.dtable-navi-first::before{
	content:"«";
}
.dtable-navi-prev::before{
	content:"‹";
}
.dtable-navi-next::before{
	content:"›";
}
.dtable-navi-last::before{
	content:"»";
}
/* pagesize */
.dtable-pagesize{
}
.dtable-pagesize-label{
	text-align:center;
	margin-right:5px;
}
.dtable-pagesize-select{
	position:relative;
	top:1px;
	margin-left:3px;
	font-size:16px;
}
/* recpos */
.dtable-recpos{
}
.dtable-recidxs,
.dtable-recidxe,
.dtable-rectotal{
	margin:0 0.5em;
}