/**
 *	Author: JCloudYu
 *	Create: 2019/12/13
**/
.tmpl,.no-render { display:none!important; }


.table:not(.grid)  {}
	.table:not(.grid)  .table-header {}
	.table:not(.grid)  .table-body {}
		.table:not(.grid)  .table.row {}

	.table:not(.grid)  .table-header, .table:not(.grid)  .table-row { width:100%; display:flex; }
		.table:not(.grid) .column { display:flex; justify-content:center; align-items:center; min-height:3rem; }
		.table:not(.grid)  .table-row .column.column-expand { width:100%!important; text-align:center; }
			.table:not(.grid)  .column .column-content { width:100%; box-sizing:border-box; padding:0 1rem; }
				.table:not(.grid)  .column .column-content.content-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
			.table:not(.grid)  .column:last-child .column-content { padding-right:0; }
		
	.table:not(.grid)  .table-header { height:3rem; font-weight:bolder; }
	
	.table:not(.grid)  .table-row {
		width:100%; overflow:hidden; border-radius:10px;
		box-shadow:2px 2px 5px 0 #DDD; background:#FFF; margin-bottom:0.5rem;
	}
		.table:not(.grid)  .table-row:hover { background:#EEE; }







.table {}
	.table .col-list.head {}
	.table .body {}
		.table .col-list.row {}
		.table .col-list.row.expand {}
			.table .column {}

.table.grid {}
	.table.grid .head { font-weight:bolder; }
		.table.grid .head .column {height:3rem; display:flex; align-items:center;}
		.table.grid .row {
			overflow:hidden; border-radius:10px;
			box-shadow:2px 2px 5px 0 #DDD; background:#FFF; margin-bottom:0.5rem;
		}
		.table.grid .row:last-child { margin-bottom:0; }
			.table.grid .row .column { display:flex; padding:0.8rem 0; align-items:center; }
	
	.table.grid .col-list {position:relative; display:grid; grid-template-columns:repeat(3, 1fr); padding:0 1rem; column-gap:0.7rem;}
	.table.grid .col-list.expand { grid-template-columns:1fr!important; text-align:center; }
		.table.grid .col-list .column {}
		.table.grid .col-list .column.trim-text {white-space:nowrap; min-width:0; overflow:hidden; text-overflow:ellipsis;}





.comp-sel { position:relative; cursor:pointer; }
	.comp-sel:before {
		display:inline-flex; justify-content:center; align-items:center; content:'▼'; position:absolute; right:0; top:0;
		width:2.5rem; height:2.5rem; pointer-events:none;
	}
	.comp-sel select {
		font-size:1em; height:2.5rem; border:none; border-radius:1.7rem; color:#000; font-weight:bolder;
		padding:0 2.5rem 0 1.5rem; appearance:none; cursor:pointer;
	}
		.comp-sel { color:#FFF; }
		.comp-sel select { color:inherit; background:#E67E22; outline:none; }