/* bootstrap.css */
/*

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


*** Media Queries ***


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


*/



/**************************************************************************************/
/* MASTER CSS */
/**************************************************************************************/
/* Not fully available for Bootstrap 3 */
: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 */

	/* Text */
	--dle-text-color:								#333;
	--dle-text-bg:									white;

	/* Header + Footer */
	--dle-header-height: 50px;
	--dle-footer-height: 50px;

	/* Border */
	--dle-default-border-width:						1px;
	--dle-default-border-style:						solid;
	--dle-default-border-radius:					8px;

	/* Common */

	/* State > Color */
	--dle-disabled-color:							#eee;

	/* State > Background */
	--dle-invalid-bg:								#ffefef;
	--dle-required-bg:								#ffffdd;

	/* Theme > Border Color */
	--dle-default-border-color: 					#ccc;
	--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);

	/* Theme > Border */
	--dle-default-border:							var(--dle-default-border-width) var(--dle-default-border-style) var(--dle-default-border-color);
	--dle-invalid-border:							var(--dle-default-border-width) var(--dle-default-border-style) var(--dle-invalid-border-color);
	--dle-required-border:							var(--dle-default-border-width) var(--dle-default-border-style) var(--dle-required-border-color);
	--dle-invisible-border:							var(--dle-default-border-width) var(--dle-default-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;

	/* 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-superuser-color:							#fec9ff;

	--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-superuser-bg:								white !important;

	--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-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-grid-footer-bg:							#e5e5e5;
}



/**************************************************************************************/
/* BOOTSTRAP DEFAULTS */
/**************************************************************************************/
:root {
}



/**************************************************************************************/
/* DEFAULTS */
/**************************************************************************************/
body												{padding-top: var(--dle-header-height)}

/* Input Checkbox */
input[type='checkbox']								{width: 1em; height: 1em; margin-right: 0.25em}

/* 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						{background-color: var(--dle-invalid-bg)}
input[type='number']:invalid						{background-color: var(--dle-invalid-bg)}		/* DEPRECATED use needs-validation */

/* Readonly */
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}

/* Separator */
.dle-separator a									{cursor: default}

/* Textarea */
@-moz-document url-prefix()
{
	textarea										{overflow-x: hidden}
}


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

/* Login */
#vfxwps-login-form input:invalid					{background-color: var(--dle-text-bg)}
#vfxwps-login-username,
#vfxwps-login-password								{border: var(--dle-default-border)}

/* Error */
#vfxwps-error										{z-index: 32767 !important; position: fixed}

.sub-header											{padding-bottom: 10px; border-bottom: 1px solid #eee;}
.main												{padding: 20px;}
@media (min-width: 768px) {
  .main												{padding-right: 40px; padding-left: 40px;}
}
.main .page-header									{margin-top: 0}

/* Icon */
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input + .dle-ui-date-button,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > .dle-lookup-wrapper > input:not(.hidden) + .dle-ui-lookup-button	{margin-left: -1.5em; position: relative}
.dle-font-awesome-icon								{cursor:pointer; display:inline-block; overflow:hidden; overflow:hidden; margin-left:5px; font-size:1.3em}
.ui-icon.dle-font-awesome-icon						{background-image: none; text-indent: 0px;}
.ui-pg-div .dle-font-awesome-icon					{font-size: 1em}
/* bugfix ui.jqgrid.css */
.fa-lg												{font-size: 1.3em !important}
.fa-2x												{font-size: 2em !important}
.fa-3x												{font-size: 3em !important}
.fa-4x												{font-size: 4em !important}

/* Logo */
.vfxwps-brand-logo									{padding: 0 !important}
.vfxwps-brand-logo img.img-responsive				{max-height: 50px}

/* Navbar Top */
.navbar-fixed-top									{border: 0}
@media (min-width: 768px) {
	.navbar-fixed-top .navbar-nav > .dropdown.open > .dropdown-menu				{max-height: 80vh; overflow-y: auto}
}

/* Navbar Left */
/* Disable scrollbar on mobile */
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse					{max-height: 80vh}
.sidebar											{display: none}
/* md */
@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 50px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
}
.nav-sidebar										{margin-right: -21px; margin-bottom: 20px; margin-left: -20px}
.nav-sidebar > li > a								{padding-right: 20px; padding-left: 20px}

/* Navbar */
/* navbar brand is centered on mobile devices */
@media (max-width: 768px) {
	.navbar-brand									{position: absolute; left: 50%; display: block; top: 0; transform: translateX(-50%)}
}
.vfxwps-navbar-button								{margin-left: 5px; margin-right: 5px;}
.navbar-inverse .vfxwps-navbar-button				{color: white}
.navbar-inverse hr									{border-top-color: grey}



/**************************************************************************************/
/* 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 > Input Lookup */
input[disabled] ~ .dle-ui-lookup-button				{display: none}

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

/* 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}

/* 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}

/* Font Weight */
.fw-bold											{font-weight: 700 !important}

/* 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}
.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-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}

/* Margin */
.m-1												{margin: 0.25rem !important}
.m-2												{margin: 0.50rem !important}
.m-3												{margin: 1.00rem !important}
.m-4												{margin: 1.50rem !important}
.m-5												{margin: 3.00rem !important}
.mt-1												{margin-top: 0.25em !important}
.mt-2												{margin-top: 0.50em !important}
.mt-3												{margin-top: 1.00em !important}
.mt-4												{margin-top: 1.50em !important}
.mt-5												{margin-top: 3.00em !important}
.mb-1												{margin-bottom: 0.25em !important}
.mb-2												{margin-bottom: 0.50em !important}
.mb-3												{margin-bottom: 1.00em !important}
.mb-4												{margin-bottom: 1.50em !important}
.mb-5												{margin-bottom: 3.00em !important}
.my-1												{margin-top: 0.25em !important; margin-bottom: 0.25em !important}
.my-2												{margin-top: 0.50em !important; margin-bottom: 0.50em !important}
.my-3												{margin-top: 1.00em !important; margin-bottom: 1.00em !important}
.my-4												{margin-top: 1.50em !important; margin-bottom: 1.50em !important}
.my-5												{margin-top: 3.00em !important; margin-bottom: 3.00em !important}

/* Padding */
.p-1												{padding: 0.25rem !important}
.p-2												{padding: 0.50rem !important}
.p-3												{padding: 1.00rem !important}
.p-4												{padding: 1.50rem !important}
.p-5												{padding: 3.00rem !important}

/* Required */
.dle-input-required:not(.disabled):not([type='checkbox']) {background: #fffdce}

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

/* Text */
.text-end											{text-align: right !important}

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



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

/* Alert */
.alert												{border: var(--dle-default-border); margin-bottom: unset}
.alert-default										{border: var(--dle-default-border)}
span.alert											{padding: 1px}

/* Button */
.btn > p											{overflow-x: hidden}
.btn-block											{overflow-x: hidden}
.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 Active */

/* Button Focus */

/* Button Hover */

/* Button Disabled */

/* Card */
.card												{border: var(--dle-default-border); border-radius: 0.5em; margin: 0.5em; padding: 2em; width: 100%; display: inline-block}

/* Carousel */

/* Checkbox */
.dle-input-checkbox .dle-input-checkbox-field		{margin-right: 5px}

/* Container */

/* Contentpanel */
.dle-input-contentPanel .dle-input-string,
.dle-input-contentPanel .dle-input-number,
.dle-input-contentPanel .dle-input-date,
.dle-input-contentPanel .dle-input-date-time,
.dle-input-contentPanel .id_search,
.dle-input-contentPanel .dle-input-choice select:not([size]) {
    padding: 0.2em 0.2em;
    height: 1.9em;
}
.dle-input-contentPanel .dle-input-choice select[multiple] {
    padding: 0.2em 0.2em;
}
.dle-input-contentPanel .dle-input-variable > .dle-input-string,
.dle-input-contentPanel .dle-input-variable > .dle-input-number,
.dle-input-contentPanel .dle-input-variable > .dle-input-date,
.dle-input-contentPanel .dle-input-variable > .dle-input-date-time,
.dle-input-contentPanel .dle-input-variable > .id_search,
.dle-input-contentPanel .dle-input-variable > .dle-input-contentPanel .dle-input-variable > .dle-input-choice select:not([multiple]) {
    height: 1.9em;
    padding: 0.2em 0.2em;
}
.dle-input-contentPanel .dle-input-variable > .dle-input-contentPanel .dle-input-variable > .dle-input-choice select[multiple] {
    padding: 0.2em 0.2em;
}
.dle-input-contentPanel > .dle-input-label			{font-weight: 100}
.dle-input-contentPanel .dle-input-variable .dle-ui-date-button {margin-top: 0.2em}
.dle-input-contentPanel .dle-input-variable .dle-ui-lookup-button {margin-top: 0.2em}

/* Cursor */

/* Dropdown */

/* Form */

/* Form-Control */
.form-control										{padding: 0 6px 0px 6px}
.form-control-plaintext								{display: block; border: none; background: none}
.dle-input-string,
.dle-input-number,
.dle-input-date,
.dle-input-date-time,
.id_search,
.dle-input-choice select {
	display: block;
	padding: 6px 12px;
	font-size: var(--dle-font-size);
	line-height: 1.42857143;
	color: #555;
	background-color: var(--dle-text-bg);
	background-image: none;
	border: var(--dle-default-border);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* Form-Control-Floating */

/* Form-Group */
.form-group											{margin-top: 0.5rem; margin-bottom: 0.5rem}

/* Header */

/* Icon */
#content .fa,
#content .fa-solid									{margin-left: 0.25rem; margin-right: 0.25rem}

/* Input Error Icon */
.dle-input-error-icon.fa-check-circle				{color: green; cursor: default}
.dle-input-error-icon.fa-minus-circle				{color: red; cursor: default}

.dle-input-string,
.dle-input-number,
.dle-input-date,
.dle-input-date-time,
.id_search,
.dle-input-choice select:not([size])				{height: 34px}

/* DLE-Input Disabled */
.dle-input-string[disabled],
.dle-input-number[disabled],
.dle-input-date[disabled],
.dle-input-date-time[disabled],
.id_search[disabled],
body.vfxwps .ui-state-disabled						{cursor: not-allowed; background-color: #eee; opacity: 1}

/* Input Lookup Table */
#lookupTable > thead > tr > th						{word-break: break-word}

/* DLE-Input Width */
.row > div > input.dle-input-string,
.row > div > input.dle-input-number,
.row > div > input.dle-input-date,
.row > div > input.dle-input-date-time,
.row > div > input[type='date'],
.row > div > input[type='time'],
.row > div > .dle-lookup-wrapper > input.dle-input-string,
.row > div > .dle-input-wrapper-div:not(.dle-input-label-left) > .dle-input-field-wrapper > input.dle-input-string,
.row > div > .dle-input-wrapper-div:not(.dle-input-label-left) > .dle-input-field-wrapper > input.dle-input-number,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input.dle-input-date,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input.dle-display-datepicker,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input.dle-input-date-time,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input[type='date'],
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > input[type='time'],
.row > div > .dle-input-wrapper-div:not(.dle-input-label-left) > .dle-input-field-wrapper,
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > .dle-lookup-wrapper > input.dle-input-string,
#content > .dle-input-wrapper-div.dle-input-label-left > .dle-input-field-wrapper > input.dle-input-string				{width: 100%}

/* Intro */

/* Label */
.dle-input-label									{max-width: 100%; margin-bottom: 5px; font-weight: 700;}
.dle-input-wrapper-div.dle-input-label-left > .dle-input-label		{overflow: hidden}

/* Modal */
.modal												{z-index: 2000 !important; min-width: 33%}
.modal-fluid										{width: 96%}
.modal-header.ui-draggable-handle					{cursor: move}
.modal-body											{min-height: 6em; overflow-x: auto; padding: 15px}
.modal-body h2,
.modal-body pre										{overflow-wrap: break-word}
.modal-footer .btn									{min-width: 5em}
.modal.ui-draggable > .modal-dialog > .modal-content > .modal-header			{cursor: move}
.modal-backdrop										{z-index: 1999 !important}
@media (min-width: 992px) {
	.modal-lg, .modal-xl							{width: 800px}
}
@media (min-width: 1200px) {
	.modal-xl										{width: 1140px}
}

/* Nav */
.nav-tabs + .tab-content.tab-default				{padding: 1em; border-radius: 0.25em; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee}

/* Navbar */

/* Popover */

/* Pre */

/* Progress */

/* Row + Col */
.row > .col-0										{display: none}
.col:not(.col-xs-12)								{width: 16.66666667%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; content-visibility: auto}
.col-input-only,
.col-button-only,
.col-without-label									{padding-top: 10px}

/* Select */
select.form-control:not([size]),
select.form-control[size='1']						{height: 34px}
select.form-select									{width: 100%; padding: .375rem 2.25rem .375rem .75rem; line-height: 1.5rem; border: var(--dle-default-border); border-radius: 4px}
div.row > div > span.ui-selectmenu-button,
div.row > div > div.dle-input-wrapper-div > div.dle-input-field-wrapper > span.ui-selectmenu-button								{width: 100% !important; height: 34px; padding: 6px 12px}
div.row > div > span.ui-selectmenu-button > span.ui-selectmenu-icon,
div.row > div > div.dle-input-wrapper-div > div.dle-input-field-wrapper > span.ui-selectmenu-button > span.ui-selectmenu-icon	{width: 0}
div.row > div > span.ui-selectmenu-button > span.ui-selectmenu-text,
div.row > div > div.dle-input-wrapper-div > div.dle-input-field-wrapper > span.ui-selectmenu-button > span.ui-selectmenu-text	{font-size: var(--dle-font-size)}
.dle-input-select-div.dle-input-info-wrapper-behindField .dle-input-info-wrapper				{transform: translateY(-1em)}
.dle-input-select-div.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper {transform: translateY(-1em)}
.dle-input-select-div.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-label	{transform: translateY(-1em)}

/* Sidebar */
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus					{color: #fff; background-color: #428bca}

/* 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}
.btn-superuser, .btn-outline-superuser				{border: var(--dle-default-border); border-color: var(--dle-default-border-color)}

/* Switch */

/* Table */
table.table-sm, table.table-sm input				{font-size: 0.90em !important}
table.table-lg, table.table-lg input				{font-size: 1.25em !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 > tbody > tr.py-3 > td						{padding-top: 1rem; padding-bottom: 1rem}
.table > tbody > tr.py-4 > td						{padding-top: 2rem; padding-bottom: 2rem}
.table > tbody > tr.py-5 > td						{padding-top: 3rem; padding-bottom: 3rem}
.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper					{width: -webkit-fill-available}
.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper > input.dle-input-string,
.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper > input.dle-input-number,
.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper > .dle-lookup-wrapper > input.dle-input-lookup {width: -webkit-fill-available}

/* Text */
.text												{word-break: break-all}
.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}

/* Textarea */
textarea[readonly]									{border: none; cursor: not-allowed; background-color: #eee; opacity: 1}
.row > div > textarea[rows],
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > textarea[rows]		{width: 100%}
.dle-input-textarea									{height: auto; resize: none}

/* Toast */

/* DLE-Input Wrapper */
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i				{padding-left: 5px !important}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i				{padding-left: 5px !important}
table.dle-input > tbody > tr > td div.dle-input-field-wrapper									{display:flex}
table.dle-input > tbody > tr > td div.dle-input-field-wrapper > input.dle-input-string			{width:100% !important}
table.dle-input > tbody > tr > td div.dle-input-field-wrapper > input.dle-input-number			{width:100%}
table.dle-input > tbody > tr > td div.dle-input-field-wrapper > input.dle-input-date			{min-width:100px}
table.dle-input > tbody > tr > td div.dle-input-field-wrapper > input.dle-input-date-time		{min-width:140px}
table.dle-input > tbody > tr > td div.dle-lookup-wrapper										{display:flex}
table.dle-input > tbody > tr > td div.dle-lookup-wrapper > input.dle-input-lookup				{width:calc(100% - 28px) !important}
.dle-input-wrapper-div																			{padding-top: 5px; padding-bottom: 5px}
.dle-input-field-wrapper																		{display: inline-table}
.dle-input-field-wrapper .dle-font-awesome-icon, .dle-input-variable .dle-font-awesome-icon		{margin-top: 7px}
.dle-input-info-wrapper i																		{cursor: default}
.dle-input-info-text-hidden																		{display: none}
.dle-input-info-wrapper-behindField .dle-input-info-wrapper										{display: inline-table; vertical-align: top; transform: translate(0px, 35%)}
.dle-input-info-wrapper-behindField .dle-input-info-wrapper i									{padding-left: 0.1em; padding-right: 0.25em}
.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper										{display: inline-table}
.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i									{padding-left: 0.0em; padding-right: 0.25em}
.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper span								{padding-right: 1em}
.dle-input-info-wrapper-belowField .dle-input-info-wrapper										{margin-top: 0.5em}
.dle-input-info-wrapper-belowField .dle-input-info-wrapper i									{padding-right: 0.25em}
.dle-input-info-wrapper-belowLabel .dle-input-info-wrapper										{margin-top: 0.5em}
.dle-input-info-wrapper-belowLabel .dle-input-info-wrapper i									{padding-right: 0.25em}
.dle-input-label-left > .dle-input-label														{width: 40%; position: relative; top: 50%; transform: translateY(25%); float: left}
.dle-input-label-left > .dle-input-field-wrapper												{width: 60%}
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-label						{display: inline-table; float: none; transform: none}
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-label						{margin-right: 0em}
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i				{padding-left: 0.5em}
.dle-input-label-top .dle-input-field-wrapper													{margin-top: 0 !important}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-label						{display: inline-table}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-field-wrapper				{display: block}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i				{padding-left: 0.5em}



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

/* Backdrop */
.ui-widget-overlay									{background: #aaa !important; top: 56px; opacity: 0.2 !important; filter: Alpha(Opacity=.2) !important}
.ui-widget > .ui-widget-header						{color: #333 !important; background: white !important; font-weight: bold !important; font-size: 16px !important; border: 0 !important}

/* Dialog */
.ui-dialog											{min-width: 720px; max-width: 95%; z-index: 2000 !important; box-shadow: rgb(170 170 170) 0px 0px 1em}

/* Dialog Titlebar */
.ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close					{background: unset !important; margin-top: -10px !important}
.ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after				{font-family: FontAwesome; font-size: 1.0em; content: "\f00d "}
.ui-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:hover				{box-shadow: 0 0 4px #aaa}

/* Dialog Content */

/* Dialog Button */
.ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button						{margin: .5em .4em 0 0 !important}

/* State Disabled */
.ui-state-disabled + .icon-search,
.ui-state-disabled + input[type='hidden'] + .icon-search						{display: none}

/* State Error */
.ui-state-error:not(.disabled)						{background: #fddfdf}

/* Tab */
.ui-tabs-active {
	border: 0 !important;
    background: 0 !important;
}

/* Timepicker */
.ui-timepicker-div .ui-widget-header				{margin-bottom: 8px}
.ui-timepicker-div dl								{text-align: left}
.ui-timepicker-div dl dt							{float: left; clear:left; padding: 0 0 0 5px}
.ui-timepicker-div dl dd							{margin: 0 10px 10px 40%}
.ui-timepicker-div td								{font-size: 90%}
.ui-tpicker-grid-label								{background: none; border: none; margin: 0; padding: 0}
.ui-timepicker-div .ui_tpicker_unit_hide			{display: none}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input			{background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus 	{border-bottom-color: #aaa; }
.ui-timepicker-rtl									{direction: rtl}
.ui-timepicker-rtl dl								{text-align: right; padding: 0 5px 0 0}
.ui-timepicker-rtl dl dt							{float: right; clear: right}
.ui-timepicker-rtl dl dd							{margin: 0 40% 10px 10px}
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine							{padding-right: 2px}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt							{display: none}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label		{display: block; padding-top: 2px}
.ui-timepicker-div.ui-timepicker-oneLine dl							{text-align: right}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div				{display:inline-block; margin:0}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before		{content:':'; display:inline-block}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before	{content:'.'; display:inline-block}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before		{display: none}



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

.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv table.ui-jqgrid-btable > tbody > tr > td.ui-pg-button:not(.ui-state-hover) {border: var(--dle-default-border); border-top: none; border-left: none}

/* 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 > .s-ico									{background-color: #e5e5e5; float: right; top: 0; right: 0}

/* Header Column Search Control */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-hdiv .ui-search-input .form-control.dle-grid-datepicker-native	{padding: 0}

/* Body */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv table.ui-jqgrid-btable > tbody > tr > td > table.table							{background-color: unset}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv table.ui-jqgrid-btable.table-hover > tbody > tr:hover							{background-color: unset}
#viewcnttabellengitter .form-control		{background-color: #eee}

/* Body Column Checkbox */
.ui-jqgrid #jqgh_table_cb					{overflow: visible}

/* Body Subgrid */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-bdiv table.ui-jqgrid-btable > tbody > tr > td.subgrid-data							{white-space: unset}

/* Footer */
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager																									{background-color: var(--dle-grid-footer-bg)}
.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager table.ui-pg-table > tbody > tr > td .ui-pg-button > .ui-separator									{display: none}

/* Single record view */
#viewmodgrid								{overflow-y: auto}



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



/**************************************************************************************/
/* DLE DIALOG */
/**************************************************************************************/
.ui-dialog.dle-simpleDialog		{}
.ui-dialog.dle-simpleDialog > .ui-dialog-content.modal-body		{padding: 15px}
/* Horizontal Split half */
.ui-dialog.dle-simpleDialog .dle-input-label-left .dle-input-label,
.ui-dialog.dle-simpleDialog .dle-input-label-left .dle-input-field-wrapper			{width: 49%}
.ui-dialog.dle-simpleDialog .dle-input-label-left .dle-input-field-wrapper > input	{width: 100% !important}
/* Horizontal Lookup */
.ui-dialog.dle-simpleDialog .dle-input-label-left .dle-input-field-wrapper > input:not(.hidden) + .dle-ui-date-button,
.ui-dialog.dle-simpleDialog .dle-input-label-left .dle-input-field-wrapper > .dle-lookup-wrapper > input:not(.hidden) + .dle-ui-lookup-button	{margin-left: -1.5em; position: relative}
/* Vertical Input */
.ui-dialog.dle-simpleDialog .dle-input-wrapper-div.dle-input-label-top > .dle-input-label					{overflow: hidden}
.ui-dialog.dle-simpleDialog .dle-input-wrapper-div.dle-input-label-top > .dle-input-field-wrapper			{width: 100%}
.ui-dialog.dle-simpleDialog .dle-input-wrapper-div.dle-input-label-top > .dle-input-field-wrapper input 	{min-width: 100%}
/* Vertical Icon */
.ui-dialog.dle-simpleDialog .dle-input-wrapper-div.dle-input-label-top  > .dle-input-field-wrapper input:not(.hidden) + .dle-ui-date-button,
.ui-dialog.dle-simpleDialog .dle-input-wrapper-div.dle-input-label-top  > .dle-input-field-wrapper input:not(.hidden) + .dle-ui-lookup-button {margin-left: -1.5em; position: relative}



/**************************************************************************************/
/* DLE IDE */
/**************************************************************************************/
.dle-ide-formComponent {font-size: unset !important; overflow-x: hidden}
.ui-dialog .dle-gui-component .dle-input-wrapper-div.dle-input-label-top > .dle-input-label {display: inline-table}



/**************************************************************************************/
/* DLE MENU */
/**************************************************************************************/
.dle-menu								{list-style:none; margin:0px; padding:0px; box-shadow: rgb(170 170 170) 0px 0px 1em}
.dle-menu .hide							{display:none;}
.dle-menu li a							{display:block; padding:5px 10px 5px 25px; text-decoration:none; white-space: nowrap}
.dle-menu li a:hover					{display:block}
.dle-menu li ul							{padding:0 0 9px 19px;}
.dle-menu .dle-menu-item .dle-menu-icon {position:absolute; margin-left:-1.4em}
.dle-menu .dle-submenu					{background-position: top left;}
.dle-menu.horizontal,
.dle-menu.horizontal ul {
	display: inline-table;
    list-style: none outside none;    
    position: relative;
    margin:0;
    padding:0;
}
.dle-menu.horizontal:after,
.dle-menu.horizontal ul:after			{content: ""; clear: both; display: block}
.dle-menu.horizontal li					{float:left; position:relative;}
.dle-menu.horizontal li a				{display:block;}
.dle-menu.horizontal ul					{position: absolute; top: 100%; left:-1px; }
.dle-menu.horizontal ul li				{float:none; position:relative; }
.dle-menu.horizontal ul li a			{display:block; width:auto; height:auto; }
.dle-menu.horizontal ul ul				{position: absolute; left: 100%; top:-1px;  }
.dle-menu.contextMenu					{box-shadow: rgb(170 170 170) 0px 0px 1em}
.dle-menu.contextMenu,
.dle-menu.contextMenu ul				{
	display: inline-table;
    list-style: none outside none;
    margin:0;
    padding:0;
    position: absolute;
    z-index:100000;
}
.dle-menu.contextMenu:after,
.dle-menu.contextMenu ul:after			{content: ""; clear: both; display: block}
.dle-menu.contextMenu ul				{position: absolute; left: 100%; top:0; margin-top:-1px;}
.dle-menu.contextMenu ul ul				{position: absolute; left: 100%; top:0;}
.dle-menu.contextMenu li,
.dle-menu.contextMenu ul li				{position: relative; float:none}
/* Fix for old context-menu */
.context-menu-item[class^="icon-"],
.context-menu-item[class*=" icon-"]		{font-family: Arial,Verdana,sans-serif; display:block}



/******** VFXWPS HREF ********/
tr[data-vfxwps-href]:hover		{cursor:pointer}
tr[data-vfxwps-href] td:hover	{cursor:pointer}
tr[data-vfxwps-href] p {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}