html, body{
	font-family: 'Roboto Condensed', sans-serif !important;
	letter-spacing: 0.02em;
}

.icon_ticket_elenca_allegati_show {
	background-image:url(../k-wings/img/icon-resp/application_view_list.png) !important;
}

.btn-indicatore-red
{
	background-color:#E80019 !important;
	border-radius: 50%;

}
.btn-indicatore-green
{
	background-color:#3ba935 !important;
	border-radius: 50%;

}
.btn-indicatore-yellow
{
	background-color:#fbff1e !important;
	border-radius: 50%;

}
.btn-indicatore-orange
{
	background-color:#ff9d1e !important;
	border-radius: 50%;
}

.fab::before,.fas::before{
	font-size:var(--text-size) !important;
	color:var(--button-color) !important;
}

.x-tool-gridcell .fab::before, .x-tool-gridcell .fas::before, .x-menuitem .fab::before, .x-menuitem .fas::before {
	font-size:17px !important;
}
#menu .x-treelist-nav .x-treelist-item-text {
	margin-left: 5px !important;
}

#centerpanel, .dashboard{
	 padding: 20px;
}
#centerpanel.x-container{
	 border-radius: 0px !important;
}
#centerpanel, .dashboard, .dashboard > .x-body-wrap-el > .x-body-el, .dashboard-panel, .dashboard-panel > .x-body-wrap-el > .x-body-el, .dashboard > .x-body-wrap-el > .x-dock > .x-body-el {
    background-color: #e8e8e8 !important;
    padding: 0px 5px 0px 5px;
}
.x-container{
	border-radius: 5px;
}
.filter .x-form-fieldset-title{
	font-weight: bold !important;
}
.filter .x-form-fieldset-body-el .x-radiofield .x-box-label-el{
	font-size: 13px !important;
}
.filter .x-form-fieldset-body-el .x-radiofield .x-icon-el:before{
	font-size: 1.2rem !important;
}
.filter.x-textfield > .x-body-wrap-el{
    padding: 5px 5px;
}
.x-textfield .x-input-el{
	font-size: var(--text-size) !important;
}
.x-textfield > .x-body-wrap-el{
	background-color: #E3E3E3;
    border-radius: 3px;
    padding: 12px 10px 12px 16px;
}

.x-textfield .x-underline-el {
	height: 0 !important;
}

.x-textfield.x-focused .x-underline-el::before {
	background-color: transparent !important;
	
}
.x-focused > .x-body-wrap-el{
	-webkit-box-shadow: inset 0px 0px 0px 2px var(--primary-color);
	-moz-box-shadow: inset 0px 0px 0px 2px var(--primary-color);
	box-shadow: inset 0px 0px 0px 2px var(--primary-color);
}

.itemselector .x-toolbar .x-label > .x-innerhtml{
	color: var(--text-color) !important;
}
.itemselector .x-toolbar{
	border-bottom: 1px solid #e3e3e3 !important;
	box-shadow: none !important;
	background-color: #f9f9f9;
	font-weight: bold;
}
.itemselector .x-label > .x-innerhtml{
	color: #72706d !important;
}
.itemselector .x-button .x-icon-el{
	color: #72706d !important;
}
.itemselector .x-panel-body-el .x-label{
	padding: 12px 10px 12px 16px;
	font-size: var(--text-size);
}
.itemselector{
	box-shadow: none !important;
	border: 1px solid #e3e3e3;
}

.x-toolbar{
	border-radius: 0px !important;
	border-bottom: 1px solid #E3E3E3 !important;
	box-shadow: none !important;
}

.x-toolbar .x-textfield > .x-body-wrap-el{
    padding: 5px 5px;
}
#viewport > .x-body-wrap-el > .x-dock > .x-toolbar > .x-toolbar-body-el{
	padding: 0px !important; 
    min-height: 48px;
}
#viewport > .x-body-wrap-el > .x-dock > .x-toolbar{
	border-bottom: 1px solid var(--primary-color) !important;
}
#viewport,#ext-viewport{
	 border-radius: 0px;
}
.btn-menu, .x-big .btn.menu{
		min-height: 48px;
		border-radius: 0px !important;
}
.btn-menu.x-hovered .x-inner-el,.btn-menu.x-pressing .x-inner-el,.btn-menu .x-inner-el .x-ripple-container,.x-big .btn-menu.x-hovered .x-inner-el,.x-big .btn-menu.x-pressing .x-inner-el,.x-big .btn-menu .x-inner-el .x-ripple-container{
	border-radius: 0px !important;
}
.btn-custom{
	background-color: var(--primary-color);
}
.btn-custom .x-text-el, .btn-custom.x-button .x-icon-el, #centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .btn-custom.x-button .x-icon-el::before, #centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .btn-custom.x-button .x-arrow-el{
		color: var(--text-alt-color) !important;	
}
/*
.btn-salva{
	margin-right: 10px !important;
}
.btn-tab-selector{
	margin-right: 10px !important;
}
*/
#centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar {
    background-color: #F5F5F5 !important;
}
#centerpanel > .x-body-el > #dashboard > .x-body-wrap-el  > .x-dock > .x-toolbar{
	background-color: transparent !important;
	box-shadow: none;
}
#dashboard > .x-body-wrap-el  > .x-dock >  .x-toolbar .x-innerhtml{
	font-size: 25px;
}
#dashboard {
	box-shadow: none !important;
}
.x-sliderfield{
	padding: 0px 10px 0px 10px; 
}
.element-panel {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}

.element-panel > .x-body-wrap-el > .x-dock > .x-body-el .x-toolbar{
	background-color: transparent !important;
}
.x-managed-borders > .x-docked-top {
	border-bottom-width: 1px !important;
}
.x-box-label-el{
	font-size: var(--text-size) !important;
}
.x-checkboxfield .x-icon-el:before {
	font-size: 1.5rem !important;;
}
.x-checkboxfield .x-icon-el{
	width: 1.5rem;
	height: 1.5rem;
}
.btn-tabselector .x-inner-el .x-body-el .x-icon-el{
	width: 2rem;
	/*height: 1.5rem;*/
}
.x-panelheader{
	border-radius: 0 !important;
	background-color: #F5F5F5 !important;
	border-top: 1px solid var(--primary-color) !important;
    border-bottom: 1px solid var(--primary-color) !important;
}
#centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar > .x-dock > .x-panel > .x-panelheader .x-icon-el::before{
	color: var(--text-alt-color) !important;
}
.x-panelheader .x-icon-el:before{
	font-size: 20px;
    background-color: var(--primary-color);
    color: var(--text-alt-color);
    padding: 13px;
    margin-left: 5px;
}
.x-docked-bottom .x-body-wrap-el{
	padding: 0px 10px 0px 10px;
}
.x-docked-bottom > .x-panelheader.x-docked-top{
	min-height: 50px !important;
}
.search-container{
	background-color: #E3E3E3;
	margin-left: 5px;
}
.search-container .x-textfield{
	width: 200px !important;
}
#centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .x-has-menu.x-button.x-pressed .x-icon-el::before, #centerpanel > .x-body-el > .x-panel > .x-body-wrap-el > .x-dock > .x-toolbar .x-has-menu.x-button.x-pressed .x-arrow-el{
	color: var(--text-alt-color) !important;
}
#tabselector.x-button.x-pressing, #tabselector.x-button.x-pressed, #tabselector.x-button.x-pressed .x-arrow-el, #tabselector.x-button.x-pressing .x-arrow-el , #tabselector.x-button.x-pressed .x-icon-el::before, #tabselector.x-button.x-pressing .x-icon-el::before{
	color: var(--text-alt-color) !important;
}
.x-gridcell .x-button.x-pressing, .x-gridcell .x-button.x-pressed, .x-gridcell .x-button.x-pressed .x-arrow-el, .x-gridcell .x-button.x-pressing .x-arrow-el, .x-gridcell .x-button.x-pressed .x-icon-el::before, .x-gridcell .x-button.x-pressing .x-icon-el::before{
	color: var(--text-alt-color) !important;
}
.btn-close-all.x-button{
	color: var(--primary-color) !important;
	margin: 0px !important;
}
.x-tool .x-icon-el{
	color: #000000;
}
#menu .x-treelist-nav .x-treelist-item-text {
	margin-left: 5px !important;
}

.x-label-text-el{
	color: var(--text-color);
	font-weight: bold;
	font-size: var(--text-size);
}

.x-custom-fieldset{
	border: 1px solid #E3E3E3;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 5px;
}
.x-custom-fieldset .x-button{
	border: 1px solid #E3E3E3;
	margin: 5px;
}
.x-custom-fieldset-scheda_anagrafica .x-form-fieldset-title{
	font-weight: bold !important;
	font-size: 17px !important;
	color: blue !important;
}
.x-layout-hbox > .x-datepickerfield.x-textfield:nth-child(n+2){
	margin-left: 10px;
}
.x-layout-hbox > .x-textfield:nth-child(n+2){
	margin-left: 10px;
}

.btn-menuitem.x-button {
    color: #111;
    color: var(--color);
    font-weight: normal;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    height: 32px;
    cursor: pointer;
}
.btn-menuitem.x-button .x-body-el{
    margin: 0px;
}
.btn-menuitem.x-button .x-body-el .x-text-el{	
    text-transform: none;
}
.cnt-menuitem{
	margin: 0px !important;
}
.cnt-menuitem .x-panelheader .x-paneltitle{
	padding: 2px 0 !important;
}
.cnt-menuitem .x-panelheader.x-horizontal {
    min-height: 30px;
}
.cnt-menuitem .x-panelheader {
    border-top: 0px !important;
}
.cnt-menuitem .x-panelheader > .x-panelheader-body-el{
    padding-top: 5px;
}
.custom-menu.x-menu .x-menu-body-el{
	padding: 0px;
}
.x-big .x-button .x-icon-el:before {
    font-size: 1.2rem !important;
}
.x-big .btn-custom{
	margin: 2px !important;
}
.x-dialogtitle{
	padding-right: 15px;
}
.x-filefield .x-button.btn-custom .x-text-el {
    color: var(--text-alt-color) !important;
}
.x-label .x-innerhtml {
	user-select: text;
}
.x-label{
	font-size:var(--text-size) !important;
}
/*
.x-toolbar.x-docked-top .x-body-el .x-component:nth-child(n+2){
	margin-left: 10px;
}
*/
.x-toolbar.x-docked-top > .x-body-el > .x-container > .x-body-el > .x-button:nth-child(n+2) {
    margin-left: 10px;
}
.x-toolbar.x-docked-top > .x-toolbar-body-el > .x-button:nth-child(n+2) {
    margin-left: 10px;
}
.x-treelist-row.x-treelist-row-over::before,.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before{
    background-color: var(--primary-color);
}

.x-keyboard-mode .x-button.x-focused .x-inner-el{
	/*color: var(--text-alt-color) !important;*/
	background-color: transparent !important;
}

.saldo-timbrature{
	font-size: 1.7em !important;
	padding-top: 5px;
}

.saldo-timbrature .x-icon-el::before{
	font-size: 2.5em !important;
	transform: translateY(-5px);
}

.saldo-timbrature .x-icon-el{
	width: 3.3em !important;
    height: 3.3em !important;	
}
.saldo-timbrature-cnt{
	align-self: center;
}
.x-tool.x-dialogtool:nth-child(n+2) .x-icon-el{
	margin-left: 21px;
}
/*PRELOADER*/
.x-mask-message, .x-loading-spinner-outer {
	display: none !important;
}

.x-mask {
	position: relative;
	opacity: 1;
	background-color: rgba(17,17,17,0.4);
	overflow: hidden;
}

.x-mask::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
}

.x-mask-inner {
	display: none !important;
}

.x-progress{
	height: 17px !important;
	background-color: #e2e2e2 !important;
}

.x-pagingtoolbar > .x-pagingtoolbar-body-el{
	min-height: 56px !important;
}

.x-big .x-toolbar-body-el{
	min-heigth: 60px !important;
}
.x-big .x-toolbar-body-el.x-vertical > .x-component{
	margin-bottom: 0px !important;
}

/* Ottimizzazioni dialog */
.x-dialog > .x-dialogheader {
	background-color: #F5F5F5 !important;
	border-radius: 4px 4px 0px 0px !important;
	border-top: 1px solid var(--primary-color) !important;
	border-bottom: 1px solid var(--primary-color) !important;
	border-left: 1px solid var(--primary-color) !important;
}

.x-dialog > .x-dialog-body-wrap-el {
	border-left: 1px solid var(--primary-color);
	border-right: 1px solid var(--primary-color);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom: 1px solid var(--primary-color);
}

.x-dialog > .x-dialogheader .x-icon-el:before {
	margin-left: 6px !important;
}

.x-dialog:not(.messagebox) > .x-dialog-body-wrap-el > .x-dialog-body-el, .x-dialog:not(.messagebox) > .x-dialog-body-wrap-el > .x-dock > .x-dialog-body-el {
	padding: 0px !important;
}
/* /Ottimizzazioni dialog */

/* Checkboxup */
.x-field-group-container {
	min-height: 0;
}
.x-field-group-container .x-group-inner-container > .x-body-el {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.x-field-group-container .x-group-inner-container .x-field.x-label-align-right > .#{$prefix}label-el {
	flex: 1 1 auto;
}
.x-field-group-container .x-group-inner-container .x-field > .x-body-wrap-el {
	flex: inherit;
}
.x-field-group-container .x-group-inner-container.x-field-group-vertical > .x-body-el {
	flex-direction: column;
}
/* /Checkboxgroup */

@-webkit-keyframes spinner {
   0% {
      -webkit-transform-origin: 50% 50%;
      -webkit-transform: rotate(0deg); 
   }
   100% {
      -webkit-transform-origin: 50% 50%;
      -webkit-transform: rotate(360deg); 
	}
}

@keyframes spinner {
    0% {
        transform-origin: 50% 50%;
        transform: rotate(0deg); 
	}
    100% {
        transform-origin: 50% 50%;
        transform: rotate(360deg); 
	}
}