:root {
	--ws-bg-color: #F0F2F5;
	
	--ws-dashlet-header-bg-color: #e6e3e1;
	--ws-dashlet-header-fg-color: #000000;
	--ws-dashlet-border-color: #aaaaaa;
	
	--ws-dashlet-header-button-bg-color: #e6e3e1;
	--ws-dashlet-header-button-border-color: #e6e3e1;
	--ws-dashlet-header-button-icon-color: #1e678e;
	--ws-dashlet-header-button-icon-hover-color: #e6e3e1;
	--ws-dashlet-header-button-border-hover-color: #636363;
	--ws-dashlet-header-button-bg-hover-color: #636363;
	
	--ws-dashlet-active-tab-bg-color: #ffffff;
	--ws-dashlet-active-tab-fg-color: #000000;
	--ws-dashlet-default-tab-bg-color: #e6e3e1;
	--ws-dashlet-default-tab-fg-color: #000000;
	--ws-dashlet-tab-border-color: #aaaaaa;

	
	
	--ws-table-header-bg-color: #ffffff;
	--ws-table-header-fg-color: #1e4b8e;
	--ws-table-header-border-color: #e6e3e1;
	
	--ws-layout-semi-space: 8px;
	/*
	#e6e3e1 grigio
	color: #1e4b8e;  blue
	*/
}

/*****************************
***** wide-skin *************
*****************************/
body.wide-skin #layout:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-bg-color) !important;
/* 	padding: var(--ws-layout-semi-space); */
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

body.wide-skin .ui-layout-resizer:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-bg-color);
}

body.wide-skin .dashlet-tab:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-bg-color);
	box-sizing: border-box;
}

body.wide-skin .ui-dialog .dashlet-tab:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: transparent;
}

body.wide-skin .layout-tab:where(:not(.chroma-flow, .chroma-flow *)) {
	padding: var(--ws-layout-semi-space);
}

body.wide-skin .dashlet-tab-panes.dashlet-tab-layout:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-bg-color);
}

body.wide-skin .dashlet-area:where(:not(.chroma-flow, .chroma-flow *)) {
	padding: var(--ws-layout-semi-space);
}

body.wide-skin .dashlet-panel:not(.in-tab):not(.recycle-bin):where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin #top-area:where(:not(.chroma-flow, .chroma-flow *)) {
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
	border: 1px solid var(--ws-dashlet-border-color);
	border-radius: 4px;
}

body.wide-skin .dashlet-tab-panes:where(:not(.chroma-flow, .chroma-flow *)) {
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
	border: 1px solid var(--ws-dashlet-border-color);
	border-radius: 0 4px 4px 4px;
}

body.wide-skin .ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-default:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-default-tab-bg-color);
	border-color: var(--ws-dashlet-tab-border-color);
}

body.wide-skin .ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-default a:where(:not(.chroma-flow, .chroma-flow *)) {
    color: var(--ws-dashlet-default-tab-fg-color);
}

body.wide-skin .simple-tab.ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-active:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-active-tab-bg-color);
	border-color: var(--ws-dashlet-tab-border-color);
}

body.wide-skin .simple-tab.ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-default:hover:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-active-tab-bg-color);
}

body.wide-skin .complex-tab.ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-active:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-bg-color);
	border-color: var(--ws-dashlet-tab-border-color);
}

body.wide-skin .complex-tab.ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-default:hover:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-bg-color);
}

body.wide-skin .ui-tabs > ul.ui-widget-header.ui-tabs-nav li.ui-state-active a:where(:not(.chroma-flow, .chroma-flow *)) {
    color: var(--ws-dashlet-active-tab-fg-color);
}

body.wide-skin .dashlet-tab-controls:where(:not(.chroma-flow, .chroma-flow *)) {
	top: var(--ws-layout-semi-space);
	right: var(--ws-layout-semi-space);
}

body.wide-skin .dashlet-header:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-header-bg-color);
	color: var(--ws-dashlet-header-fg-color);
	border-width: 0px;
}

body.wide-skin .dashlet-header.ui-widget-header .dashlet-header-button:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-header.ui-widget-header .dashlet-header-button ~ label:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-header-button-bg-color);
	border-color: var(--ws-dashlet-header-button-border-color);
}

body.wide-skin .dashlet-header.ui-widget-header.ui-panel-header:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-tab-panes.dashlet-tab-layout .dashlet-header.ui-widget-header:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-header-button-bg-color);
	border-color: var(--ws-dashlet-header-button-border-color);
}

body.wide-skin .dashlet-header .dashlet-header-button ~ label.ui-state-active:where(:not(.chroma-flow, .chroma-flow *)) {
	border-color: var(--ws-dashlet-header-button-icon-color);
}

body.wide-skin .dashlet-header .dashlet-header-button .ui-icon.f-icon:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-header .dashlet-header-button ~ label .ui-icon.f-icon:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-header .dashlet-header-button ~ label.ui-state-active .ui-icon.f-icon:where(:not(.chroma-flow, .chroma-flow *)) {
	color: var(--ws-dashlet-header-button-icon-color);
}

body.wide-skin .dashlet-header .dashlet-header-button:hover:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-header .dashlet-header-button ~ label:hover:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-dashlet-header-button-bg-hover-color);
	border-color: var(--ws-dashlet-header-button-border-hover-color);
}

body.wide-skin .dashlet-header .dashlet-header-button:hover .ui-icon.f-icon:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-header .dashlet-header-button ~ label:hover .ui-icon.f-icon:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dashlet-header .dashlet-header-button:hover .ui-button-text:where(:not(.chroma-flow, .chroma-flow *)) {
	color: var(--ws-dashlet-header-button-icon-hover-color);
}

body.wide-skin .dashlet-panel:not(.no-header) .dashlet-content:where(:not(.chroma-flow, .chroma-flow *)) {
	border-top: 1px solid var(--ws-dashlet-border-color);
}

body.wide-skin .dashlet-panel.no-header .dashlet-content:where(:not(.chroma-flow, .chroma-flow *)) {
	border-top-width: 0px;
	border-radius: 4px;
}

/* <used to remove original borders> */

body.wide-skin .dashlet-content.with-borders:where(:not(.chroma-flow, .chroma-flow *)) {
	border-width: 0;
}

body.wide-skin fieldset.dashlet-fieldset:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .ui-dialog .dashlet-panel fieldset.dashlet-fieldset:where(:not(.chroma-flow, .chroma-flow *)) {
	border-width: 0px;
}

body.wide-skin .dashlet-footer:where(:not(.chroma-flow, .chroma-flow *)) {
	border: none;
	border-top: 1px solid var(--ws-dashlet-border-color);
}

body.wide-skin .dashlet-panel .dataTables_scroll:where(:not(.chroma-flow, .chroma-flow *)) {
	border-width: 0px;
}

body.wide-skin .dashlet-panel .dataTables_info:where(:not(.chroma-flow, .chroma-flow *)) {
	border: none;
    border-top: 1px solid var(--ws-dashlet-border-color);
}

body.wide-skin .dashlet-panel .dataTables_wrapper .dataTables_caption:where(:not(.chroma-flow, .chroma-flow *)) {
	border: none;
    border-bottom: 1px solid var(--ws-dashlet-border-color);
}

body.wide-skin .dashlet-panel .dataTables_wrapper .dataTables_caption.bottom:where(:not(.chroma-flow, .chroma-flow *)) {
	border: none;
    border-top: 1px solid var(--ws-dashlet-border-color);
}

body.wide-skin .dashlet-panel .dataTables_wrapper .dataTables_filter:where(:not(.chroma-flow, .chroma-flow *)) {
	border: none;
    border-bottom: 1px solid var(--ws-dashlet-border-color);
    background-color: transparent;
}

/* TABLES INSIDE FORM */

body.wide-skin div.table-container .dataTables_scroll:not(.spinner-field):where(:not(.chroma-flow, .chroma-flow *)) {
	border-width: 1px;
}

body.wide-skin div.table-container .dataTables_info:not(.spinner-field):where(:not(.chroma-flow, .chroma-flow *)) {
	border-width: 0 1px 1px 1px;
	border-style: solid;
    border-color: var(--ws-dashlet-border-color);
}

body.wide-skin  div.table-container .dataTables_wrapper .dataTables_filter:not(.spinner-field):where(:not(.chroma-flow, .chroma-flow *)) {
	border-width: 1px 1px 0 1px;
	border-style: solid;
    border-color: var(--ws-dashlet-border-color);
}
/**************************/


/* </used to remove original borders> */

body.wide-skin .dataTables_scrollHead .dataTable thead th:where(:not(.chroma-flow, .chroma-flow *)),
body.wide-skin .dataTables_scrollFoot .dataTable tfoot th:where(:not(.chroma-flow, .chroma-flow *)) {
	background-color: var(--ws-table-header-bg-color);
	color: var(--ws-table-header-fg-color);
	border-color: var(--ws-table-header-border-color);
}

body.wide-skin .dataTables_scrollHead .ui-state-default .table-icons.ui-icon.f-icon:where(:not(.chroma-flow, .chroma-flow *)) {
	color: var(--ws-table-header-fg-color);
}