#body .ui-tabs .ui-tabs-panels {
    background: var(--color-background-box);
    border: 1px solid var(--color-border-active);
    border-radius: 0 0 var(--border-radius-tabs) var(--border-radius-tabs);
    border-top: 2px solid var(--color-border-active);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    display: inline-block;
    min-width: 100%;
}
#body .notMaximized .ui-tabs .ui-tabs-panels {
    min-width: auto;
}

#body .ui-tabs .ui-tabs-panel {
    padding: 10px;
}

#body .ui-tabs .ui-tabs-nav li {
    border: 1px solid var(--color-border-soft);
    border-radius: var(--border-radius-tabs) var(--border-radius-tabs) 0 0;
    border-bottom: none;

    margin: 0 3px 1px 0;

    background: var(--color-shade-soft-one);
    background:         linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:      -o-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
}

#body .ui-tabs .ui-tabs-nav li:hover {
    border-color: var(--color-border-hard);
    background: var(--color-shade-hard-one);
    background:         linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background:      -o-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background:     -ms-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background:    -moz-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background: -webkit-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
}

#body .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
#body .ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover {
    border-color: var(--color-border-active);
    font-weight: bold;

    background: var(--color-shade-active-one);
    background:         linear-gradient(top, var(--color-shade-active-one), var(--color-shade-active-two));
    background:      -o-linear-gradient(top, var(--color-shade-active-one), var(--color-shade-active-two));
    background:     -ms-linear-gradient(top, var(--color-shade-active-one), var(--color-shade-active-two));
    background:    -moz-linear-gradient(top, var(--color-shade-active-one), var(--color-shade-active-two));
    background: -webkit-linear-gradient(top, var(--color-shade-active-one), var(--color-shade-active-two));
}

#body .ui-tabs .ui-tabs-nav li a {
    color: var(--color-default);
    padding: 4px 8px 3px 8px;
}
#body .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: var(--color-active-inverse);
}

#body .ui-tabs form > div.footer {
    margin: 10px -10px -10px -10px;
}


#body .ui-datatable {
    width: 100%;
    border: none;
}
#body .ui-datatable table {
    table-layout: auto;
}
#body .ui-datatable tbody td {
    border: none; 
    overflow: visible;
    width: auto;
}
#body .ui-datatable > div > table > thead th,
#body .ui-datatable > div > table > tbody td,
#body .ui-datatable > div > table > tfoot td {
    border: 1px solid var(--color-border-soft);
    padding: 4px;
}
#body .ui-datatable-header {
    border: 1px solid var(--color-border-soft);
    background: var(--color-table-head-one);
    background:         linear-gradient(top, var(--color-table-head-one), var(--color-table-head-two));
    background:      -o-linear-gradient(top, var(--color-table-head-one), var(--color-table-head-two));
    background:     -ms-linear-gradient(top, var(--color-table-head-one), var(--color-table-head-two));
    background:    -moz-linear-gradient(top, var(--color-table-head-one), var(--color-table-head-two));
    background: -webkit-linear-gradient(top, var(--color-table-head-one), var(--color-table-head-two));
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
#body .ui-datatable > div > table > thead {
    background: var(--color-table-sort-one);
    background:         linear-gradient(top, var(--color-table-sort-one), var(--color-table-sort-two));
    background:      -o-linear-gradient(top, var(--color-table-sort-one), var(--color-table-sort-two));
    background:     -ms-linear-gradient(top, var(--color-table-sort-one), var(--color-table-sort-two));
    background:    -moz-linear-gradient(top, var(--color-table-sort-one), var(--color-table-sort-two));
    background: -webkit-linear-gradient(top, var(--color-table-sort-one), var(--color-table-sort-two));
}
#body .ui-datatable > div > table > tfoot {
    background: var(--color-table-footer-one);
    background:         linear-gradient(top, var(--color-table-footer-one), var(--color-table-footer-two));
    background:      -o-linear-gradient(top, var(--color-table-footer-one), var(--color-table-footer-two));
    background:     -ms-linear-gradient(top, var(--color-table-footer-one), var(--color-table-footer-two));
    background:    -moz-linear-gradient(top, var(--color-table-footer-one), var(--color-table-footer-two));
    background: -webkit-linear-gradient(top, var(--color-table-footer-one), var(--color-table-footer-two));
    text-align: inherit;
}
#body .ui-datatable-even {
    background: var(--color-table-row-even);
}
#body .ui-datatable-odd {
    background: var(--color-table-row-odd);
}
#body tr.selected {
    background: var(--color-table-row-selected);
}


* li.ui-state-disabled, li.ui-state-disabled:hover  {
    background: var(--color-shade-soft-one);
    background:         linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:      -o-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
}
#body .ui-tabs .ui-tabs-nav li.ui-state-disabled a {
	color: var(--color-disabled);
}


#body .ui-calendar {
    width: 120px;
    display: inline-block;
}
#body .ui-calendar .ui-inputfield {
    margin: 2px;
}
#body .ui-calendar.stretch {
    width: 100%;
}


#body .ui-calendar.wAuto, 
#body .ui-calendar.wAuto input[type=text] {
    width: auto;
}

#body .ui-datepicker {
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
    border-radius: var(--border-radius-buttons);
    padding: 2px;
}
#body .ui-datepicker .ui-datepicker-header {
    background: var(--color-shade-hard-one);
    background:         linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background:      -o-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background:     -ms-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background:    -moz-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
    background: -webkit-linear-gradient(top, var(--color-shade-hard-one), var(--color-shade-hard-two));
}
#body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::after,
#body .ui-datepicker .ui-datepicker-header .ui-datepicker-next::after {
    font-family: var(--font-awesome);
    font-weight: 900;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    color: var(--color-icon-default);
    margin: 5px;
}
#body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::after {
    content: "\f100";
        
}
#body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
    display: none;
}
#body .ui-datepicker .ui-datepicker-header .ui-datepicker-next::after {
    content: "\f101";    
}
#body .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
    display: none;
}
#body .ui-datepicker .ui-datepicker-calendar {
    margin: 0;
}
#body .ui-datepicker .ui-datepicker-calendar thead {
    background: var(--color-shade-soft-one);
    background:         linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:      -o-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
}
#body .ui-datepicker .ui-datepicker-calendar tbody td {
    background: #fff;
    border: 1px solid #aaa;
}
#body .ui-datepicker .ui-datepicker-calendar tbody td:hover {
    background: #def;
}
#body .ui-datepicker .ui-datepicker-calendar tbody td a {
    color: #000;
    text-align: center;
}
#body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-week-end  {
    background: #eee;
}
#body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-unselectable  {
    background: #ddd;
}
#body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today  {
    background: #dfd;
}
#body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-current-day  {
    background: #cde;
}
#body .ui-datepicker .ui-datepicker-title select {
    margin: 0 2px;
}
#body .ui-datepicker .ui-datepicker-buttonpane {
    margin: 3px 0;
    background: var(--color-shade-soft-one);
    background:         linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:      -o-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
}
#body .ui-datepicker .ui-datepicker-buttonpane button {
    background: #fff;
    margin: 3px;
    padding: 1px 4px;
    font-size: 11px;
    border-radius: var(--border-radius-buttons);
}
#body .ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: #eee;
}
#body .ui-datepicker .ui-timepicker-div {
    font-size: 0.8em;
}
#body .ui-datepicker .ui-slider {
    background: #ccc;
    border: 1px solid #555;
    border-radius: var(--border-radius-buttons);
}
#body .ui-datepicker .ui-slider .ui-slider-handle {
    border: 1px solid #000;
    border-radius: var(--border-radius-buttons);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
    background: var(--color-shade-soft-one);
    background:         linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:      -o-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
}


#body .ui-tabs  {
    position: inherit;
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none;
}

#body .ui-c {
    padding: 0;
}


#body .ql-snow .ql-fill {
    fill: var(--color-default);
}
#body .ql-snow .ql-stroke {
    stroke: var(--color-default);
}
#body .ql-snow .ql-picker {
    color: var(--color-default);
}
#body .ql-snow .ql-picker-options {
    background-color: var(--color-background);    
}

#body .ui-texteditor.ui-state-disabled {
    pointer-events: revert;
}
#body .ql-editor p {
    margin: revert;
}
#body .ql-editor {
    background-color: var(--color-input);
    border-radius: 0 0 var(--border-radius-buttons) var(--border-radius-buttons);
}
#body .ql-container.ql-disabled .ql-editor {
    background-color: var(--color-input-disabled);
    border-radius: var(--border-radius-buttons);
}
#body .ql-toolbar.ql-snow {
    border-radius: var(--border-radius-buttons) var(--border-radius-buttons) 0 0;
}
#body .ql-container.ql-snow {
    background-color: var(--color-input);
    border-radius: 0 0 var(--border-radius-buttons) var(--border-radius-buttons);
}
#body .ql-container.ql-snow.ql-disabled {
    background-color: var(--color-input-disabled);
    border-radius: var(--border-radius-buttons);
}
#body .ql-snow.ql-toolbar:after {
    display: initial; 
}

#body .ql-snow .ql-tooltip {
    background-color: var(--color-background);
    color: var(--color-default);
    left: 50% !important; 
    transform: translateX(-50%);
}
#body .ql-snow .ql-tooltip input[type=text] {
    width: 350px;
}

#body .ql-snow .ql-editor h1 {
    font-size: 1.5em;

    background: revert;
    margin: revert;
    padding: revert;
    line-height: revert;
    min-height: revert;
    box-shadow: revert;
    border-bottom: revert;
}
#body .ql-snow .ql-editor h2 {
    font-size: 1.25em;
}


ul + p:has(> br:only-child),
ol + p:has(> br:only-child) {
    display: none;
}