#pageLoading {
	width:100%;
	height:100%;
	display:table;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.8);
	z-index:9999999;
	overflow:hidden;
}

#pageLoading p {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#pageLoading i {
	color:#ffffff;
	font-size:40px;
}

.resultMessage {
	margin:15px 0 0 0;
	display:none;
	position:relative;
	background:#378827;
	border-top:5px solid #5c9c29;
	color:#ffffff;
}

.resultMessage.visible {
	display:block;
}

.resultMessage.error {
	background:#ffa200;
	border-top:3px solid #c98206;
}

.resultMessage.info {
	background:#74bce0;
	border-top:3px solid #4c94b8;
}

.resultMessage div {
	padding:15px 20px 10px 80px !important;
	font-weight:500 !important;
	font-size:16px !important;
	color:#ffffff;
}

.resultMessage div .link, .resultMessage div a {
	text-decoration:underline;
	cursor:pointer;
	color:#ffffff;
}

.resultMessage div .link:hover, .resultMessage div a:hover {
	text-decoration:none;
}

.resultMessage div i {
	position:absolute !important;
	top:12px !important;
	left:18px !important;
	font-size:20px !important;
	color:#ffffff;
}

.resultMessage div ul li {
	padding:0 0 5px 0;
	font-size:16px;
	list-style:circle;
	color:#ffffff;
	font-weight:300;
}

.bMultiple {
	height:500px;
	position:relative;
	border:1px solid #2a2f34;
	border-radius:3px;
	background:#262A2F;
}

.bMultiple small {
	width:30px;
	height:30px;
	position:absolute;
	left:50%;
	top:250px;
	text-align:center;
}

.bMultiple small i {
	width:26px;
	height:26px;
	padding-top:4px;
	margin:-13px 0 0 -13px;
	display:block;
	border-radius:20px;
	background:#2a2f34;
	font-size:13px;
}

.bMultiple article {
	width:50%;
	height:100%;
	padding:55px 15px 15px 15px;
	float:left;
	position:relative;
	border-right:1px solid #2a2f34;
}

.bMultiple article.right {
	border:0px;
}

.bMultiple article div {
	height:100%;
	overflow-x:hidden;
	overlow-y:auto;
}

.bMultiple article strong {
	width:100%;
	padding:15px;
	margin:0px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	border-bottom:1px solid #2a2f34;
	font-size:17px;
	font-weight:normal;
}

.bMultiple article div b {
	padding:6px;
	display:block;
	margin:0 0 5px 0;
	cursor:pointer;
	font-weight:normal;
	color:#ffffff;
}

.bMultiple article div label {
	width:100% !important;
	padding:6px 15px;
	margin:0 0 5px 0;
	display:block;
	cursor:pointer;
}

.bMultiple article div label span {
	padding:0px;
	margin:0px;
	color:rgba(255,255,255,0.75);
	color:var(--main-color);
}

.bMultiple article.right div label span {
	color:rgba(255,255,255,0.4);
}

.bMultiple article div label:hover {
	background:rgba(0,0,0,0.1);
}

.bBoolean {
	width:40px;
	height:20px;
	border-radius:10px;
	padding:1px;
	display:inline-block;
	position:relative;
	border:1px solid rgba(255,255,255,0.3);
	cursor:pointer;
	text-align:left;
	transition:all 200ms;
}

.bBoolean.on {
	border:1px solid var(--main-color);
	background:var(--main-color);
}

.bBoolean:hover {
	border:1px solid rgba(255,255,255,0.5);
}

.bBoolean u {
	width:16px;
	height:16px;
	display:inline-block;
	border-radius:8px;
	background:rgba(255,255,255,0.3);
	transition:all 300ms;
}

.bBoolean.on u {
	background:rgba(255,255,255,0.7);
}

.bBoolean:hover u {
	background:rgba(255,255,255,0.5);
}

.bBoolean.on u {
	margin-left:20px;
}

.bBoolean i {
	position:absolute;
	top:-1px;
	left:45px;
	font-style:normal;
	white-space:nowrap;
}

.bLinkCont {
	min-width:575px;
	padding-top:28px;
	float:left;
}

.bUpload > h4 {
	margin:0 0 15px 0;
	font-size:15px;
	font-weight:normal;
	color:rgba(255,255,255,0.8);
}

.bUpload .card {
	position:relative;
	border:1px solid #2a2f34;
	border-radius:3px;
	overflow:hidden;
	background:#1A1D21;

}

.bUpload .card.uploader {
	display:flex;
	background:#262A2F;
}

.bUpload .card.cardBase {
	display:none !important;
}

.bUpload .card.uploader:focus, .bUpload .card.uploader:focus-visible {
	outline:none;
}

.bUpload .card.uploader:focus .uploader-inner, .bUpload .card.uploader:focus-within .uploader-inner {
	border-color: #ffffff;
	background: var(--main-color);
}

.bUpload .card input[type="text"], .bUpload .card textarea {
	width:100%;
}

.bUpload .uploader-inner {
	width:100%;
	height:90%;
	padding:50px 20px 85px 20px;
	display:flex;
	align-items:center;
	text-align:center;
	transition:all 300ms;
}

.phone .bUpload .uploader-inner {
	padding:0px 0px 40px 0px;
}

.phone .bUpload .uploader-inner div {
	display:none;
}

.bUpload .uploader-inner.is-global-drag {
	background:var(--main-color);
}

.bUpload .uploader-inner.dz-over {
	background:var(--main-color);
	opacity:0.4
}

.bUpload .card.uploader button {
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:4;
}

.bUpload .card .icon-cancel {
	width:22px;
	height:22px;
	padding:0px;
	display:block;
	position:absolute;
	top:6px;
	right:6px;
	border:none;
	background:#ff0000;
	border-radius:22px;
	line-height:15px;
	cursor:pointer;
	text-align:center;
	transition:all 300ms;
}

.bUpload .card .icon-cancel:hover {
	opacity:0.5;
}

.bLabels {
	position:relative;
}

.bLabels u {
	margin:0 0 15px 0;
	display:block;
	text-decoration:none;
}

.bLabels i {
	font-style:normal;
	cursor:pointer;
}

.bLabels i {
	background:var(--main-color);
	color:#ffffff;
	transition:all 300ms;
}

.bLabels u i {
	padding:5px;
	margin:5px 5px 0 0;
	display:block;
	float:left;
	border-radius:3px;
}

.bLabels strong i {
	width:22px;
	height:22px;
	padding:2px 0 0 0;
	display:block;
	position:absolute;
	top:38px;
	right:-28px;
	border-radius:20px;
	text-align:center;
}

.bLabels i:hover {
	opacity:0.7;
}

.bSelect {
	height:50px;
	position:relative;
}

.bSelect ul {
	width:100%;
	max-height:280px;
	padding-top:42px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	overflow:auto;
	border-radius:5px;
	z-index:99;
	background:rgba(0,0,0,0.8);
}

.bSelect ul li b {
	padding:5px 15px;
	display:block;
	border-bottom:1px solid rgba(0,0,0,0.5);
	font-size:16px;
	color:var(--main-color);
}

.bSelect ul li p {
	/*min-height:60px;*/
	padding:5px 15px;
	border-bottom:1px dashed rgba(0,0,0,0.5);
	line-height:25px;
	cursor:pointer;
}

.bSelect ul li p span {
	padding-left:10px;
	display:block;
}

.bSelect ul li p:hover, .bSelect ul li p.hover {
	background:rgba(255,255,255,0.1);
}

.bSelect ul li p img {
	margin:0 15px 0 0;
	float:left;
}

.bSelect input[type=text] {
	position:absolute;
	top:0px;
	left:0px;
	float:none;
	z-index:999;
}

.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:12px; margin-top:8px; }

.card .drag-handle { position:absolute; top:6px; left:6px; background:#00000099; color:#fff; font-size:.75rem; padding:2px 6px; border-radius:999px; cursor:grab; user-select:none; }

.thumb { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }

.meta { padding:10px; display:flex; flex-direction:column; gap:8px; }

.meta label { display:block; font-size:.8rem; color:#374151; margin-bottom:3px; }

.uploader-box {
      flex: 0 0 auto;
      display:flex; align-items:center; justify-content:center;
      width:100%; aspect-ratio:1/1;
      border-bottom:1px solid var(--border);
}

.uploader-actions { padding:10px; display:flex; flex-direction:column; gap:6px; }

.form-actions { margin-top:16px; display:flex; gap:10px; }

.btn { padding:10px 14px; border-radius:10px; border:1px solid #d1d5db; background:#fff; cursor:pointer; }

.btn.primary { background:var(--brand); color:#fff; border-color:var(--brand); }

.btn.primary:hover { filter:brightness(0.98); }

.error { color:#b91c1c; font-size:.95rem; margin-top:8px; }

.ui-sortable-placeholder { visibility:visible !important; background:var(--placeholder); border:2px dashed var(--brand-weak); border-radius:12px; }