@charset "UTF-8";

.preLoad {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, .5);
	z-index: 10;
}
.preLoad .spinner-border {
	align-self: center;
	border-width: 0.15rem;
}
.modal .preLoad {background:transparent;}
[data-bs-theme="dark"] .preLoad {background:#1a1d2188;}

/* Avatar Zone New */
#myAvatar {width:140px; height:140px;}
#myAvatar .profile-user {width:130px; height:130px; background-position:center; background-size:cover; background-repeat:no-repeat;}
#myAvatar,
#myAvatar .preLoad,
#myAvatar .profile-user {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }

.btnDo, button:disabled {position:relative;}
.btnDo .spinner-border,
button:disabled .spinner-border {
	width: 1rem;
	height: 1rem;
	border-width: .15rem;
	position: absolute;
	top: 50%;
	left: .6rem;
	margin-top: -.5rem;
}

#list {position:relative;}
#listjs thead th {position:relative;}
#listjs thead th.listjs-sorter {cursor:pointer; padding-right:1.5rem;}
#listjs thead th.listjs-sorter::after {
	right: .4rem !important;
}
.listjs-sorter::after {
	font-weight: normal;
	line-height: 1;
	content: "\21C5";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.listjs-sorter.asc::after {
	content: "\2191";
}
.listjs-sorter.desc::after {
	content: "\2193";
}

.num {font-family: monospace, 'Courier New', Courier;}
q.num {display:flex; gap:.25rem; justify-content:end; align-items:center; white-space:nowrap;}
q.num.jcs {justify-content:start;}
q.num.jcc {justify-content:center;}
q.num::after, q.num::before {content:none;}
q.num i {display:none;}
q.num s {font-size:.875em; color:#878a99;}
q.num b {font-size:1.12em;}
q.num>* {margin:0; padding:0;}