:root {
	--primary-color: #1A535C;
	--base-foreground-color: black;
	--text-color: black;
	--button-color: black;
	--text-alt-color: white;
	--base-divider-color: var(--button-color);
	--base-divider-color-alternative: var(--base-divider-color);
    --base-color: var(--primary-color);
    --base-highlight-color: var(--primary-color);
    --base-light-color: var(--primary-color);
    --base-dark-color: var(--primary-color);
    --base-pressed-color: var(--primary-color);
    --base-focused-color: var(--primary-color);
    --text-size: 15px;
    --accent-color: var(--primary-color);
}

/* Celle di griglie con contenuto che va a capo e non viene troncato */
.x-gridcell-body-el {
    white-space: normal !important;
}

/* Personalizzazioni dashboard */
#centerpanel > .x-body-el > #dashboard > .x-body-wrap-el  > .x-dock > .x-toolbar{
    background-color: transparent !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
#dashboard {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
#dashboard > .x-panelheader, #dashboard .x-panel:not(:first-child) .x-panelheader {
    border-top: 1px solid var(--faded-color) !important;
    border-bottom: 1px solid var(--faded-color) !important;
}
#dashboard .x-panel:first-child .x-panelheader {
    border-top: none !important;
    border-bottom: 1px solid var(--faded-color) !important;
}
.x-pagingtoolbar {
    border: 1px solid var(--faded-color) !important;
}

/* Personalizzazioni toolbar docked bottom */
.x-panel.no-padding .x-toolbar.x-docked-bottom > .x-body-el {
    padding: 0 !important;
}

.x-panel .x-toolbar .x-button {
    background-color: var(--primary-color) !important;
    color: var(--text-alt-color) !important;
}
.x-panel .x-toolbar .x-button .x-arrow-el:before, .x-panel .x-toolbar .x-button .x-icon-el::before, #centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .x-icon-el::before {
    color: var(--text-alt-color) !important;
}

#centerpanel > .x-body-el >  .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .x-icon-el.fa-times::before, #centerpanel > .x-body-el >  .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .x-icon-el.fa-pencil::before {
    color: var(--text-color) !important;
}

.itemselector .x-toolbar .x-button, .x-pagingtoolbar.x-toolbar .x-button {
    background-color: transparent !important;
}
.itemselector .x-toolbar .x-button .x-icon-el::before, .x-pagingtoolbar.x-toolbar .x-button .x-icon-el::before {
    color: var(--text-color) !important;
}
#tabselector {
    margin-right: 10px !important;
}

.accessibility .x-grid-cell-inner {
    font-weight: bold;
    font-size: 10pt;
}