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


*/



/**************************************************************************************/
/* BOOTSTRAP DEFAULTS */
/**************************************************************************************/
body												{padding-top: 50px}
/* Input Number for Firefox */
input[type='number']								{-moz-appearance: textfield}
/* Inline PDF */
embed[type='application/pdf']						{width: 100%; min-height: 33vh}
object[type='application/pdf']						{width: 100%; min-height: 33vh}
/* Disable up/down button for numbers */
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}
/* Checkbox */
input[type='checkbox']								{width: 1em; height: 1em; margin-right: 0.25em}
/* Time */
input[type='time']:invalid							{background-color: #fddfdf}
@-moz-document url-prefix()
{
	textarea										{overflow-x: hidden}
}
.dle-separator a									{cursor: default}



/**************************************************************************************/
/* PAGE STRUCTURE */
/**************************************************************************************/

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

span.alert											{padding: 1px}
.hide-always										{display: none !important}
.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 */
/* 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}

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



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

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

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

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

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

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



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

/* Default Width */
.row > div > textarea[rows],
.row > div > .dle-input-wrapper-div > .dle-input-field-wrapper > textarea.dle-input-textarea,
.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%}

/* Alert */
.alert												{border: 1px solid #ddd}
.alert-default										{border: 1px solid #ddd}

/* Button */
.btn > p											{overflow-x: hidden}
.btn-block											{overflow-x: hidden}

/* Card */
.card												{border: 1px solid #ddd; border-radius: 0.5em; margin: 0.5em; padding: 0.5em; width: 320px; display: inline-block}

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

/* 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 {
    height: 1.9em;
    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 {
    height: 1.9em;
    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}

/* Form Control */
.form-control										{padding: 0 6px 0px 6px}
select.form-control									{height: 34px}
.form-control-plaintext								{border: none; background: none}

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

/* Input */
.dle-input-error-icon.fa-check-circle				{color: green; cursor: default}
.dle-input-error-icon.fa-minus-circle				{color: red; cursor: default}
.dle-input-hidden, .dle-input-hidden + .icon-search, .dle-input-hidden + input[type='hidden'] + .icon-search {display: none !important}
/* All */
.dle-input-string, .dle-input-number, .dle-input-date, .dle-input-date-time, .id_search, .dle-input-choice select {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
     background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    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;
}
.dle-input-string[disabled],
.dle-input-number[disabled],
.dle-input-date[disabled],
.dle-input-date-time[disabled],
.id_search[disabled],
textarea[readonly='readonly'],
body.vfxwps .ui-state-disabled						{cursor: not-allowed; background-color: #eee; opacity: 1}

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

/* 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-header.ui-draggable-handle					{cursor: move}
.modal																			{z-index: 2000 !important; min-width: 33%}
.modal > .modal-dialog > .modal-content > .modal-body							{min-height: 6em; overflow-x: auto; padding: 15px}
.modal > .modal-dialog > .modal-content > .modal-body h2,
.modal > .modal-dialog > .modal-content > .modal-body pre						{overflow-wrap: break-word}
.modal > .modal-dialog > .modal-content > .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 Tab */
.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}

/* Row + Col */
.col												{width: 8.33333333%; 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 */
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: 14px}
.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)}

/* Table */
table.table-sm										{font-size: 0.9em !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.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper					{width: -webkit-fill-available}
table.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper > input.dle-input-string,
table.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper > input.dle-input-number,
table.table > tbody > tr > td > .dle-input-label-top > .dle-input-field-wrapper > .dle-lookup-wrapper > input.dle-input-lookup {width: -webkit-fill-available}

/* Textarea */
.dle-input-textarea {height: auto; resize: none}

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

/* Text */
.text:before										{content: ' '}
.text-line:before									{content: '\A'; display: block}



/**************************************************************************************/
/* BOOTSTRAP CLASSES */
/**************************************************************************************/
.bg-gold											{background-color: #ffbf00}
.bg-gold-subtle										{background-color: #ffeadf}
.bg-orange-subtle									{background-color: #ffeadf}
.bg-purple-subtle									{background-color: #d6d6ff}



/**************************************************************************************/
/* 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											{max-width: 95%; z-index: 2000 !important; box-shadow: rgb(170 170 170) 0px 0px 1em}
.ui-dialog-titlebar > .ui-dialog-titlebar-close				{background: unset !important; margin-top: -10px !important}
.ui-dialog-titlebar > .ui-dialog-titlebar-close:after		{font-family: FontAwesome; font-size: 1.0em; content: "\f00d "}
.ui-dialog-titlebar > .ui-dialog-titlebar-close:hover		{box-shadow: 0 0 4px #aaa}
.ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button	{margin: .5em .4em 0 0 !important}

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

/* Pager has same background color as rest of Grid */
/* Column sorting icon (asc/desc) has higher z-inder than column header text */
.ui-jqgrid > .ui-jqgrid-view table.ui-jqgrid-htable .ui-jqgrid-sortable > .s-ico							{background-color: #e5e5e5; float: right; top: 0; position: absolute; right: 0}

/* General */
.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv table.ui-jqgrid-btable > tbody > tr > td.ui-pg-button:not(.ui-state-hover) {border: 1px solid #ddd; border-top: none; border-left: none}
.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv .ui-search-input .form-control.dle-grid-datepicker-native	{padding: 0}
.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv table.ui-jqgrid-btable > tbody > tr > td.subgrid-data		{white-space: unset}

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

/* Pager */
.ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv, .ui-jqgrid > .ui-jqgrid-pager								{background-color: #e5e5e5}

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

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



/**************************************************************************************/
/* 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 */
.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}
/* Input without label */
.dle-label-none, .dle-skiplabel			{padding-top: 24px}
/* decorations */
.dle-strikethrough						{text-decoration: line-through}



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



/**************************************************************************************/
/* BOOTSTRAP 5 COMPATIBILITY */
/**************************************************************************************/
.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}
.text-end											{text-align: right !important}



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