/* bootstrap5.css */
/*


*** Defaults ***
Body font size = 14px
Header height = 50px
Footer height = 50px


*** Media Queries ***
@media (max-width: 575.98px)							{xs}
@media (min-width: 576px) and (max-width: 767.98px)		{sm}
@media (min-width: 768px) and (max-width: 991.98px)		{md}
@media (min-width: 992px) and (max-width: 1199.98px)	{lg}
@media (min-width: 1200px) and (max-width: 1399.98px)	{xl}
@media (min-width: 1400px)								{}


*** Tracking pixel ***
@media print											{background-image: url(https://dleserver/transparent.png); width: 1px !important; height: 1px !important}


*/



/**************************************************************************************/
/* MASTER CSS */
/**************************************************************************************/
:root {

	/* Font */
	--dle-font-size:								14px;
	--dle-font-sans-serif:							system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--dle-font-monospace:							SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--dle-font-family:								var(--dle-font-sans-serif);

	/* Layout */
	--dle-content-top:								1rem;
	--dle-content-bottom:							1rem;

	/* Text */
	--dle-text-color:								#212529;
	--dle-text-color-secondary:						var(--dle-secondary-bg);
	--dle-text-color-secondary-subtle:				#aaa;
	--dle-text-bg: white;
	--dle-text-bg-secondary:						var(--dle-secondary-bg);
	--dle-text-bg-secondary-subtle:					#f8f8f8;

	/* Header + Footer */
	--dle-header-height:							50px;
	--dle-footer-height:							50px;
	--dle-footer-border-top:						4px solid #fafafa;

	--dle-border-width:								1px;
	--dle-border-style:								solid;
	--dle-border-radius:							8px;
	--dle-box-shadow-radius:						0.25rem;
	--dle-nav-link-color:							#333;
	--dle-nav-link-active-color:					#2470dc;
	--dle-padding-x:								0.75rem;
	--dle-padding-y:								0.375rem;
	--dle-padding:									var(--dle-padding-y) var(--dle-padding-x) var(--dle-padding-y) var(--dle-padding-x);
	--dle-control-min-height:						calc(1rem * var(--bs-body-line-height) + var(--dle-padding-y) + var(--dle-padding-y));

	/* State > Color */
	--dle-disabled-color:							#212529;
	--dle-hover-color:								#0a58ca;
	--dle-readonly-color:							var(--dle-text-color);
	--dle-selected-color:							#000;

	/* State > Background */
	--dle-active-bg:								#bfe3ff;
	--dle-disabled-bg:								var(--bs-gray-100);
	--dle-hover-bg:									#f8f8f8;
	--dle-invalid-bg:								var(--dle-text-bg);
	--dle-readonly-bg:								var(--dle-text-bg);
	--dle-required-bg:								#fff;
	--dle-selected-bg:								#bfe3ff;

	/* State > Border Color */
	--dle-disabled-border-color:					var(--dle-disabled-bg);
	--dle-focus-border-color:						#bfe3ff;
	--dle-hover-border-color:						var(--dle-default-border-color);
	--dle-invalid-border-color:						var(--dle-danger-bg);
	--dle-readonly-border-color:					var(--dle-text-bg);
	--dle-required-border-color:					#ffcd00;

	/* State > Border */
	--dle-invalid-border:							var(--dle-border-width) var(--dle-border-style) var(--dle-invalid-border-color);
	--dle-required-border:							var(--dle-border-width) var(--dle-border-style) var(--dle-required-border-color);
	--dle-invisible-border:							var(--dle-border-width) var(--dle-border-style) var(--dle-text-bg);

	/* State > Box Shadow */
	--dle-focus-box-shadow:							0 0 0 var(--dle-box-shadow-radius) rgba(013,110,253,0.25);

	/* State > Opacity */
	--dle-disabled-opacity:							1;
	--dle-readonly-opacity:							1;

	/* Theme > Border Color */
	--dle-default-border-color: 					#dee2e6;
	--dle-primary-border-color:						var(--dle-primary-bg);
	--dle-secondary-border-color:					var(--dle-secondary-bg);
	--dle-success-border-color:						var(--dle-success-bg);
	--dle-info-border-color:						var(--dle-info-bg);
	--dle-warning-border-color:						var(--dle-warning-bg);
	--dle-danger-border-color:						var(--dle-danger-bg);
	--dle-link-border-color:						transparent;
	--dle-light-border-color: 						#eeeeee;

	/* Theme > Border */
	--dle-default-border:							var(--dle-border-width) var(--dle-border-style) var(--dle-default-border-color);
	--dle-light-border:								var(--dle-border-width) var(--dle-border-style) var(--dle-light-border-color);

	/* State > Outline */
	--dle-focus-outline: none;
	--dle-hover-outline: none;

	/* Theme > Color */
	--dle-default-color:							#0d6efd;
	--dle-primary-color:							white;
	--dle-secondary-color:							white;
	--dle-secondary-subtle-color:					white;
	--dle-success-color:							white;
	--dle-info-color:								white;
	--dle-warning-color:							white;
	--dle-danger-color:								white;
	--dle-link-color:								#0a58ca;
	--dle-light-color:								var(--dle-text-color);
	--dle-dark-color:								white;
	--dle-superuser-color:							#fc55ff;

	/* Theme > Background */
	--dle-default-bg:								white;
	--dle-primary-bg:								#0d6efd;
	--dle-secondary-bg:								#6c757d;
	--dle-success-bg:								#198754;
	--dle-info-bg:									#0dcaf0;
	--dle-warning-bg:								#ffc107;
	--dle-danger-bg:								#dc3545;
	--dle-link-bg:									transparent;
	--dle-light-bg:									#f8f9fa;
	--dle-dark-bg:									#212529;
	--dle-superuser-bg:								white !important;
	--dle-primary-subtle-bg:						#cfe2ff;
	--dle-secondary-subtle-bg:						#e2e3e5;
	--dle-success-subtle-bg:						#d1e7dd;
	--dle-info-subtle-bg:							#cff4fc;
	--dle-warning-subtle-bg:						#fff3cd;
	--dle-danger-subtle-bg:							#f8d7da;
	--dle-light-subtle-bg:							#fcfcfd;
	--dle-dark-subtle-bg:							#ced4da;

	/* Theme > Background RGB */
	--dle-primary-bg-rgb:							013,110,253;
	--dle-secondary-bg-rgb:							108,117,125;
	--dle-success-bg-rgb:							025,135,084;
	--dle-info-bg-rgb:								013,202,240;
	--dle-warning-bg-rgb:							255,193,007;
	--dle-danger-bg-rgb:							220,053,069;
	--dle-light-bg-rgb:								248,249,250;
	--dle-dark-bg-rgb:								033,037,041;

	--dle-default-active-color:						var(--dle-default-color);
	--dle-primary-active-color:						var(--dle-primary-color);
	--dle-secondary-active-color:					var(--dle-secondary-color);
	--dle-success-active-color:						var(--dle-success-color);
	--dle-info-active-color:						var(--dle-info-color);
	--dle-warning-active-color:						var(--dle-info-color);
	--dle-danger-active-color:						var(--dle-danger-color);
	--dle-link-active-color:						var(--dle-link-color);

	--dle-default-active-bg:						var(--dle-default-bg);
	--dle-primary-active-bg:						var(--dle-primary-bg);
	--dle-secondary-active-bg:						var(--dle-secondary-bg);
	--dle-success-active-bg:						var(--dle-success-bg);
	--dle-info-active-bg:							var(--dle-info-bg);
	--dle-warning-active-bg:						var(--dle-warning-bg);
	--dle-danger-active-bg:							var(--dle-danger-bg);
	--dle-link-active-bg:							transparent;

	--dle-default-active-border-color:				var(--dle-default-border-color);
	--dle-primary-active-border-color:				var(--dle-primary-border-color);
	--dle-secondary-active-border-color:			var(--dle-secondary-border-color);
	--dle-success-active-border-color:				var(--dle-success-border-color);
	--dle-info-active-border-color:					var(--dle-info-border-color);
	--dle-warning-active-border-color:				var(--dle-warning-border-color);
	--dle-danger-active-border-color:				var(--dle-danger-border-color);
	--dle-link-active-border-color:					transparent;

	--dle-default-focus-color:						var(--dle-default-color);
	--dle-primary-focus-color:						var(--dle-primary-color);
	--dle-secondary-focus-color:					var(--dle-secondary-color);
	--dle-success-focus-color:						var(--dle-success-color);
	--dle-info-focus-color:							var(--dle-info-color);
	--dle-warning-focus-color:						var(--dle-warning-color);
	--dle-danger-focus-color:						var(--dle-danger-color);
	--dle-link-focus-color:							var(--dle-link-color);

	--dle-default-focus-bg:							var(--dle-default-bg);
	--dle-primary-focus-bg:							var(--dle-primary-bg);
	--dle-secondary-focus-bg:						var(--dle-secondary-bg);
	--dle-success-focus-bg:							var(--dle-success-bg);
	--dle-info-focus-bg:							var(--dle-info-bg);
	--dle-warning-focus-bg:							var(--dle-warning-bg);
	--dle-danger-focus-bg:							var(--dle-danger-bg);
	--dle-link-focus-bg:							transparent;

	--dle-default-focus-border-color:				var(--dle-default-border-color);
	--dle-primary-focus-border-color:				var(--dle-primary-border-color);
	--dle-secondary-focus-border-color:				var(--dle-secondary-border-color);
	--dle-success-focus-border-color:				var(--dle-success-border-color);
	--dle-info-focus-border-color:					var(--dle-info-border-color);
	--dle-warning-focus-border-color:				var(--dle-warning-border-color);
	--dle-danger-focus-border-color:				var(--dle-danger-border-color);
	--dle-link-focus-border-color:					transparent;

	--dle-default-hover-color:						var(--dle-default-color);
	--dle-primary-hover-color:						var(--dle-primary-color);
	--dle-secondary-hover-color:					var(--dle-secondary-color);
	--dle-success-hover-color:						var(--dle-success-color);
	--dle-info-hover-color:							var(--dle-info-color);
	--dle-warning-hover-color:						var(--dle-warning-color);
	--dle-danger-hover-color:						var(--dle-danger-color);
	--dle-link-hover-color:							var(--dle-link-color);

	--dle-default-hover-bg:							#f8f8f8;
	--dle-primary-hover-bg:							var(--dle-primary-bg);
	--dle-secondary-hover-bg:						var(--dle-secondary-bg);
	--dle-success-hover-bg:							var(--dle-success-bg);
	--dle-info-hover-bg:							var(--dle-info-bg);
	--dle-warning-hover-bg:							var(--dle-warning-bg);
	--dle-danger-hover-bg:							var(--dle-danger-bg);
	--dle-link-hover-bg: 							rgba(0, 0, 0, 0.05);

	--dle-default-hover-border-color:				var(--dle-default-border-color);
	--dle-primary-hover-border-color:				var(--dle-primary-border-color);
	--dle-secondary-hover-border-color:				var(--dle-secondary-border-color);
	--dle-success-hover-border-color:				var(--dle-success-border-color);
	--dle-info-hover-border-color:					var(--dle-info-border-color);
	--dle-warning-hover-border-color:				var(--dle-warning-border-color);
	--dle-danger-hover-border-color:				var(--dle-danger-border-color);
	--dle-link-hover-border-color:					transparent;

	--dle-default-active-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-default-bg);
	--dle-primary-active-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-primary-subtle-bg);
	--dle-secondary-active-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-secondary-subtle-bg);
	--dle-success-active-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-success-subtle-bg);
	--dle-info-active-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-info-subtle-bg);
	--dle-warning-active-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-warning-subtle-bg);
	--dle-danger-active-shadow:						0 0 0 var(--dle-box-shadow-radius) var(--dle-danger-subtle-bg);

	--dle-default-focus-box-shadow:					0 0 0 var(--dle-box-shadow-radius) #dee2e6;
	--dle-primary-focus-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-primary-subtle-bg);
	--dle-secondary-focus-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-secondary-subtle-bg);
	--dle-success-focus-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-success-subtle-bg);
	--dle-info-focus-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-info-subtle-bg);
	--dle-warning-focus-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-warning-subtle-bg);
	--dle-danger-focus-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-danger-subtle-bg);

	--dle-default-hover-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-default-border-color);
	--dle-primary-hover-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-primary-subtle-bg);
	--dle-secondary-hover-box-shadow:				0 0 0 var(--dle-box-shadow-radius) var(--dle-secondary-subtle-bg);
	--dle-success-hover-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-success-subtle-bg);
	--dle-info-hover-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-info-subtle-bg);
	--dle-warning-hover-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-warning-subtle-bg);
	--dle-danger-hover-box-shadow:					0 0 0 var(--dle-box-shadow-radius) var(--dle-danger-subtle-bg);

	/* jqGrid */
	--dle-grid-title-font-size:						3rem;
	--dle-grid-header-color:						var(--dle-text-color);
	--dle-grid-header-bg:							var(--dle-text-bg);
	--dle-grid-header-font-size:					1.1rem;
	--dle-grid-header-padding-y:					0.5rem;
	--dle-grid-body-bg:								var(--dle-text-bg);
	--dle-grid-row-selected-bg:						var(--dle-selected-bg);
	--dle-grid-footer-color:						var(--dle-grid-header-color);
	--dle-grid-footer-bg:							var(--dle-grid-header-bg);
}



/**************************************************************************************/
/* BOOTSTRAP DEFAULTS */
/**************************************************************************************/
:root {
	--bs-body-font-size: var(--dle-font-size);
	--bs-body-color: var(--dle-text-color);
	--bs-body-bg: var(--dle-text-bg);
	--bs-font-sans-serif: var(--dle-font-sans-serif);
    --bs-font-monospace: var(--dle-font-monospace);
    --bs-body-font-family: var(--dle-font-family);
 
	--bs-primary: var(--dle-primary-bg);
	--bs-secondary: var(--dle-secondary-bg);
	--bs-success: var(--dle-success-bg);
	--bs-info: var(--dle-info-bg);
	--bs-warning: var(--dle-warning-bg);
	--bs-danger: var(--dle-danger-bg);

	--bs-primary-rgb: var(--dle-primary-bg-rgb);
	--bs-secondary-rgb: var(--dle-secondary-bg-rgb);
	--bs-success-rgb: var(--dle-success-bg-rgb);
	--bs-info-rgb: var(--dle-info-bg-rgb);
	--bs-warning-rgb: var(--dle-warning-bg-rgb);
	--bs-danger-rgb: var(--dle-danger-bg-rgb);

	--bs-primary-bg-subtle: var(--dle-primary-subtle-bg);
	--bs-secondary-bg-subtle: var(--dle-secondary-subtle-bg);
	--bs-success-bg-subtle: var(--dle-success-subtle-bg);
	--bs-info-bg-subtle: var(--dle-info-subtle-bg);
	--bs-warning-bg-subtle: var(--dle-warning-subtle-bg);
	--bs-danger-bg-subtle: var(--dle-danger-subtle-bg);

	--bs-link-color: var(--dle-primary-bg);
	--bs-link-hover-color: var(--dle-hover-color);
	--bs-border-width: var(--dle-borer-width);
	--bs-border-style: var(--dle-border-style);
	--bs-border-color: var(--dle-default-border-color);
	--bs-border-radius: var(--dle-border-radius);
	--bs-border-radius-active: var(--dle-border-radius);
	--bs-border-radius-focus: var(--dle-border-radius);
	--bs-border-width: var(--dle-border-width);

	--bs-form-invalid-color: var(--dle-invalid-bg);
	--bs-form-invalid-border-color: var(--dle-danger-bg);
	--bs-nav-link-padding-x: var(--dle-padding-x);
	--bs-nav-link-padding-y: var(--dle-padding-y);
}



/**************************************************************************************/
/* DEFAULTS */
/**************************************************************************************/
html												{font-size: var(--dle-font-size)}
body.vfxwps-footer									{margin-bottom: var(--dle-footer-height)}

/* HR */
hr													{margin: 1rem 0 1rem 0}

/* Input Autofill for Chrome */
input:is(:-webkit-autofill, :autofill)				{background-color: white !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	transition: none;
}

/* Input Number for Firefox */
input[type='number']								{-moz-appearance: textfield}

/* Input buttons up/down */
input::-webkit-inner-spin-button					{display: none; -webkit-appearance: none}
input::-webkit-outer-spin-button					{display: none; -webkit-appearance: none}
input::-webkit-clear-button							{display: none}

/* Invalid */
input.needs-validation:invalid:not([type='checkbox']):not([type='radio']),
input[required]:invalid:not([type='checkbox']):not([type='radio']),
select[required]:invalid							{border: var(--dle-invalid-border); background-color: var(--dle-invalid-bg)}

/* Readonly */
input[readonly]:not(.dle-dropzone-input),
select[readonly]									{color: var(--dle-readonly-color); background-color: var(--dle-readonly-bg); border-color: var(--dle-readonly-border-color); opacity: var(--dle-readonly-opacity); text-overflow: ellipsis}
.form-floating > input[readonly]:not(.dle-dropzone-input),
.form-floating > select[readonly]					{background-color: var(--dle-readonly-bg); border-color: var(--dle-readonly-bg)}
select[readonly]									{pointer-events: none}
.form-select[readonly]								{background-image: none}

/* PDF */
embed[type='application/pdf']:not([width])			{width: 100%}
object[type='application/pdf']:not([width])			{width: 100%}

/* Pre */
pre													{font-size: 1rem}



/**************************************************************************************/
/* PAGE OBJECTS */
/**************************************************************************************/

/* Login */
#vfxwps-login										{margin-top: 5rem}
#vfxwps-login-belowForm								{margin-top: 10px}
#vfxwps-login-username								{border: var(--dle-default-border)}
#vfxwps-login-password								{border: var(--dle-default-border)}
.form-signin										{width: 330px; padding: 15px; margin: 0 auto}
.form-signin .form-signin-heading,
.form-signin .checkbox								{margin-bottom: 10px}
.form-signin .form-control:focus					{z-index: 2}

/* Content */
#vfxwps-content-container							{padding-top: var(--dle-content-top); padding-bottom: var(--dle-content-bottom)}
#content											{width: 100%}

/* Footer */
#vfxwps-footer										{width: 100%}
#vfxwps-footer-content								{position: fixed; bottom: 0; width: 100%; height: 50px; background-color: var(--dle-text-bg); border-top: var(--dle-footer-border-top)}

/* Light Theme */
.bg-light											{background-color: var(--dle-text-bg) !important}

/* Logo */
#vfxwps-navbar-top-logo-container					{display: inline-block; margin-right: 3rem}
#vfxwps-navbar-top-logo-image,
.vfxwps-navbar-top-logo-image						{max-height: var(--dle-header-height); padding: 5px}
#vfxwps-navbar-top-text-container					{display: inline-block}
#vfxwps-navbar-top-text2-container					{display: inline-block}

/* Navbar Top */
#vfxwps-navbar-top .navbar-nav						{height: var(--dle-header-height)}
#vfxwps-navbar-top .navbar-nav .nav-item			{padding-top: 5px; background: var(--dle-text-bg)}
/* Navbar Top Mobile */
@media (max-width: 767.98px) {
	#vfxwps-navbar-top				 				{width: 100%; border-bottom: var(--dle-default-border)}
	#vfxwps-navbar-top .nav-item					{width: 100%; display: block}
	#vfxwps-navbar-top .nav-item > .nav-link		{width: 100%; display: block; text-align: left}
}
/* Navbar Top Desktop */
@media (min-width: 768px) {
	#vfxwps-navbar-top								{height: var(--dle-header-height); font-size: 1.5rem}
	#vfxwps-navbar-top .nav-item					{min-height: calc(var(--dle-header-height) - 2px)}
	#vfxwps-navbar-top > .nav-item > .nav-link		{padding-top: 8px; margin-left: 1.5rem; margin-right: 1.5rem; min-height: calc(var(--dle-header-height) - 2px); text-align: center !important}
	#vfxwps-navbar-top > .nav-item .dropdown-menu 	{min-width: 360px; max-height: 80vh; overflow-y: auto; padding: 0.5rem}
	#vfxwps-navbar-top > .nav-item .dropdown-menu .nav-item					{font-size: 1.5rem}
	#vfxwps-navbar-top > .nav-item .dropdown-menu .nav-item > .nav-link		{text-align: left !important; margin-top: 0.5rem; margin-bottom: 0.5rem; ; min-height: calc(var(--dle-header-height) - 2px)}
	#vfxwps-navbar-top > .nav-item .dropdown-menu .nav-item > .nav-link > .fa-solid + .label,
	#vfxwps-navbar-top > .nav-item .dropdown-menu .nav-item > .nav-link > .fa-regular + .label,
	#vfxwps-navbar-top > .nav-item .dropdown-menu .nav-item > .nav-link > .fa-brands + .label				{margin-left: 1rem}
}

/* Navbar Left */
/* sm */
@media (max-width: 767.98px) {
	#vfxwps-sidebar									{top: 5rem}
}
/* sm + md */
@media (max-width: 991.98px) {
	#vfxwps-navbar-left	.dropdown-menu				{padding: 0.25rem !important}
}
/* lg */
@media (min-width: 992px) {
	#vfxwps-navbar-left	.dropdown-menu				{padding: 1rem !important}
}
#vfxwps-sidebar										{position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; padding: 50px 0 0; background-color: var(--dle-text-bg) !important}
#vfxwps-sidebar .btn > .fa-solid					{margin-right: 0.5rem}
#vfxwps-sidebar > .sidebar-sticky					{height: calc(100vh - var(--dle-header-height) - var(--dle-footer-height)); overflow-x: hidden; overflow-y: auto;}
#vfxwps-navbar-left .nav-link						{color: var(--dle-nav-link-color); text-align: left; font-weight: 500; word-wrap: break-word !important; word-break: break-word !important}
#vfxwps-navbar-left .nav-link:active				{color: var(--dle-nav-link-active-color)}
#vfxwps-navbar-left .nav-link > i					{float: left}



/**************************************************************************************/
/* BOOTSTRAP ATTRIBUTES */
/**************************************************************************************/

/* Background */
.bg-gray-subtle										{background-color: #e2e3e5 !important}
.bg-gold											{background-color: #ffbf00}
.bg-gold-subtle										{background-color: #ffeadf}
.bg-orange-subtle									{background-color: #ffeadf}
.bg-purple-subtle									{background-color: #d6d6ff}
.bg-primary-gradient								{background-image: linear-gradient(90deg, var(--dle-primary-bg), var(--dle-primary-color))}

/* Border */
.border-none,
table.border-none > thead > tr > td,
table.border-none > thead > tr > th,
table.border-none > tbody > tr > td,
table.border-none > tbody > tr > th,
table.border-none > tfoot > tr > td,
table.border-none > tfoot > tr > th					{border: none !important}
.border-primary										{border-color: var(--dle-primary-bg) !important}
.border-secondary									{border-color: var(--dle-secondary-bg) !important}
.border-success										{border-color: var(--dle-success-bg) !important}
.border-info										{border-color: var(--dle-info-bg) !important}
.border-warning										{border-color: var(--dle-warning-bg) !important}
.border-danger										{border-color: var(--dle-danger-bg) !important}

/* Disabled > Control */
a[disabled]											{color: var(--dle-disabled-color); background-color: var(--dle-disabled-bg) !important; border-color: var(--dle-disabled-border-color) !important; opacity: var(--dle-disabled-opacity) !important; pointer-events: none}
input[disabled]:not([type='button']),
select[disabled],
.form-control:disabled,
.form-select:disabled,
.ui-state-disabled									{color: var(--dle-disabled-color); background-color: var(--dle-disabled-bg) !important; border-color: var(--dle-disabled-border-color) !important; opacity: var(--dle-disabled-opacity) !important}
.disabled											{color: var(--dle-disabled-color) !important}
.disabled.alert,
.disabled.badge,
.disabled.card-header,
.disabled.icon,
.disabled.step:before								{color: var(--dle-disabled-color) !important; background-color: var(--dle-disabled-bg) !important}
.disabled.fa,
.disabled.nav-link									{color: #ddd !important}

/* Disabled > Navitem */
.nav-tabs > .nav-item.disabled						{color: var(--dle-disabled-color) !important; opacity: var(--dle-disabled-opacity) !important}

/* Display */
.d-invisible										{visibility: hidden}

/* Flex */
.flex-grow-1										{flex-grow: 1 !important}
.flex-grow-2										{flex-grow: 2 !important}
.flex-grow-3										{flex-grow: 3 !important}
.flex-grow-4										{flex-grow: 4 !important}
.flex-grow-5										{flex-grow: 5 !important}
.flex-grow-6										{flex-grow: 6 !important}
.flex-grow-7										{flex-grow: 7 !important}
.flex-grow-8										{flex-grow: 8 !important}
.flex-grow-9										{flex-grow: 9 !important}
.flex-grow-10										{flex-grow: 10 !important}
.flex-grow-11										{flex-grow: 11 !important}
.flex-grow-12										{flex-grow: 12 !important}

/* Focus */
.focus												{border-color: var(--dle-focus-border-color) !important; outline: var(--dle-focus-outline); box-shadow: var(--dle-focus-box-shadow) !important; border-radius: var(--dle-border-radius)}

/* Font Size */
.fs-normal											{font-size: 1.0rem}
.fs-4.form-select									{height: unset}
.fs-7												{font-size: 0.9rem}
.fs-8												{font-size: 0.8rem}
.fs-9												{font-size: 0.7rem}

/* Height */
ul.h-default										{overflow-y: auto}
h-default-1											{height: 10rem}
h-default-2											{height: 15rem}
h-default-3, .h-default								{height: 20rem}
h-default-4											{height: 25rem}
h-default-5											{height: 30rem}
.alert.h-default									{overflow-y: auto}
.card.h-default										{height: unset}
.card.h-default .card-header						{overflow-y: hidden; min-height: 50px}
.card.h-default .card-body							{height: 20rem; overflow-y: auto}
.card.h-default .card-footer						{overflow-y: auto; min-height: 50px; border-top: 1px solid var(--dle-default-border-color)}
.h-space, .h-spacer									{margin-top: 10rem}
.h-space-y											{margin-top: 10rem}

/* Hidden */
.hidden,
.hide-always,
.dle-input-hidden,
.dle-input-hidden + .icon-search,
.dle-input-hidden + input + .icon-search			{display: none !important}

/* Hover */
.hover												{outline: var(--dle-hover-outline)}
.hover-primary:hover								{box-shadow: var(--dle-primary-focus-box-shadow) !important}
.hover-secondary:hover								{box-shadow: var(--dle-secondary-focus-box-shadow) !important}
.row.hover:hover,
.col.hover:hover									{background-color: var(--dle-default-hover-bg)}
#vfxwps-navbar-top .nav-link:hover,
#vfxwps-sidebar .nav-link:hover						{color: var(--dle-default-hover-color); background-color: var(--dle-default-hover-bg); text-align: left}

/* Rounded */
.rounded-button.btn									{border-radius: 2rem !important; width: 3rem}

/* Selected */
.selected											{background-color: var(--dle-selected-bg)}

/* Width */
.w-sm												{width: 576px}
.w-md												{width: 768px}
.w-lg												{width: 992px}
.w-xl												{width: 1200px}



/**************************************************************************************/
/* BOOTSTRAP OBJECTS */
/**************************************************************************************/

/* Accordion */
.accordion {
	--bs-accordion-color:							var(--dle-text-color);
	--bs-accordion-bg:								var(--dle-text-bg);
}
.accordion-button {
	--bs-accordion-btn-bg:							var(--dle-text-bg);
	--bs-accordion-active-color:					var(--dle-text-color);
	--bs-accordion-active-bg:						#dee2e6;
}
.accordion-button:hover {
	color:											var(--dle-hover-color) /* #FIX */
}
.accordion-default > .accordion-item {
	border: none;
}
.accordion-default > .accordion-item > .accordion-header > .accordion-button {
	box-shadow: none;
	color:											var(--dle-link-color);
	background-color:								var(--dle-text-bg);
}
.accordion-default > .accordion-item > .accordion-header > .accordion-button:hover {
	background:										var(--dle-link-hover-bg) !important;
}
.accordion-default > .accordion-item > .accordion-collapse {
	border:											var(--dle-default-border);
	border-radius:									var(--dle-border-radius);
}

/* Alert */
.alert												{--bs-alert-border: var(--dle-default-border); --bs-alert-border-color: var(--dle-default-border-color); --bs-alert-margin-bottom: 0}
.alert-default										{--bs-alert-border: var(--dle-default-border); --bs-alert-border-color: var(--dle-default-border-color)}
.alert-primary										{--bs-alert-border: var(--dle-primary-border); --bs-alert-border-color: var(--dle-primary-border-color)}
.alert-secondary									{--bs-alert-border-color: var(--dle-secondary-border-color)}
.alert-success										{--bs-alert-border-color: var(--dle-success-border-color)}
.alert-info											{--bs-alert-border-color: var(--dle-info-border-color)}
.alert-warning										{--bs-alert-border-color: var(--dle-info-warning-color)}
.alert-danger										{--bs-alert-border-color: var(--dle-info-danger-color)}

/* Badge */
 .badge												{--bs-badge-color: var(--dle-default-color); background-color: var(--dle-default-bg)}
 span + .badge,
 .badge + span										{margin-left: 0.25rem; margin-right: 0.25rem}

/* Button Group */
.btn-group > .form-group							{padding-top: unset}
.btn-group > .form-group > select					{border-radius: 0; border-left: none}

/* Button */
button:not(.btn)									{padding: var(--dle-padding); border-radius: var(--dle-border-radius)}
.btn > p											{overflow-x: hidden}
.btn-block											{width: 100% !important} /* compatibility for w-100 */
.row + .btn											{margin-top: 1rem; margin-bottom: 1rem}

/* Button XL + XXL */
.btn-xl												{font-size: 1.5rem; min-height: 80px}
.btn-xxl											{font-size: 2.5rem; width: 100%; min-height: 250px}
@media (max-width: 767.98px) {
	.btn-xl											{font-size: 1.25rem; width: 100%; min-height: 60px}
}
@media (min-width: 768px) {
	.btn-xl											{font-size: 1.5rem; width: 100%; min-height: 104px}
}
a.btn-xl											{padding-top: 1.25rem /* #FIX */}
a.btn-xxl											{padding-top: 2.5rem /* #FIX */}
.btn-xl .fa, .btn-xl .fa-solid						{font-size: 2.5rem; display: block}
.btn-xxl .fa, .btn-xxl .fa-solid					{font-size: 8.0rem; display: block}

/* Button Theme */
.btn-default,
.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link),
button:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link):not(.accordion-button):not(.disabled):not(.dropdown-item):not(.nav-link):not(.navbar-toggler)
{
	--bs-btn-color:									var(--dle-default-color);
	--bs-btn-bg:									var(--dle-default-bg);
	--bs-btn-border:								var(--dle-default-border);
	--bs-btn-border-color:							var(--dle-default-border-color);
	--bs-btn-active-border-color:					var(--dle-default-active-border-color);
	--bs-btn-focus-border-color:					var(--dle-default-focus-border-color);
	--bs-btn-hover-border-color:					var(--dle-default-hover-border-color);
	color:											var(--dle-default-color);
	background-color:								var(--dle-default-bg);
	border:											var(--dle-default-border);
	border-color:									var(--dle-default-border-color);
}
.btn-primary {
	--bs-btn-color:									var(--dle-primary-color);
	--bs-btn-bg:									var(--dle-primary-bg);
	--bs-btn-border-color:							var(--dle-primary-border-color);
	--bs-btn-active-color:							var(--dle-primary-active-color);
	--bs-btn-active-bg:								var(--dle-primary-active-bg);
	--bs-btn-active-border-color:					var(--dle-primary-active-border-color);
	--bs-btn-focus-color:							var(--dle-primary-focus-color);
	--bs-btn-focus-bg:								var(--dle-primary-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-primary-focus-border-color);
	--bs-btn-hover-color:							var(--dle-primary-hover-color);
	--bs-btn-hover-bg:								var(--dle-primary-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-primary-hover-border-color);
}
.btn-secondary {
	--bs-btn-color:									var(--dle-secondary-color);
	--bs-btn-bg:									var(--dle-secondary-bg);
	--bs-btn-border-color:							var(--dle-secondary-border-color);
	--bs-btn-active-color:							var(--dle-secondary-active-color);
	--bs-btn-active-bg:								var(--dle-secondary-active-bg);
	--bs-btn-active-border-color:					var(--dle-secondary-active-border-color);
	--bs-btn-focus-color:							var(--dle-secondary-focus-color);
	--bs-btn-focus-bg:								var(--dle-secondary-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-secondary-focus-border-color);
	--bs-btn-hover-color:							var(--dle-secondary-hover-color);
	--bs-btn-hover-bg:								var(--dle-secondary-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-secondary-hover-border-color);
}
.btn-success {
	--bs-btn-color:									var(--dle-success-color);
	--bs-btn-bg:									var(--dle-success-bg);
	--bs-btn-border-color:							var(--dle-success-border-color);
	--bs-btn-active-color:							var(--dle-success-active-color);
	--bs-btn-active-bg:								var(--dle-success-active-bg);
	--bs-btn-active-border-color:					var(--dle-success-active-border-color);
	--bs-btn-focus-color:							var(--dle-success-focus-color);
	--bs-btn-focus-bg:								var(--dle-success-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-success-focus-border-color);
	--bs-btn-hover-color:							var(--dle-success-hover-color);
	--bs-btn-hover-bg:								var(--dle-success-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-success-hover-border-color);
}
.btn-info {
	--bs-btn-color:									var(--dle-info-color);
	--bs-btn-bg:									var(--dle-info-bg);
	--bs-btn-border-color:							var(--dle-info-border-color);
	--bs-btn-active-color:							var(--dle-info-active-color);
	--bs-btn-active-bg:								var(--dle-info-active-bg);
	--bs-btn-active-border-color:					var(--dle-info-active-border-color);
	--bs-btn-focus-color:							var(--dle-info-focus-color);
	--bs-btn-focus-bg:								var(--dle-info-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-info-focus-border-color);
	--bs-btn-hover-color:							var(--dle-info-hover-color);
	--bs-btn-hover-bg:								var(--dle-info-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-info-hover-border-color);
}
.btn-warning {
	--bs-btn-color:									var(--dle-warning-color);
	--bs-btn-bg:									var(--dle-warning-bg);
	--bs-btn-border-color:							var(--dle-warning-border-color);
	--bs-btn-active-color:							var(--dle-warning-active-color);
	--bs-btn-active-bg:								var(--dle-warning-active-bg);
	--bs-btn-active-border-color:					var(--dle-warning-active-border-color);
	--bs-btn-focus-color:							var(--dle-warning-focus-color);
	--bs-btn-focus-bg:								var(--dle-warning-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-warning-focus-border-color);
	--bs-btn-hover-color:							var(--dle-warning-hover-color);
	--bs-btn-hover-bg:								var(--dle-warning-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-warning-hover-border-color);
}
.btn-danger {
	--bs-btn-color:									var(--dle-danger-color);
	--bs-btn-bg:									var(--dle-danger-bg);
	--bs-btn-border-color:							var(--dle-danger-border-color);
	--bs-btn-active-color:							var(--dle-danger-active-color);
	--bs-btn-active-bg:								var(--dle-danger-active-bg);
	--bs-btn-active-border-color:					var(--dle-danger-active-border-color);
	--bs-btn-focus-color:							var(--dle-danger-focus-color);
	--bs-btn-focus-bg:								var(--dle-danger-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-danger-focus-border-color);
	--bs-btn-hover-color:							var(--dle-danger-hover-color);
	--bs-btn-hover-bg:								var(--dle-danger-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-danger-hover-border-color);
}
.btn-link {
	--bs-btn-color:									var(--dle-link-color);
	--bs-btn-bg:									var(--dle-link-bg);
	--bs-btn-border-color:							var(--dle-link-border-color);
	--bs-btn-active-color:							var(--dle-link-active-color);
	--bs-btn-active-bg:								var(--dle-link-active-bg);
	--bs-btn-active-border-color:					var(--dle-link-active-border-color);
	--bs-btn-focus-color:							var(--dle-link-focus-color);
	--bs-btn-focus-bg:								var(--dle-link-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-link-focus-border-color);
	--bs-btn-hover-color:							var(--dle-link-hover-color);
	--bs-btn-hover-bg:								var(--dle-link-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-link-hover-border-color);
}
.btn-outline-primary {
	--bs-btn-color:									var(--dle-primary-bg);
	--bs-btn-bg:									var(--dle-primary-color);
	--bs-btn-border-color:							var(--dle-primary-border-color);
	--bs-btn-active-color:							var(--dle-primary-active-bg);
	--bs-btn-active-bg:								var(--dle-primary-active-color);
	--bs-btn-active-border-color:					var(--dle-primary-active-border-color);
	--bs-btn-focus-color:							var(--dle-primary-focus-bg);
	--bs-btn-focus-bg:								var(--dle-primary-focus-color);
	--bs-btn-focus-border-color:					var(--dle-primary-focus-border-color);
	--bs-btn-hover-color:							var(--dle-primary-hover-bg);
	--bs-btn-hover-bg:								var(--dle-primary-hover-color);
	--bs-btn-hover-border-color:					var(--dle-primary-hover-border-color);
}
.btn-outline-secondary {
	--bs-btn-color:									var(--dle-secondary-bg);
	--bs-btn-bg:									var(--dle-secondary-color);
	--bs-btn-border-color:							var(--dle-secondary-border-color);
	--bs-btn-active-color:							var(--dle-secondary-active-bg);
	--bs-btn-active-bg:								var(--dle-secondary-active-color);
	--bs-btn-active-border-color:					var(--dle-secondary-active-border-color);
	--bs-btn-focus-color:							var(--dle-secondary-focus-bg);
	--bs-btn-focus-bg:								var(--dle-secondary-focus-color);
	--bs-btn-focus-border-color:					var(--dle-secondary-focus-border-color);
	--bs-btn-hover-color:							var(--dle-secondary-hover-bg);
	--bs-btn-hover-bg:								var(--dle-secondary-hover-color);
	--bs-btn-hover-border-color:					var(--dle-secondary-hover-border-color);
}
.btn-outline-success {
	--bs-btn-color:									var(--dle-success-bg);
	--bs-btn-bg:									var(--dle-success-color);
	--bs-btn-border-color:							var(--dle-success-border-color);
	--bs-btn-active-color:							var(--dle-success-active-bg);
	--bs-btn-active-bg:								var(--dle-success-active-color);
	--bs-btn-active-border-color:					var(--dle-success-active-border-color);
	--bs-btn-focus-color:							var(--dle-success-focus-bg);
	--bs-btn-focus-bg:								var(--dle-success-focus-color);
	--bs-btn-focus-border-color:					var(--dle-success-focus-border-color);
	--bs-btn-hover-color:							var(--dle-success-hover-bg);
	--bs-btn-hover-bg:								var(--dle-success-hover-color);
	--bs-btn-hover-border-color:					var(--dle-success-hover-border-color);
}
.btn-outline-info {
	--bs-btn-color:									var(--dle-info-bg);
	--bs-btn-bg:									var(--dle-info-color);
	--bs-btn-border-color:							var(--dle-info-border-color);
	--bs-btn-active-color:							var(--dle-info-active-bg);
	--bs-btn-active-bg:								var(--dle-info-active-color);
	--bs-btn-active-border-color:					var(--dle-info-active-border-color);
	--bs-btn-focus-color:							var(--dle-info-focus-bg);
	--bs-btn-focus-bg:								var(--dle-info-focus-color);
	--bs-btn-focus-border-color:					var(--dle-info-focus-border-color);
	--bs-btn-hover-color:							var(--dle-info-hover-bg);
	--bs-btn-hover-bg:								var(--dle-info-hover-color);
	--bs-btn-hover-border-color:					var(--dle-info-hover-border-color);
}
.btn-outline-warning {
	--bs-btn-color:									var(--dle-warning-bg);
	--bs-btn-bg:									var(--dle-warning-color);
	--bs-btn-border-color:							var(--dle-warning-border-color);
	--bs-btn-active-color:							var(--dle-warning-active-bg);
	--bs-btn-active-bg:								var(--dle-warning-active-color);
	--bs-btn-active-border-color:					var(--dle-warning-active-border-color);
	--bs-btn-focus-color:							var(--dle-warning-focus-bg);
	--bs-btn-focus-bg:								var(--dle-warning-focus-color);
	--bs-btn-focus-border-color:					var(--dle-warning-focus-border-color);
	--bs-btn-hover-color:							var(--dle-warning-hover-bg);
	--bs-btn-hover-bg:								var(--dle-warning-hover-color);
	--bs-btn-hover-border-color:					var(--dle-warning-hover-border-color);
}
.btn-outline-danger {
	--bs-btn-color:									var(--dle-danger-bg);
	--bs-btn-bg:									var(--dle-danger-color);
	--bs-btn-border-color:							var(--dle-danger-border-color);
	--bs-btn-active-color:							var(--dle-danger-active-bg);
	--bs-btn-active-bg:								var(--dle-danger-active-color);
	--bs-btn-active-border-color:					var(--dle-danger-active-border-color);
	--bs-btn-focus-color:							var(--dle-danger-focus-bg);
	--bs-btn-focus-bg:								var(--dle-danger-focus-color);
	--bs-btn-focus-border-color:					var(--dle-danger-focus-border-color);
	--bs-btn-hover-color:							var(--dle-danger-hover-bg);
	--bs-btn-hover-bg:								var(--dle-danger-hover-color);
	--bs-btn-hover-border-color:					var(--dle-danger-hover-border-color);
}
.btn-outline-link {
	--bs-btn-color:									var(--dle-link-color);
	--bs-btn-bg:									var(--dle-link-bg);
	--bs-btn-border-color:							var(--dle-link-border-color);
	--bs-btn-active-color:							var(--dle-link-active-color);
	--bs-btn-active-bg:								var(--dle-link-active-bg);
	--bs-btn-active-border-color:					var(--dle-link-active-border-color);
	--bs-btn-focus-color:							var(--dle-link-focus-color);
	--bs-btn-focus-bg:								var(--dle-link-focus-bg);
	--bs-btn-focus-border-color:					var(--dle-link-focus-border-color);
	--bs-btn-hover-color:							var(--dle-link-hover-color);
	--bs-btn-hover-bg:								var(--dle-link-hover-bg);
	--bs-btn-hover-border-color:					var(--dle-link-hover-border-color);
}

/* Button Active */
.btn-default:active, .btn-default.active,
.btn:active:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info),
button:active:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.accordion-button):not(.disabled):not(.nav-link):not(.navbar-toggler)
													{box-shadow: var(--dle-default-active-box-shadow)}
.btn-primary:active, .btn-primary.active			{box-shadow: var(--dle-primary-active-box-shadow)}
.btn-secondary:active, .btn-secondary.active		{box-shadow: var(--dle-secondary-active-box-shadow)}
.btn-success:active, .btn-success.active			{box-shadow: var(--dle-success-active-box-shadow)}
.btn-info:active, .btn-info.active					{box-shadow: var(--dle-info-active-box-shadow)}
.btn-warning:active, .btn-warning.active			{box-shadow: var(--dle-warning-active-box-shadow)}
.btn-danger:active, .btn-danger.active				{box-shadow: var(--dle-danger-active-box-shadow)}
.btn-outline-primary:active, .btn-outline-primary.active			{box-shadow: var(--dle-primary-active-box-shadow)}
.btn-outline-secondary:active, .btn-outline-secondary.active		{box-shadow: var(--dle-secondary-active-box-shadow)}
.btn-outline-success:active, .btn-outline-success.active			{box-shadow: var(--dle-success-active-box-shadow)}
.btn-outline-info:active, .btn-outline-info.active					{box-shadow: var(--dle-info-active-box-shadow)}
.btn-outline-warning:active, .btn-outline-warning.active			{box-shadow: var(--dle-warning-active-box-shadow)}
.btn-outline-danger:active, .btn-outline-danger.active				{box-shadow: var(--dle-danger-active-box-shadow)}

/* Button Focus */
.btn-default:focus, .btn-default:focus-visible,
.btn:focus:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link),
.btn:focus-visible:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link),
button:focus:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link):not(.accordion-button):not(.disabled):not(.nav-link):not(.navbar-toggler)
button:focus-visible:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link):not(.accordion-button):not(.disabled):not(.nav-link):not(.navbar-toggler)
													{box-shadow: var(--dle-default-focus-box-shadow)}
.btn-primary:focus, .btn-primary:focus-visible		{box-shadow: var(--dle-primary-focus-box-shadow)}
.btn-secondary:focus, .btn-secondary:focus-visible	{box-shadow: var(--dle-secondary-focus-box-shadow)}
.btn-success:focus, .btn-success:focus-visible		{box-shadow: var(--dle-success-focus-box-shadow)}
.btn-info:focus, .btn-info:focus-visible			{box-shadow: var(--dle-info-focus-box-shadow)}
.btn-warning:focus, .btn-warning:focus-visible		{box-shadow: var(--dle-warning-focus-box-shadow)}
.btn-danger:focus, .btn-danger:focus-visible		{box-shadow: var(--dle-danger-focus-box-shadow)}
.btn-outline-primary:focus, .btn-outline-primary:focus-visible		{box-shadow: var(--dle-primary-focus-box-shadow)}
.btn-outline-secondary:focus, .btn-outline-secondary:focus-visible	{box-shadow: var(--dle-secondary-focus-box-shadow)}
.btn-outline-success:focus, .btn-outline-success:focus-visible		{box-shadow: var(--dle-success-focus-box-shadow)}
.btn-outline-info:focus, .btn-outline-info:focus-visible			{box-shadow: var(--dle-info-focus-box-shadow)}
.btn-outline-warning:focus, .btn-outline-warning:focus-visible		{box-shadow: var(--dle-warning-focus-box-shadow)}
.btn-outline-danger:focus, .btn-outline-danger:focus-visible		{box-shadow: var(--dle-danger-focus-box-shadow)}

/* Button Hover */
.btn-default:hover,
.btn:hover:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link),
button:hover:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-link):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-warning):not(.btn-outline-danger):not(.btn-outline-info):not(.btn-outline-link):not(.accordion-button):not(.disabled):not(.nav-link):not(.navbar-toggler)
													{box-shadow: var(--dle-default-hover-box-shadow); color: var(--dle-default-hover-color); background-color: var(--dle-default-hover-bg); border-color: var(--dle-default-hover-border-color)}
.btn-primary:hover									{box-shadow: var(--dle-primary-hover-box-shadow)}
.btn-secondary:hover								{box-shadow: var(--dle-secondary-hover-box-shadow)}
.btn-success:hover									{box-shadow: var(--dle-success-hover-box-shadow)}
.btn-info:hover										{box-shadow: var(--dle-info-hover-box-shadow)}
.btn-warning:hover									{box-shadow: var(--dle-warning-hover-box-shadow)}
.btn-danger:hover									{box-shadow: var(--dle-danger-hover-box-shadow)}
.btn-outline-default:hover							{box-shadow: var(--dle-default-hover-box-shadow)}
.btn-outline-primary:hover							{box-shadow: var(--dle-primary-hover-box-shadow)}
.btn-outline-secondary:hover						{box-shadow: var(--dle-secondary-hover-box-shadow)}
.btn-outline-success:hover							{box-shadow: var(--dle-success-hover-box-shadow)}
.btn-outline-info:hover								{box-shadow: var(--dle-info-hover-box-shadow)}
.btn-outline-warning:hover							{box-shadow: var(--dle-warning-hover-box-shadow)}
.btn-outline-danger:hover							{box-shadow: var(--dle-danger-hover-box-shadow)}

/* Button Disabled */
*:not(.btn-group) > button.disabled:not(.btn-link),
*:not(.btn-group) > button[disabled]:not(.btn-link),
*:not(.btn-group) > a[disabled]:not(.btn-link),
*:not(.btn-group) > .btn.disabled:not(.btn-link),
*:not(.btn-group) > .btn[disabled]:not(.btn-link) {
    border:											var(--dle-default-border);
	border-color:									var(--dle-disabled-border-color) !important;
    color:											var(--bs-gray-500) !important;
	background-color:								var(--dle-disabled-bg) !important;
	opacity:										var(--dle-disabled-opacity) !important;
	box-shadow:										none !important;
	pointer-events:									none !important;
}
.btn-link.disabled, .btn-link:disabled {
	text-decoration:								none !important;
	color:											var(--bs-gray-500) !important;
	background-color:								var(--dle-text-bg) !important;
	border-color:									var(--dle-text-bg) !important;
}
.navbar-nav .btn-link.disabled, .btn-link:disabled {
	background-color:								unset !important;
}

/* Card */
#content .card-group + .card-group					{margin-top: var(--dle-padding-y)}
.card												{--bs-card-border-color: var(--dle-default-border-color)}
.card.border-default								{--bs-card-border-color: var(--dle-default-color)}
.card.border-primary								{--bs-card-border-color: var(--dle-primary-bg)}
.card.border-secondary								{--bs-card-border-color: var(--dle-secondary-bg)}
.card.border-success								{--bs-card-border-color: var(--dle-success-bg)}
.card.border-info									{--bs-card-border-color: var(--dle-info-bg)}
.card.border-warning								{--bs-card-border-color: var(--dle-warning-bg)}
.card.border-danger									{--bs-card-border-color: var(--dle-danger-bg)}
.card-default > .card-header {
	--bs-card-border-width: 4px;
	--bs-card-border-color: var(--dle-primary-bg);
	background-color: var(--dle-text-bg);
	color: var(--dle-text-color);
	overflow-x: auto;
}
.card-default > .card-footer {
	--bs-card-border-width: 0;
	background-color: var(--dle-text-bg);
	border-radius: var(--dle-border-radius);
	color: var(--dle-text-color);
	overflow-x: auto;
	text-align: right;
}
.card-primary > .card-header						{background-color: var(--dle-primary-bg);	color: var(--dle-primary-color);}
.card-secondary > .card-header						{background-color: var(--dle-secondary-bg);	color: var(--dle-secondary-color);}
.card-success > .card-header						{background-color: var(--dle-success-bg);	color: var(--dle-success-color);}
.card-info > .card-header							{background-color: var(--dle-info-bg);		color: var(--dle-info-color);}
.card-warning > .card-header						{background-color: var(--dle-warning-bg);	color: var(--dle-warning-color);}
.card-danger > .card-header							{background-color: var(--dle-danger-bg);	color: var(--dle-danger-color);}
.card-light > .card-header							{background-color: var(--dle-light-bg);		color: var(--dle-light-color);}
.card-dark > .card-header							{background-color: var(--dle-dark-bg);		color: var(--dle-dark-color);}

/* Carousel */
.carousel > .carousel-inner > .carousel-item > img	{object-fit: scale-down}
.carousel-default > .carousel-inner > .carousel-item > img							{height: 400px; width: 100%}
.carousel-default > .carousel-inner > .carousel-item > .carousel-caption	{color: var(--dle-text-color)}

/* Checkbox */
.row > div > .form-check-input						{margin-top: 0.5rem; margin-bottom: 0.5rem; margin-right: 0.5rem}
.form-switch > .form-check-input					{height: 1.25rem}
.form-check-input:focus								{border-color: var(--dle-primary-border-color); box-shadow: var(--dle-primary-focus-box-shadow)}
.form-check											{margin-top: 0.25rem; margin-bottom: 0.25rem}
.row > div > .dle-input-checkbox-value + label		{margin-top: 0.25rem; margin-bottom: 0.25rem}
input[type='checkbox'].dle-input-checkbox-field		{margin-right: 5px}

/* Container */
@media (min-width: 1400px) {
	.container-fluid.container-60vw					{min-width: 1320px; max-width: 60vw}
	.container-fluid.container-70vw					{min-width: 1320px; max-width: 70vw}
	.container-fluid.container-80vw					{min-width: 1320px; max-width: 80vw}
	.container-fluid.container-90vw					{min-width: 1320px; max-width: 90vw}
}
/* Cursor */
.dle-cursor-overlay									{z-index: 1998; position: fixed; pointer-events: none; width: 100%; height: 100%; background: #00000011; top: 0; left: 0}
.dle-cursor											{z-index: 1999; position: fixed; pointer-events: none; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; background: unset; animation: dle-cursor-spin 1.25s linear infinite; -webkit-animation: dle-cursor-spin 1.25s linear infinite; left: calc(50% - 25px); top: calc(50% - 25px); width: 50px; height: 50px}
@keyframes dle-cursor-spin							{0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)}}
@-webkit-keyframes dle-cursor-spin					{0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg)}}

/* Dropdown */
.btn-group > .dropdown > .btn						{border-radius: 0; border-left: none; border-right: none}
.btn-group > .dropdown > .btn:focus-visible			{outline: none}
.btn-group > .dropdown > .dropdown-menu				{position: absolute}
.dropdown-menu										{--bs-dropdown-link-color: var(--dle-primary-bg)}

/* Form */
form > label + input								{margin-bottom: 1rem}
form + button										{margin-top: 0.5rem; margin-bottom: 0.5rem; margin-right: 0.5rem}

/* Form-Control */
.form-control										{color: var(--dle-text-color); background-color: var(--dle-text-bg); border: var(--dle-default-border)}
.form-control:focus									{color: var(--dle-text-color); background-color: var(--dle-text-bg); box-shadow: var(--dle-focus-box-shadow);}
.form-control-plaintext								{}

/* Form-Control-Floating */
.form-floating										{margin: 1px}
.form-floating > label								{font-weight: 700; opacity: 1}
.form-floating > .form-floating-label				{max-width: 100%}
.form-floating > label::after						{background: unset !important}
.form-floating > .form-control.bg-primary ~ label,
.form-floating > .form-select.bg-primary ~ label	{color: var(--dle-primary-color)}
.form-floating > .form-control.bg-secondary ~ label,
.form-floating > .form-select.bg-secondary ~ label	{color: var(--dle-secondary-color)}
.form-floating > .form-control.bg-success ~ label,
.form-floating > .form-select.bg-success ~ label	{color: var(--dle-success-color)}
.form-floating > .form-control.bg-info ~ label,
.form-floating > .form-select.bg-info ~ label		{color: var(--dle-info-color)}
.form-floating > .form-control.bg-warning ~ label,
.form-floating > .form-select.bg-warning ~ label	{color: var(--dle-warning-color)}
.form-floating > .form-control.bg-danger ~ label,
.form-floating > .form-select.bg-danger ~ label		{color: var(--dle-danger-color)}
.form-floating > .form-control.text-white ~ label,
.form-floating > .form-select.text-white ~ label	{color: white !important}
.form-floating > .form-control.text-black ~ label,
.form-floating > .form-select.text-black ~ label	{color: var(--dle-text-color) !important}

/* Form-Group */
.form-group > .form-label							{padding-top: 0.5rem}

/* Header */
.h6													{line-height: var(--bs-body-line-height)}
#content > h1, #content > .h1,
#content > h2, #content > .h2,
#content > h3, #content > .h3,
#content > h4, #content > .h4,
#content > h5, #content > .h5,
#content > h6, #content > .h6						{margin-top: 1rem; margin-bottom: 1rem}

/* Icon */
.btn > *											{pointer-events: none /* #FIX */}
a > .fa,
a > .fa-solid,
a > .fa-brands,
button:not(.rounded-circle) > .fa,
button:not(.rounded-circle) > .fa-solid,
button:not(.rounded-circle) > .fa-brands,
.btn:not(.rounded-circle) > .fa,
.btn:not(.rounded-circle) > .fa-solid,
.btn:not(.rounded-circle) > .fa-brands				{margin-left: 0.25rem; margin-right: 0.25rem}
.fa-blank, .fa-none, .fa-empty						{visibility: hidden !important}

/* Intro */
.intro												{position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 400px}
.intro > .intro-background							{width: 100%; height: inherit}
.intro > .intro-header								{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-attachment: fixed}
.intro > .intro-header > .intro-title				{font-weight: bold}
.intro-fixed {
	position: fixed;
	z-index: 1;
	top: var(--dle-header-height);
	overflow-y: hidden;
	background: var(--dle-text-bg);
	width: 100vw;
	display: block;
	scrollbar-width: none;
}

/* Input Lookup */
input ~ .dle-ui-lookup-button						{margin-left: -1.5em !important; margin-top: 0.75em !important; cursor: pointer}
input[readonly] ~ .dle-ui-lookup-button				{display: none}
input[disabled] ~ .dle-ui-lookup-button				{display: none}

/* Input Width */
.row > div > .dle-input-wrapper-div,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input,
#content > .dle-input-wrapper-div.dle-input-label-left > .dle-input-field-wrapper > input.dle-input-string				{width: 100%}

/* Label */
.dle-input-label									{margin-bottom: 0.5rem}

/* Layer-Group */
.layer-group										{display: grid; grid-template-areas: "inner-div";}
.layer												{grid-area: inner-div}
.layer.align-top-start								{text-align: start}
.layer.align-top-end								{text-align: end}
.layer.align-bottom-start							{text-align: start; align-self: flex-end}
.layer.align-bottom-end								{text-align: end; align-self: flex-end}

/* Modal */
.modal-fluid										{--bs-modal-width: 96%}
.modal-header > *									{width: 100%}
.modal-body											{overflow-x: auto}
.modal-footer .btn									{min-width: 8rem}
.modal-backdrop ~ .modal-backdrop					{opacity: 0;}

/* Nav */
.nav-link											{padding: var(--dle-padding); cursor: pointer}
.nav-default > .nav-pills .nav-link.active,
.nav-primary > .nav-pills .nav-link.active			{color: var(--dle-primary-color); background: var(--dle-primary-bg)}
.nav-success > .nav-pills .nav-link.active			{color: var(--dle-success-color); background: var(--dle-success-bg)}
.nav-pills .nav-link:not(.active)					{color: var(--dle-default-hover-color); background: var(--dle-default-hover-bg)}
.nav-tabs											{background: unset}
.nav-tabs > .nav-item								{background-color: var(--dle-text-bg); border-top-left-radius: var(--dle-border-radius); border-top-right-radius: var(--dle-border-radius)}
.nav-tabs > .nav-item > .nav-link					{font-size: 1.5rem; font-weight: 500}
.nav-tabs > .nav-item > .nav-link:hover				{cursor: pointer}
.nav-tabs + .nav-body								{margin-bottom: 1rem; padding: 1rem; overflow-x: auto; border: var(--dle-default-border); border-top: none; border-radius: var(--dle-border-radius); border-top-left-radius: 0; border-top-right-radius: 0}

/* Nav-Underline */
.nav-underline										{background: unset}
.nav-underline > .nav-item							{background-color: var(--dle-text-bg); border-top-left-radius: var(--dle-border-radius); border-top-right-radius: var(--dle-border-radius)}
.nav-underline > .nav-item > .nav-link				{color: black; border-top: none; border-right: none; border-left: none; font-size: 1.5rem; font-weight: 500}
.nav-underline > .nav-item > .nav-link.active		{border-bottom: var(--bs-border-radius) solid var(--dle-default-color)}
.nav-underline > .nav-item > .nav-link:hover		{color: var(--dle-default-color); border-bottom: var(--dle-border-radius) solid var(--dle-default-border-color); cursor: pointer}
.nav-underline + .nav-body							{margin-bottom: 1rem; padding: 1rem; overflow-x: auto; border: var(--dle-default-border); border-radius: var(--dle-border-radius); border-top-left-radius: 0; border-top-right-radius: 0}

/* Navbar */
.navbar-default										{--bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)); border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); border-radius: var(--bs-border-radius-lg); box-shadow: var(--bs-box-shadow); padding: 1rem}

/* Popover */
.popover-warning									{--bs-popover-bg: var(--dle-warning-bg)}

/* Pre */
.pre-default										{word-break: break-all; word-wrap: break-word; color: var(--dle-secondary-bg); background-color: var(--dle-disabled-bg); border: 1px solid rgba(0, 0, 0, 0.176) !important; border-radius: var(--dle-border-radius); padding: var(--dle-padding); min-height: var(--dle-control-min-height)}

/* Progress */
.progress-header													{position: relative; height: 40px; display: flex}
.progress-header > .progress-item									{flex-grow: 1; width: 25%; text-align: center; position: relative; background: none !important}
.progress-header > .progress-item::before							{height: 16px; position: absolute; content: ""; width: 100%; left: 0; top: 12px; background-color: #ddd}
.progress-header > .progress-item.bg-primary:before					{background-color: var(--dle-primary-bg)}
.progress-header > .progress-item.bg-secondary:before				{background-color: var(--dle-secondary-bg)}
.progress-header > .progress-item.bg-success:before					{background-color: var(--dle-success-bg)}
.progress-header > .progress-item.bg-info:before					{background-color: var(--dle-info-bg)}
.progress-header > .progress-item.bg-warning:before					{background-color: var(--dle-warning-bg)}
.progress-header > .progress-item.bg-danger:before					{background-color: var(--dle-danger-bg)}
.progress-header > .progress-item > .progress-icon					{display: inline-block; width: 40px; height: 40px; line-height: 40px; position: relative; border-radius: 100%; background-color: #ddd;}
.progress-header > .progress-item.bg-primary > .progress-icon		{background-color: var(--dle-primary-bg); color: var(--dle-primary-color)}
.progress-header > .progress-item.bg-secondary > .progress-icon		{background-color: var(--dle-secondary-bg); color: var(--dle-secondary-color)}
.progress-header > .progress-item.bg-success > .progress-icon		{background-color: var(--dle-success-bg); color: var(--dle-success-color)}
.progress-header > .progress-item.bg-info > .progress-icon			{background-color: var(--dle-info-bg); color: var(--dle-info-color)}
.progress-header > .progress-item.bg-warning > .progress-icon		{background-color: var(--dle-warning-bg); color: var(--dle-warning-color)}
.progress-header > .progress-item.bg-danger > .progress-icon		{background-color: var(--dle-danger-bg); color: var(--dle-danger-color)}
.progress-header > .progress-item > .progress-text					{display: none}
.progress-body														{display: flex}
.progress-body > .progress-item										{flex-grow: 1; width: 25%; text-align: center; position: relative;}

/* Row + Col */
.row > .col-0										{display: none}

/* Select */
.navbar .form-select:focus							{box-shadow: var(--dle-default-focus-box-shadow)}
.navbar .form-select.border-success:focus			{box-shadow: var(--dle-success-focus-box-shadow)}
.navbar .form-select:hover							{box-shadow: var(--dle-default-hover-box-shadow)}
.navbar .form-select.border-primary:hover			{box-shadow: var(--dle-primary-hover-box-shadow); z-index: 1}

/* Superuser */
.superuser,
.text-superuser										{color: var(--dle-superuser-color) !important; background-color: var(--dle-superuser-bg) !important}
.btn-superuser										{color: var(--dle-superuser-bg) !important; background-color: var(--dle-superuser-color) !important}
.btn-outline-superuser								{color: var(--dle-superuser-color) !important; background-color: var(--dle-superuser-bg) !important}

/* Switch */
.form-check-input:checked							{border-color: var(--dle-primary-bg); background-color: var(--dle-primary-bg)}

/* Table */
.table.table-sm, .table.table-sm input				{font-size: 0.90rem !important}
.table.table-lg, .table.table-lg input				{font-size: 1.25rem !important}
.table.table-default								{width: 100%}
.table.table-default > thead > tr > th,
.table.table-default > thead > tr > td,
.table.table-default > tbody > tr > th,
.table.table-default > tbody > tr > td,
.table.table-default > tfoot > tr > th,
.table.table-default > tfoot > tr > td				{border: none; padding-top: 1rem; padding-bottom: 1rem}
.table.table-default > thead > tr > th,
.table.table-default > tbody > tr > th,
.table.table-default > tfoot > tr > th				{font-size: 1.1rem}
.table.w-100										{width: -webkit-fill-available !important}
.table												{--bs-table-border-color: var(--dle-default-border-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.025);}
.table.align-top th, .table.align-top td			{vertical-align: top}
.table.align-middle th, .table.align-middle td		{vertical-align: middle}
.table.align-bottom th, .table.align-bottom td		{vertical-align: bottom}
tr.py-3 > td										{padding-top: 1rem; padding-bottom: 1rem}
tr.py-4 > td										{padding-top: 2rem; padding-bottom: 2rem}
tr.py-5 > td										{padding-top: 3rem; padding-bottom: 3rem}

/* Text */
.text:before										{content: ' '}
.text-line:before									{content: '\A'; display: block}
.text-primary										{color: var(--dle-primary-bg) !important}
.text-secondary										{color: var(--dle-secondary-bg) !important}
.text-success										{color: var(--dle-success-bg) !important}
.text-info											{color: var(--dle-info-bg) !important}
.text-warn											{color: var(--dle-warn-bg) !important}
.text-danger										{color: var(--dle-danger-bg) !important}
.dropdown-menu .dropdown-item > .text				{pointer-events: none}

/* Textarea */
textarea[readonly]									{border: none}
.row > div > textarea[rows],
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > textarea[rows]		{width: 100%}

/* Toast */
.toast												{--bs-toast-border-color: var(--dle-default-border-color); --bs-toast-font-size: var(--dle-font-size)}
.toast-header										{border-bottom: none}
.toast-title										{font-size: 1.25rem; font-weight: bold}


/**************************************************************************************/
/* JQUERY UI */
/**************************************************************************************/

.ui-widget											{font-family: inherit}

/* Backdrop */
.ui-widget-overlay									{background: #000; opacity: 0.25}

/* Dialog */
/*
@media (min-width: 0px) {
	.ui-dialog										{min-width: 320px !important}
}
@media (min-width: 768px) {
	.ui-dialog										{min-width: 480px !important}
}
@media (min-width: 992px) {
	.ui-dialog										{min-width: 640px !important}
}
*/
.ui-dialog											{border-radius: 1rem; max-width: 95%; z-index: 2000 !important}
@media (min-width: 1200px) {
	.ui-dialog										{min-width: 480px !important}
	.ui-dialog > .ui-dialog-content					{width: 100% !important}
}

/* Dialog Titlebar */
.ui-dialog > .ui-dialog-titlebar					{background: none; border: none; border-bottom: 1px solid #eee}
.ui-dialog > .ui-dialog-titlebar > .ui-dialog-title	{font-size: 1.25rem}
.ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close	{padding: 0; border: none !important}

/* Dialog Content */
.ui-dialog > .ui-dialog-content						{max-height: 90vh !important}

/* Dialog Input */
.ui-dialog > .ui-dialog-content .dle-input-form > .dle-input-frame > .dle-input-contentPanel .form-control,
.ui-dialog > .ui-dialog-content .dle-input-form > .dle-input-frame > .dle-input-contentPanel .form-select,
.ui-dialog > .ui-dialog-content .dle-input-form > .dle-input-frame > .dle-input-contentPanel textarea		{width: 100% !important; margin: 2px; padding: 2px 0.5rem 2px 0.5rem}
.ui-dialog > .ui-dialog-content .dle-input-label-left > .dle-input-label									{width: 50%; display: inline-block}
.ui-dialog > .ui-dialog-content .dle-input-label-left > .dle-input-field-wrapper							{width: 50%; display: inline-block}

/* Dialog Input Checkbox */
.ui-dialog > .ui-dialog-content .dle-input-form .dle-input-checkbox > input[type='checkbox']				{display: inline-block}

/* Dialog Input Icon */
.ui-dialog > .ui-dialog-content .dle-input-field-wrapper > .dle-lookup-wrapper > .dle-ui-lookup-button,
.ui-dialog > .ui-dialog-content .dle-input-form > .dle-input-frame > .dle-input-contentPanel > .dle-input-variable input + .dle-ui-date-button,
.ui-dialog > .ui-dialog-content .dle-input-form > .dle-input-frame > .dle-input-contentPanel > .dle-input-variable input + .dle-ui-lookup-button		{margin-left: -2rem; position: relative; margin-top: 0.5rem}

/* Dialog Input Lookup Search */
.ui-dialog > .dle-lookup-table > input.id_search					{width: 100%; border: var(--dle-default-border) !important; border-radius: var(--bs-border-radius)}
.ui-dialog > .dle-lookup-table > input.id_search:focus				{border-color: var(--dle-focus-border-color); box-shadow: var(--dle-focus-box-shadow); outline: none}

/* Dialog Input Lookup Table */
.ui-dialog > .dle-lookup-table > table								{width: 100%}
.ui-dialog > .dle-lookup-table > table > tbody > tr > td			{overflow-x: hidden; text-wrap: nowrap}
.ui-dialog > .dle-lookup-table > table > tbody > tr.ui-state-hover	{border: none}

/* Dialog Footer Button */
.ui-dialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > button	{min-width: 5rem}

/* Draggable */
.ui-draggable-handle												{cursor: move}

/* State Error */
.ui-state-error.form-control:not(.disabled)							{background-color: var(--dle-invalid-bg)}

/* State Hover */
.ui-state-hover,
tr.ui-state-hover > td												{background: var(--dle-active-bg)}



/**************************************************************************************/
/* JQGRID */
/**************************************************************************************/

.ui-jqgrid.ui-jqgrid-bootstrap																														{margin-top: 1rem; margin-bottom: 1rem}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .ui-pg-button.disabled																				{opacity: 0.1}

/* Border */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv																					{border-right: var(--dle-light-border); border-bottom: var(--dle-light-border); width: auto !important /* #EXPERIMENTAL */}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr > td:not(:last-child)				{border-left: none; border-right: none}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .ui-th-column:not(.border):not(.hover)																{border: var(--dle-invisible-border)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow:last-child					{border-bottom: var(--dle-invisible-border)}

/* Disabled */
.ui-jqgrid.ui-jqgrid-bootstrap .disabled:not(.btn)														{color: var(--dle-disabled-color) !important; opacity: var(--dle-disabled-opacity) !important}
.disabled.ui-jqgrid-sortable																			{color: var(--dle-disabled-color) !important; background-color: var(--dle-disabled-bg); pointer-events: none !important}

/* Font */
.ui-jqdialog,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .btn,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .fa,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .ui-jqgrid-errorbar,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-titlebar,
.ui-jqgrid.ui-jqgrid-bootstrap > .loading,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .btn,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .fa,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .ui-pager-control .ui-pg-input,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager table.ui-pg-table > tbody > tr > td .ui-pg-selbox		{font-size: inherit}

/* Hover */
.ui-jqgrid.ui-jqgrid-bootstrap table.table-hover tr.ui-subgrid:hover > td								{box-shadow: none !important}
.ui-jqgrid.ui-jqgrid-bootstrap .dle-hover:not(.ui-th-column),
.ui-jqgrid.ui-jqgrid-bootstrap .dle-hover.ui-th-column > .ui-jqgrid-sortable							{border: 1px solid var(--dle-text-bg) /*Fix*/; border-radius: 0.4em;}

/* Header Color + Background */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view																									{border: none; color: var(--dle-grid-header-color); background-color: var(--dle-grid-header-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv																					{color: var(--dle-grid-header-color); background-color: var(--dle-grid-header-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable										{border: none}

/* Header Title */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-titlebar																				{color: var(--dle-grid-header-color); background-color: var(--dle-grid-header-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-titlebar > .ui-jqgrid-title															{font-size: var(--dle-grid-title-font-size)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close													{color: var(--dle-default-color); right: 1rem}

/* Header Column Name */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th.ui-th-column			{border: none; color: var(--dle-grid-header-color); background-color: var(--dle-grid-header-bg); font-size: var(--dle-grid-header-font-size)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th.ui-th-column > div		{padding-top: var(--dle-grid-header-padding-y); padding-bottom: var(--dle-grid-header-padding-y); text-overflow: ellipsis}

/* Header Column Name Sortable */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th.ui-th-column > div.ui-jqgrid-sortable											{border: var(--dle-grid-header-bg) !important}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th.ui-th-column > div.ui-jqgrid-sortable > .s-ico									{width: unset}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th.ui-th-column > div.ui-jqgrid-sortable > .s-ico > .ui-grid-ico-sort.disabled	{display: none}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-jqgrid-labels > th.ui-th-column.hover > div.ui-jqgrid-sortable									{color: var(--dle-default-hover-color); background-color: var(--dle-default-hover-bg)}

/* Header Column Search */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column																	{background-color: var(--dle-grid-header-bg); border: var(--dle-grid-header-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column > div > table.ui-search-table									{table-layout: fixed}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column > div > table.ui-search-table td									{background-color: var(--dle-grid-header-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column > div > table.ui-search-table td.ui-search-oper > .soptclass		{width: 100%; border: none}

/* Header Column Search Control */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column > div > table.ui-search-table td.ui-search-input					{text-align: left; padding: var(--bs-border-radius)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column > div > table.ui-search-table td.ui-search-input > input,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > table.ui-jqgrid-htable > thead > tr.ui-search-toolbar > th.ui-th-column > div > table.ui-search-table td.ui-search-input > select		{padding: 0.375rem 0.75rem; min-height: unset}

/* Header Column Search Operator Popup */
body > .ui-search-menu > .ui-jqgrid-menu-item																										{font-size: inherit}

/* Body */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv																					{background-color: var(--dle-grid-body-bg)}

/* Body Row */
/*
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr:focus > td							{box-shadow: inset 0px 0px 100vw 100vh #8cc0f7}
*/
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqfoot > td,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgroup > td							{line-height: var(--bs-body-line-height); height: 100%; box-sizing: border-box; text-overflow: ellipsis}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td > .alert					{margin-bottom: unset}

/* Body Row Button */
/* #TODO #WIP
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td .btn						{padding-top: 0; padding-bottom: 0}
*/

/* Body Row Expand/Collapse */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td > .sgbutton-div > .btn	{margin: 1px}

/* Body Row Selected */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow.selected						{background-color: var(--dle-grid-row-selected-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow.selected > td					{color: var(--dle-selected-color) !important;	background-color: var(--dle-grid-row-selected-bg) !important}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow.bg-secondary > td				{color: var(--dle-secondary-color);				background-color: var(--dle-secondary-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow.bg-secondary-subtle > td		{color: var(--dle-text-color-secondary-subtle);	background-color: var(--dle-text-bg-secondary-subtle)}

/* Body Column with HTML content */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td.dle-grid-html				{white-space: normal}

/* Body Column has-btn */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td.has-btn					{text-align: center !important}

/* Body Column has-dropdown */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td.has-dropdown,
.ui-jqgrid.ui-jqgrid-bootstrap tr.jqfoot > td.has-dropdown,
.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgroup > td.has-dropdown,
.ui-jqgrid.ui-jqgrid-bootstrap tr.ui-subgrid > td.has-dropdown,
.ui-jqgrid.ui-jqgrid-bootstrap tr.ui-subtblcell > td.has-dropdown																					{overflow: initial !important; white-space: initial !important}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td.has-dropdown .dropdown-toggle::after			{display: none}

/* Body Column with Edit button (DVIEW Designer) */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td.ui-pg-button				{border-top: none; border-bottom: 1px solid rgb(222,226,230)}

/* Body Column Input*/
/* #BUG Modal inside Grid
*/
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td .form-group,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td .form-check,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.jqgrow > td .dropdown				{display: flex}

/* Body Subgrid */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.ui-subgrid > td.subgrid-cell					{visibility: hidden}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.ui-subgrid > td.subgrid-cell > .fa-solid		{color: var(--dle-default-color)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.ui-subgrid > td.subgrid-data					{white-space: normal}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable > tbody > tr.ui-subgrid > td.subgrid-data > .tablediv		{overflow-x: auto; padding-right: 1rem}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable td.sgcollapsed,
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv > div > table.ui-jqgrid-btable td.sgexpanded										{padding: 0}

/* Footer */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager																									{border: none; color: var(--dle-grid-footer-color); background-color: var(--dle-grid-footer-bg); border-top: var(--dle-light-border)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager table.ui-pg-table > tbody > tr > td																{border: var(--dle-grid-footer-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager table.ui-pg-table > tbody > tr > td .ui-pg-selbox													{margin-left: 1rem; padding: 0.375rem 0.75rem; min-width: 5rem; text-align: start}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager table.ui-pg-table > tbody > tr > td .ui-pg-button .fa-solid										{margin-top: 4px}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager table.ui-pg-table > tbody > tr > td .ui-pg-button > .ui-separator									{display: none}

/* Footer Button */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager > .ui-pager-control > table.ui-pg-table > tbody > tr > td > .ui-pg-table > .ui-pg-button			{/*color: var(--dle-grid-footer-color); background-color: var(--dle-grid-footer-bg); border-top: var(--dle-light-border)*/}

/* Dialog */
.ui-jqdialog															{min-width: 380px}
.ui-jqdialog > .modal-dialog .modal-header > .ui-jqdialog-title			{font-size: 1.5rem; margin: 0.5rem}
.ui-jqdialog > .modal-dialog .modal-footer .dle-grid-dialog-button		{margin: 0.1rem}

/* Search */
.searchFilter select.opsel												{margin-bottom: 0.5rem}
.searchFilter .form-control												{padding: var(--dle-padding-y) var(--dle-padding-x)}
.searchFilter .btn														{padding: var(--dle-padding-y) var(--dle-padding-x)}
.searchFilter .form-control:not([size]):not([multiple])					{height: unset}



/**************************************************************************************/
/* ANIMATION */
/**************************************************************************************/
/* dle-fade */
.dle-fadein {display: none !important}



/**************************************************************************************/
/* DLE GLOBALS */
/**************************************************************************************/
/* dle-border */
.dle-border-none						{border: none !important}
/* dle-color */
.dle-color-gray							{background-color: #dddddd}
.dle-color-red							{background-color: #ffcccc}
.dle-color-green						{background-color: #aaffaa}
.dle-color-blue							{background-color: #ccccff}
.dle-color-yellow						{background-color: #ffffaa}
.dle-color-orange						{background-color: #ffddaa}
/* color highlight */
.dle-success, tr.dle-success > td		{background-color: #dff0d8}
.dle-info, tr.dle-info > td				{background-color: #d9edf7}
.dle-warn, tr.dle-warn > td,
.dle-warning, tr.dle-warning > td		{background-color: #fcf8e3}
.dle-error, tr.dle-error > td,
.dle-danger, tr.dle-danger > td			{background-color: #ebcccc}
/* dle-align*/
.dle-align-left							{text-align: left}
.dle-align-center						{text-align: center}
img.dle-align-center					{display: block; margin-left: auto; margin-right: auto}
.dle-align-right						{text-align: right}
.dle-align-top							{vertical-align: top}
.dle-align-middle						{vertical-align: middle}
.dle-align-bottom						{vertical-align: bottom}
/* dle-dropdown */
.dle-dropdown-button.btn				{border-bottom-right-radius: 0; border-top-right-radius: 0; width: calc(100% - 3em); white-space: nowrap; text-align: left}
.dle-dropdown-toggle.btn				{border-bottom-left-radius: 0; border-top-left-radius: 0; width: 3em}
/* dle-link */
.dle-link								{cursor: pointer}
/* dle-narrow */
/* DEPRECATED
.dle-narrow[class*='col-']				{padding-right: 10px; padding-left: 10px}
.dle-narrow .dle-input-label			{margin-bottom: unset}
*/
/* dle-wrap */
.dle-wrap								{white-space: normal; word-break: break-word}
.dle-nowrap								{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
/* Input without label */
.dle-label-none, .dle-skiplabel			{padding-top: 24px}
/* decorations */
.dle-strikethrough						{text-decoration: line-through}



/**************************************************************************************/
/* DLE MENU */
/**************************************************************************************/
ul.dle-menu								{list-style: none; margin: 0px; padding: 0px; box-shadow: rgb(170 170 170) 0px 0px 1em}
ul.dle-menu > li.dle-menu-item			{padding: 0.5em; white-space: nowrap}
ul.dle-menu > li.dle-menu-item > a		{padding: 0.5em}
ul.dle-menu > li.dle-menu-item > a > .dle-menu-icon	{margin-right: 1em}