@CHARSET "UTF-8";
body {
	--c_baseHead: #00b2d5;
	--c_baseNavi: #99ca3c;
	--c_notWhite: #FCFCFC;
	--c_notBlack: #333333;

	--c_baseBack: var(--c_notWhite);
	--c_baseBorder: var(--c_notBlack);

	--c_secondBack: #ecedde;
	--c_secondBorder: #8c8373;

	--c_error: #FF0000;
	--c_errorBack: #e6b3b3;
	--c_errorBorder: #8c8373;

	--c_warn: #ff6a00;
	--c_warnBack: #e6c8b3;
	--c_warnBorder: #8c8373;

	--c_info: #00ff00;
	--c_infoBack: #b3e6b3;
	--c_infoBorder: #738c73;

	--c_highlight: #0055ff;
	--c_highlightBack: #b3c4e6;
	--c_highlightBorder: #737b8c;

	--c_baseText: #000000;
	--c_baseTextSize: 12px;
	--c_baseTextFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;

	--c_baseLink: #0078D0;
	--c_baseLinkHover: #0090FF;
	--c_baseLinkVisited: #0090FF;

	--c_even: #F9F9F9;
	--c_odd: #F3F3F3;

	--c_darkAcc: #E0E0E0;
	--c_lightAcc: #F3F3F3;
	--c_lightHigh: #D9E283;
	--c_darkHigh: #B5CB31;
	--c_darkLow: #262626;
	--c_lightLow: #4d4d4d;

	--c_darkGreen: #353d00;
	--c_lightGreen: #c7e600;
	--c_offGreen: #778040;
}

html,
body {
	margin: 0;
	padding: 0;
	color: var(--c_baseText);
	font-size: var(--c_baseTextSize);
	font-weight: normal;
	font-family: var(--c_baseTextFamily);
}

/** COMMON **/

img {
	border: none;
}

label {
	font-weight: bold;
}

label[title] {
	padding-right: 20px;
}

a {
	color: var(--c_baseLink);
}

a:hover {
	color: var(--c_baseLinkHover);
}

a:visited {
	color: var(--c_baseLinkVisited);
}

.embedLink > a {
	text-decoration: none;
}
.embedLink > a:hover {
	text-decoration: underline;
}


div.filter {
	display: grid;
	grid-column-gap: 2ch;
	grid-row-gap: 0.5em;
	place-items: center center;
	padding: 5px;
}

div.filterButtons > * {
	margin-right: 2ch;
}

.evenRow {
	background-color: var(--c_even);
}

.oddRow {
	background-color: var(--c_odd);
}

.dataControls {
	display: inline-block;
}

.dataControls > div {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.rowToggler {
	width: 2ch;
}

.error, .errorIcon,
.ui-button.error > .ui-button-text,
.ui-button.error > .ui-icon {
	color: var(--c_error);
}
.warn, .warnIcon,
.ui-button.warn > .ui-button-text,
.ui-button.warn > .ui-icon {
	color: var(--c_warn);
}
.info, .infoIcon,
.ui-button.info > .ui-button-text,
.ui-button.info > .ui-icon {
	color: var(--c_info);
}
.highlight, .highlightIcon,
.ui-button.highlight > .ui-button-text,
.ui-button.highlight > .ui-icon {
	color: var(--c_highlight);
}
.error, .warn, .info, .highlight {
	font-weight: bold;
}

/** NEW FORMS **/

div.inputForm:not(.ui-panel),
div.inputForm > .ui-panel-content{
	display: grid;
	grid-column-gap: 1ch;
	grid-row-gap: 0.5em;
}

div.inputForm:not(.ui-panel) > label,
div.inputForm > .ui-panel-content > label {
	justify-self: end;
	align-self: center;
}

div.rc-permission {
	display: inline-flex;
}

div.rc-permission > div.rc-permission-opts {
	display: inline-grid;
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
	grid-column-gap: 5px;
	align-items: center;
}

.rc-blur, .rc-blur_true {
	opacity: 0.8;
}

.gridFullRowDefault > * , .gridFullRow {
	grid-column: 1 / end;
}

div.tooltipPanel .ui-tooltip-text {
	padding: 1em;
	display: inline-grid;
	grid-template-columns: max-content 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	align-items: center;
	background-color: var(--c_lightHigh);
	color: var(--c_notBlack);
	border-color: var(--c_darkGreen);
}
div.tooltipPanel .ui-tooltip-text > label {
	justify-self: end;
}

span.preformatted {
	white-space: pre-wrap;
}

/** UI OVERRIDES **/

.ui-state-default, .ui-widget-content .ui-state-default:not(.ui-inputfield) {
	background: linear-gradient(var(--c_lightAcc), var(--c_darkAcc));
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight:not(.ui-inputfield) {
	background: linear-gradient(var(--c_darkAcc), var(--c_lightAcc));
	color: var(--c_baseText);
	text-shadow: var(--c_notWhite);
}

.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus {
	border-color: var(--c_darkHigh);
	box-shadow: 0 0 8px var(--c_darkHigh),inset 0 1px 0 var(--c_notWhite);
}
.ui-state-hover, .ui-widget-content .ui-state-hover:not(.ui-inputfield),
.ui-state-focus, .ui-widget-content .ui-state-focus:not(.ui-inputfield) {
	background-color: var(--c_lightAcc);
}

.ui-tabmenuitem.ui-state-active .ui-menuitem-link.ui-state-disabled {
	color: inherit;
	opacity: inherit;
}

.ui-panel {
	background-color: var(--c_baseBack);
	border-color: transparent;
	color: var(--c_baseText);
	border-radius: 6px;
	padding: 0;
}

form > .ui-panel:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

form > .ui-panel:not(:last-of-type) {
	margin-bottom: 1em;
}

.ui-panel-titlebar {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
}

.ui-panel .ui-panel-content {
	padding: 1em;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.ui-panel.secondary,
.ui-tabs.secondary {
	background-color: var(--c_secondBack);
	border-color: var(--c_secondBorder);
}

.ui-panel.secondary .ui-panel-titlebar {
	background: linear-gradient(var(--c_lightHigh), var(--c_darkHigh));
}

.ui-panel.secondary .ui-panel,
.ui-tabs.secondary .ui-tabs-panel {
	background: transparent;
}

.ui-panel.secondary .secondary,
.ui-tabs .secondary,
.tabpagecombo .secondary {
	border-color: var(--c_darkHigh);
}


.ui-button {
	color: var(--c_baseText);
	font-weight: bold;
	border-radius: 6px;
}
.ui-button > .ui-icon {
	padding-top: 0.1em;
}
.ui-button-text-only .ui-button-text {
	padding: 0.4em 2ch;
}

.ui-autocomplete input.ui-autocomplete-input.ui-inputfield {
	background-color: var(--c_notWhite);
	background-image: none;
}

.ui-autocomplete-input:not(.ui-autocomplete-dd-input),
.ui-calendar input.ui-inputfield,
.ui-inputnumber input.ui-inputfield {
	width: 100%;
	box-sizing: border-box;
}

.ui-selectonelistbox {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	box-sizing: border-box;
}

.ui-datatable-tablewrapper {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.ui-datatable-tablewrapper > table {
	table-layout: auto;
}

.ui-datatable-tablewrapper > table > * > tr > td {
	height: 30px;
}

.ui-datatable-tablewrapper > table > * > tr > td > input {
	width: 100%;
	box-sizing: border-box;
}

.ui-datatable-tablewrapper > table > * > tr > th.ml_header > span{
	display: inline-flex;
	flex-direction: column;
}

.ui-widget-header,
.ui-widget-header.ui-datatable-header {
	background: linear-gradient(var(--c_darkAcc), var(--c_lightAcc));
	border-color: var(--c_darkAcc);
}

.ui-panel.secondary .ui-widget-header.ui-datatable-header {
	background: linear-gradient(var(--c_darkHigh), var(--c_lightHigh));
}

.ui-widget-content {
	color: var(--c_baseText);
}

.ui-tabs,
.ui-tabmenu {
	background-color: var(--c_secondBack);
	border-radius: 6px;
	border-color: var(--c_darkAcc);
}

.ui-tabs-top > ul.ui-tabs-nav,
.ui-tabmenu > ul.ui-tabmenu-nav {
	background: linear-gradient(var(--c_notWhite), var(--c_lightHigh));
}

.ui-tabs-bottom > ul.ui-tabs-nav {
	background: red; /*fixthis*/
}

.ui-tabs .ui-tabs-nav > li,
.ui-tabmenu ul.ui-tabmenu-nav > li {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.ui-tabs .ui-tabs-nav > li:not(.ui-tabs-selected),
.ui-tabmenu ul.ui-tabmenu-nav > li:not(.ui-state-active) {
	background: var(--c_lightHigh);
}

.ui-tabs .ui-panel,
.ui-tabmenu .ui-panel {
	background: transparent;
}

.ui-tabmenu.tabpagecombo {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.ui-panel.tabpagecombo {
	background-color: var(--c_secondBack);
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-color: var(--c_darkAcc);
}



.ui-accordion > div.ui-accordion-header {
	border-radius: 6px;
}

.ui-accordion > .ui-accordion-content {
	background-color: var(--c_baseBack);
}

.ui-growl {
	width: 60ch;
}

.ui-growl-item-container {
	background: linear-gradient(var(--c_secondBack), var(--c_notWhite));;
	color: var(--c_baseText);
	font-size: 14px;
}

.ui-growl-item-container.ui-growl-error {
	background: linear-gradient(var(--c_errorBack), var(--c_notWhite));
}

.ui-growl-item-container.ui-growl-info {
	background: linear-gradient(var(--c_infoBack), var(--c_notWhite));
}

.ui-growl-message {
	width: auto;
}

.ui-growl-message > p {
	white-space: pre-wrap;
}

.ui-toggleswitch .ui-toggleswitch-slider {
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	border-radius: 30px;
	background-color: var(--c_lightHigh);
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: var(--c_darkHigh);
}

.ui-toggleswitch .ui-toggleswitch-slider::before {
	background-color: var(--c_notWhite);
	height: 1.250em;
	width: 1.250em;
	left: .25em;
	bottom: .25em;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

fieldset.ui-fieldset .ui-fieldset-legend {
	padding: 0.2em 1ch;
}

/** QL OVERRIDES **/

.ui-editor-toolbar.ql-toolbar {
	padding: 2px;
	background: var(--c_notWhite);
	background: linear-gradient(var(--c_notWhite), var(--c_darkAcc))
}
.ql-editor {
	padding: 10px;
	background: var(--c_notWhite);
}

/** AFTER UI OVERRIDES **/

.internalTabs.ui-tabs {
	grid-area: texts;
	padding: 0;
	border: none;
}
.internalTabs.ui-tabs,
.internalTabs.ui-tabs > ul {
	background: transparent;
}
.internalTabs.ui-tabs > .ui-tabs-panels > .ui-tabs-panel {
	padding: 0;
}

.dataControls .ui-button-icon-only.ui-button {
	background: none;
	border: none;
}

td.dataError {
	color: var(--c_error);
	background-color: var(--c_errorBack);
}

.ui-inputfield.displayOnly,
.ui-inputnumber.displayOnly {
	border-color: transparent;
	box-shadow: 0 0 8px var(--c_darkGreen);
}
.ui-inputnumber.displayOnly > .ui-inputfield {
	border-color: transparent;
	box-shadow: none;
}

.softDisable > .ui-state-disabled:not(button),
.softDisable > .ui-state-disabled > label, .ui-panel.softDisable > .ui-panel-content > .ui-state-disabled > label,
.softDisable > .ui-state-disabled > .ui-inputfield, .ui-panel.softDisable > .ui-panel-content > .ui-state-disabled > .ui-inputfield,
.softDisable > .ui-state-disabled > .ui-toggleswitch-slider, .ui-panel.softDisable > .ui-panel-content > .ui-state-disabled > .ui-toggleswitch-slider,
.softDisable > .ui-calendar > .ui-state-disabled, .ui-panel.softDisable > .ui-panel-content > .ui-calendar > .ui-state-disabled,
.softDisable > .ui-inputnumber > .ui-state-disabled, .ui-panel.softDisable > .ui-panel-content > .ui-inputnumber > .ui-state-disabled,
.softDisable.ui-state-disabled.ui-selectonemenu, .softDisable.ui-state-disabled.ui-selectonemenu > .ui-selectonemenu-trigger, .softDisable.ui-state-disabled.ui-selectonemenu > .ui-selectonemenu-label,
.softDisable.ui-state-disabled.ui-selectonelistbox, .softDisable.ui-state-disabled.ui-selectonelistbox .ui-state-disabled,
textarea.softDisable.ui-state-disabled, .ui-panel.softDisable > .ui-panel-content > textarea.ui-state-disabled,
input[type="text"].softDisable.ui-state-disabled, .ui-panel.softDisable > .ui-panel-content > input[type="text"].ui-state-disabled {
	pointer-events: auto !important;
	cursor: not-allowed !important;
	opacity: .9;
}

/* OBSOLETE */

div.vgrid {
	display: grid;
	grid-template-columns: 100%;
	grid-row-gap: 1em;
	justify-items: stretch;
	border: 1px solid orange !important;
}

div.hgrid {
	display: grid;
	grid-template-rows: 100%;
	grid-column-gap: 1ch;
	align-items: stretch;
	border: 1px solid orange !important;
}

div.kvform {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 2ch;
	align-items: center;
	padding: 5px;
	border: 1px solid orange !important;
}

div.kvform > *:nth-child(odd)  {
	text-align: right;
	border: 1px solid orange !important;
}

