:root {
    --base-color: #249cd4;
    --base-color-administrator: #2f5b9b;
    --base-color-supplier: #00895b;
    --base-color-lawyer: #7b36a8;
    --base-color-resident: #d1991c;
    --base-color-surveyor: #892429;
    
    --base-color-red: #ed1c24;
    --base-color-green: #64ca35;
    --base-color-light-red: #ea8388;
    --base-color-light-green: #b0caa8;


    --base-color-button-light-red: #ff4747;

    /* Inseriti da samuele (Magiro) */
    --base-color-orange: #c75d1f;
    --base-color-blue: #2f5b9b;
    --base-color-black: #000000;
    --base-color-purple: #680064;
    --base-color-grey: #999999;
    /* Fine Inseriti da samuele (Magiro) */
    
     --dark-blue: #223344; /* vecchio #181e2d; */
    
    --dark-gray: #6c6c6c;
    --medium-gray: #cad0d5;
    --light-gray: #f5f5f5;

    /* Inseriti da samuele (Magiro) */
    --base-color-administrator-light: #ebebeb;

    --base-color-note-administrator-bar: #cbd6e6;
    --base-color-note-administrator-content: #e0e7f0;
    
    --base-color-note-administrator-white: #ffffff;

    --base-color-note-supplier-bar: #bfe1d6;
    --base-color-note-supplier-content: #d9ede7;

    --base-color-note-lawyer-bar: #bfe1d6;
    --base-color-note-lawyer-content: #e8c6ff;


    --base-color-system: #222222;
    --base-color-note-system-bar: #e5e5e5;
    --base-color-note-system-content: #d9d9d9;
    --base-color-note-detail-system-content: #feebcc;

    --base-color-system-light: #d5d5d5;

    --base-color-call-center: #b31718;
    --base-color-note-call-center-bar: #f2eae8;
    --base-color-note-call-center-content: #edd9e7;

    --base-color-operator: #249cd4;
    --base-color-note-operator-bar: #c3d8f2;
    --base-color-note-operator-content: #e7edf9;

    --base-color-button-red: #f02700;
    --base-color-button-orange: #d18600;
    --base-color-button-blue: #1b66b5;
    --base-color-button-green: #5fb221;
    --base-color-button-purple: #d28c00;

    
    --base-color-insurance-expert: #c1cdff;
    --base-color-note-insurance-expert-content: #c1cdff;

    --base-color-insurance: #c1cdff;
    --base-color-note-insurance-content: #c1cdff;
    
    --base-color-consultant: #FFD580;
    --base-color-note-consultant-content: #FFD580;
    
    /* ------ ------- ------ */
    
    
    /* ------ inizio BUGFIX-167 e BUGFIX-335 ------ */
    --base-color-note-studio-system: #ECECEC;
    --base-color-note-studio-administrator: #B9E0F5;
    --base-color-note-studio-supplier: #D1F0CF;
    --base-color-note-studio-lawyer: #EAD7EF;
    --base-color-note-studio-call-center: #FFF79F;
    --base-color-note-studio-buildings: #FFD590 ;
    --base-color-note-studio-insurance: #c1cdff ;
    --base-color-note-studio-insurance-expert: #c1cdff ;
    
    /* ------ fine BUGFIX-167 e BUGFIX-335 ------ */
    
    /* ------ Custom Field color ------ */   

    --field-background-color-blue: #ebf7fc; 
    --field-background-color-gray: #f5f5f5; 
    --field-background-color-red: #e8a396; 
 
    --field-border-color-blue: #99d7ef; 
    --field-border-color-gray: #cccccc; 
    --field-border-color-red: #f02700; 

    --custom-color-label: #223344; 

    --custom-background-gray-light: #fafafa;
    --custom-background-gray-medium: #e4e7ea;

    --form-field-background: #f5f5f5;
}


.linknote {
    color: var(--base-color) !important;
	font-weight: 500 !important;
}

/* inizio BUGFIX-11 e e BUGFIX-335 */

.row-admin-owner .x-grid-cell {
    background-color: #ffffff !important;
}
.row-admin .x-grid-cell {
    background-color: var(--base-color-note-studio-administrator) !important;
}
.row-supplier .x-grid-cell {
    background-color: var(--base-color-note-studio-supplier) !important;
}
.row-lawyer .x-grid-cell {
    background-color: var(--base-color-note-studio-lawyer) !important;
}
.row-sys .x-grid-cell {
    background-color: var(--base-color-note-studio-system) !important;
}
.row-ccext .x-grid-cell {
    background-color: var(--base-color-note-studio-call-center) !important;
}
.row-insurance .x-grid-cell {
    background-color: var(--base-color-note-studio-insurance) !important;
}
.row-insurance-expert .x-grid-cell {
    background-color: var(--base-color-note-studio-insurance-expert) !important;
}
.row-insurance-consultant .x-grid-cell {
    background-color: var(--base-color-note-consultant-content) !important;
}
.row-default .x-grid-cell {
    background-color: #ffffff !important;
}


/* fine BUGFIX-11 e e BUGFIX-335*/

/* inizio BUGFIX-278 */

.VERB {
    background: url(../icons/blue/verbali.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.SINI {
    background: url(../icons/blue/sinistri.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.PREV {
    background: url(../icons/blue/preventivi.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.CANT {
    background: url(../icons/blue/cantieri.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.CANT110 {
    background: url(../icons/blue/cantieri110.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}

.CANT90 {
    background: url(../icons/blue/cantieri90.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}

.PRTL {
    background: url(../icons/blue/pratiche_legali.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.INTR {
    background: url(../icons/blue/incarichi.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.COMM {
    background: url(../icons/blue/interventi.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.CHIA {
    background: url(../icons/blue/segnalazioni.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}
.COMMPR {
    background: url(../icons/blue/interventi_programmati.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}.CALENDAR {
    background: url(../icons/blue/calendario_evento.png) no-repeat 0px 0px;
    background-size: 16px 16px;
    padding-left: 18px;
}

/* fine BUGFIX-278 */

/* icone fineste nuova nota e nuovo evento */

.iconWindowMinute {
    background: url(../icons/white/verbali.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowDemage {
    background: url(../icons/white/sinistri.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowDemageDTA {
    background: url(../icons/white/dta.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowQuote {
    background: url(../icons/white/preventivi.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowBuiSite {
    background: url(../icons/white/cantieri.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowCant110 {
    background: url(../icons/white/cantieri110.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowLegal {
    background: url(../icons/white/pratiche_legali.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowTask {
    background: url(../icons/white/incarichi.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowIntervention {
    background: url(../icons/white/interventi.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowReporting {
    background: url(../icons/white/segnalazioni.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowProg {
    background: url(../icons/white/interventi_programmati.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowManut {
    background: url(../icons/white/manutenzOrdinarie.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}
.iconWindowToDo {
    background: url(../icons/white/promemoria.png) no-repeat 0px 0px;
    background-size: 16px 16px;
}

/* FORM FIELD CSS START */

.x-form-type-text .x-form-item-label, .x-form-type-password .x-form-item-label {
    position: relative;
    height: 32px;
    line-height: 0;
    top: 8px;
    text-align: right;
    font: 600 13px/16px Roboto, sans-serif;
    color: #000000;
}

.x-form-item-label-default {
    padding: 0px;
    vertical-align: unset;
}
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    text-align: left;
}

.x-form-cb-label-default {
    margin-top: 8px;
    font: 600 13px/16px Roboto, sans-serif;
    color: #000000;
}

/* NUOVA GRAFICA RADIO GROUP */

.lb300 .x-form-cb-label-default {
    margin-top: 8px;
    font: 300 13px/16px Roboto, sans-serif;
    color: #000000;
}

.lb300 .x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
  margin-bottom: 10px;
}
.lb300 .x-form-cb-wrap-default {
    height: 20px;
    min-width: 18px;
}
.lb300 .x-form-item-body-default {
    min-height: 20px;
}

/* ----------------------------------- */

div.x-form-text-grow .x-form-textarea {
    min-height: inherit;
     padding: 5px 0px 0px 10px; 
}


.x-form-type-text .x-form-text-default, .x-form-type-password .x-form-text-default {
    font: 400 13px/16px Roboto, sans-serif;
    color: var(--dark-gray);
    padding: 0px 10px 0px; 
    border-bottom: none;
    background-color: var(--form-field-background);
    min-height: 32px;
}



.x-form-type-text .x-form-trigger-default, .x-form-type-password .x-form-trigger-default {
    border-bottom: none;
}

.x-form-trigger-default {
    width: 32px;
    font: 24px/24px 'Material Icons', 'Font Awesome 5 Free';
    background-color: var(--form-field-background);
    color: var(--dark-gray);
}

.x-form-type-text .x-form-trigger-wrap-default, .x-form-type-password .x-form-trigger-wrap-default {
    border: 1px solid var(--form-field-grey-border);
    overflow: hidden;
    border-radius: 4px;
}

.x-form-text {
    border: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    background: repeat-x 0 0;
    width: 100%;
    height: 100%;
}

.customInputPicker .x-form-text {
    width: 30px !important;
    text-align: center;
}

.customInputPicker .x-form-trigger-wrap {
    width: 30px !important;
    border: 1px solid #e5e5e5;
}

.customInputPicker .x-form-spinner-down {
    height: 17.5px !important;
}

.customInputPickerFF .x-form-text {
    width: 30px !important;
    text-align: center;
}

.customInputPickerFF .x-form-trigger-wrap {
    width: 82px !important;
    border: 1px solid #e5e5e5;
}

.customInputPickerFF .x-form-spinner-down {
    height: 17.5px !important;
}

.customButtonPicker .x-btn-inner-default-toolbar-small  {
    font: 600 15px Roboto, sans-serif;
}

.x-form-item-body-default.x-form-checkboxgroup-body {
    padding: 0 10px;
    margin: 0 10px;
    background-color: var(--medium-gray);
    border-radius: 4px;
}

.x-form-item-body-default.x-form-checkboxgroup-body.email {
    padding: 0 10px;
    margin: 0 10px;
    background-color: var(--medium-gray);
    border-radius: 4px;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    font: 600 13px/16px Roboto, sans-serif;
    color: #000000;
    padding: 1px 0;
}

.x-webkit .x-form-type-text .x-form-text, .x-webkit .x-form-type-password .x-form-text {
    height: 100%;
}

.x-calendar-picker-field .x-form-text {
    padding-left: 35px;
}


.x-accordion-hd .x-tool-tool-el {
    color: #ffffff;
}

.x-form-type-checkbox .x-form-item-label, .x-form-type-radio .x-form-item-label, .x-form-checkboxgroup .x-form-item-label {
    position: relative;
    height: 32px;
    line-height: 0;
    top: -11px;
    text-align: right;
    font: 600 13px/16px Roboto, sans-serif;
    color: #000000;
    right: 0px;
}

.x-form-text-field-body-default {
    min-width: 10px;
    max-width: none;
}

.bkgEmalList:hover {
    background-color: #d7edf7;
}

#bkgEmalList:hover #idEmailRipristina #idEmailRipristina1 {
    display: inline-block;
}


.pure-material-button-contained-none {
    position: relative;
    display: none;
    box-sizing: border-box;
    border: none;
    /* border-radius: 4px; */
    /* padding: 0 16px; */
    min-width: 44px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: transparent;
    /* box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); */
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
    /* line-height: 36px; */
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.x-accordion-hd .x-tool-tool-el {
    background-color: transparent;
}

/*++++ QuickNote OLD da eliminare!!! ++++*/

/* .clsQuickNote {
    padding: 9px 12px 9px;
    border-bottom: 1px solid var(--dark-gray);
    margin-bottom: 12px;
    display: flex;
}

.clsQuickNoteForm {
    border-radius: 4px;
    background-color: var(--dark-gray);
    color: #ffffff;
    padding: 3px;
    display: flex;
    flex:1;
    
}

.clsQuickNoteTextArea {
    width: calc(100% - 120px);
    background-color: transparent;
    border: none;
    overflow: hidden;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    font-family: Roboto, sans-serif;
    padding: 4px 8px;
    height: 24px;
    margin-left: 8px;
    flex:1;
}

.clsQuickNoteTextArea::-webkit-input-placeholder { 
    color: #ffffff;
}
.clsQuickNoteTextArea:-moz-placeholder { 
    color: #ffffff;
}
.clsQuickNoteTextArea::-moz-placeholder { 
    color: #ffffff;
}
.clsQuickNoteTextArea:-ms-input-placeholder { 
    color: #ffffff;
} */

/*++++ Fine QuickNote OLD da eliminare!!! ++++*/


.x-grid-body {
    background: #fff;
    background: var(--reverse-color);
     border-width: 0px; 
    border-style: solid;
    border-color: #d0d0d0;
}

/* INSERISCI NUOVA NOTA */
.clsNewNoteLabel .x-form-item-label {
    text-align: left;
}

.clsNewNoteAttachTrascinaQui {
    border: 1px dashed var(--dark-gray);
    background-color: var(--light-gray);
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    width: calc(100% - 16px);
    margin: 8px 16px;
    color: var(--dark-gray);
}
.active .clsNewNoteAttachTrascinaQui {
    border: 1px dashed var(--base-color-red);
    color: var(--base-color-red);
}

.clsNewNoteAttachTrascina {
    border: 1px dashed var(--dark-gray);
    background-color: var(--light-gray);
    border-radius: 4px;
    height: 70px;
    line-height: 70px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    margin: 0px;
    text-align: center;
    color: var(--dark-gray);
}
.active .clsNewNoteAttachTrascina {
    border: 1px dashed var(--base-color-red);
    color: var(--base-color-red);
}

.clsNewNoteAttachUpdated {
    background-color: var(--light-gray);
    height: 30px;
    line-height: 30px;
    margin: 5px 16px 0px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--medium-gray);
    color: var(--dark-gray);
}

.clsCheckOutAttachUpdated {
    background-color: var(--light-gray);
    height: 30px;
    line-height: 30px;
    margin: 5px 16px 0px 16px;
    display: flex;
    align-items: center;
    color: var(--dark-gray);
}
.clsNewNoteAttachUpdatedImage {
    /* display: inline-block; */
    width: 30px;
    height: 30px;
}
.clsNewNoteUpdatedFilename {
    height: 30px;
    line-height: 30px;
    padding-left: 12px; 
    width: 80%;
    font-size: 1.1rem;
}
.clsNewNoteRemoveAttachUpdated img {
    margin-top: 8px;
    cursor: pointer;
}
.clsNewNoteRemoveAttachUpdated {
    margin: 0;
    padding: 0;
    line-height: 40px;
    height: 40px;
    
}

.clsNewNoteBtnAggiungiAllegato, .clsQuickNoteBtnAggiungiAllegato {
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;

}
.clsNewNoteBtnAggiungiAllegato img, .clsQuickNoteBtnAggiungiAllegato img {
    width: 20px;
    height: 20px;
}
.clsNewNoteBtnAggiungiAllegato span, .clsQuickNoteBtnAggiungiAllegato span {
    height: 30px;
    line-height: 30px;
    padding-left: 12px; 
    /* width: 80%; */
    font-size: 1rem;
    color: #ffffff;
}

/* FORM FIELD CSS END */

select {
    font: 400 13px/16px Roboto, sans-serif;
    color: var(--dark-gray);
    padding: 0px 10px 0px;
    border-radius: 4px;
    border-bottom: none;
    background-color: var(--medium-gray);
    min-height: 32px;
    border: none;
    width: 200px;
    box-shadow: none;
    box-sizing: content-box;
}

.select-wrapper {
	position: relative;	
    margin-top: 20px;
}

.select-wrapper:after {
	font-family: FontAwesome;
  	content: '\f0d7';
    width: 16px;
    font: 24px/24px 'Material Icons', 'Font Awesome 5 Free';
    background-color: var(--medium-gray);
    color: var(--dark-gray);   
  	position: absolute;
  	top: 0px;
  	right: 26px;
  	pointer-events: none;
}

select::-ms-expand {
  display: none;
}

/* FIELDSET CSS START */
.x-fieldset-default {
    border: none;
}
.x-fieldset {
    border-top: none !important;
    background: transparent;
}
.x-fieldset-default {
    padding: 0px; 
    margin: 0px;
}
/* FIELDSET CSS END */

.x-window-header-default-top {
    background-color: var(--base-color);
}

.x-window .x-window-header .x-tool-close {
    color: #ffffff;
}
.x-window-header-title-default {
    color: #ffffff;
    font-weight: 400;
}

.x-window-body-default {
    border-width: 0px;
    background: var(--medium-gray);
}


.x-grid-item {
    background-color: transparent !important;
}

.x-form-text-default .x-tagfield-item {

    background-color: var(--light-gray);
    border: 1px solid var(--light-gray);
    padding: 0 26px 0 8px;
    margin: 4px 8px 4px 0;
    color: var(--dark-gray);

}

.x-panel-header-title-default > .x-title-text-default:after {
    content: '';
}
.x-window-header-title-default > .x-title-text-default:after {
    content: '';
}


.x-toolbar-default .x-toolbar-separator-horizontal {
    height: 28px;
    border-style: solid;
}

.x-toolbar-default {
    padding: 0px;
}

/* TAB BAR BACKGROUND*/
.x-tab-bar-default {
    background-color: #e5e5e5;
}

.x-tab-default {
    border-color: #ffffff;
    color: var(--dark-blue);
    cursor: pointer;
}
.x-tab-default-left {
    background-color: #ffffff;
    color: var(--dark-blue);
    padding: 14px 5px 14px 5px;
    text-align: center;
    border-width: 0px;
    border-radius: 5px 0px 0px 5px;
    width: 157px;
}

.x-tab.x-tab-active.x-tab-default {
    border-color: var(--dark-blue);
    background-color: var(--dark-blue);
    color: #ffffff;
}

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    border-color: var(--dark-blue);
    background-color: var(--dark-blue);
    color: #ffffff;
}
.x-tab-inner-default {
    font: 600 14px/20px Roboto, sans-serif;
    color: var(--dark-blue);
    max-width: 100%;
}
.x-tab-bar-default-left > .x-tab-bar-body-default {
    padding: 0px 0 8px 8px;
}
/* HEADER BAR BUTTON BACKGROUND*/

.email-attach:hover {
    background-color: #b1b1b1;
}

.setMailAction1 {
    float: left;
    width:100%;
    height: 32px;
    line-height: 32px;
    
}

.setMailAction2{
    float: left;
    width:0px;
    height: 32px;
    line-height: 32px;
}

.x-grid-row:hover .setMailAction1 {
    width:calc(100% - 190px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    
}
.x-grid-row:hover .setMailAction2 {
    width:180px;
}

.x-btn-default-toolbar-small {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 8px 8px 8px 8px;
    border-width: 0px;
    border-style: solid;
    background-color: transparent;
}

/* HEADER BUTTON  BLUE*/

.x-btn-default-toolbar-small.header-btn-blue {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    border-width: 0px;
    border-style: solid;
    border-radius: 4px;
    background-color: var(--dark-blue);
}
.x-btn-over.x-btn-default-toolbar-small.header-btn-blue {
    background-color: var(--dark-blue);
    box-shadow: none;
}

.x-btn-focus.x-btn-default-toolbar-small.header-btn-blue  {
    background-color: var(--dark-blue);
    box-shadow: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small.header-btn-blue {
    background-color: var(--dark-blue);
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small.header-btn-blue, .x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
    background-color: var(--dark-blue);
    box-shadow: none;
}


/* HEADER BUTTON  BASE COLOR*/

.x-btn-default-small.btn-base-color {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    border-width: 0px;
    border-style: solid;
    border-radius: 4px;
    background-color: var(--base-color);
}
.x-btn-over.x-btn-default-small.btn-base-color{
    background-color: var(--base-color);
    box-shadow: none;
}

.x-btn-focus.x-btn-default-small.btn-base-color {
    background-color: var(--base-color);
    box-shadow: none;
}

.x-keyboard-mode .x-btn-over.x-btn-default-small.btn-base-color  {
    background-color: var(--base-color);
    box-shadow: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small.btn-base-color {
    background-color: var(--base-color);
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-small.btn-base-color, .x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
    background-color: var(--base-color);
    box-shadow: none;
}


/* --------------------- */


/* HEADER BUTTON  GREEN*/

.x-btn-default-toolbar-small.header-btn-green {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    border-width: 0px;
    border-style: solid;
    border-radius: 4px;
    background-color: var(--base-color-green);
}
.x-btn-over.x-btn-default-toolbar-small.header-btn-green {
    background-color: var(--base-color-green);
    box-shadow: none;
}

.x-btn-focus.x-btn-default-toolbar-small.header-btn-green  {
    background-color: var(--base-color-green);
    box-shadow: none;
}


.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small.header-btn-green {
    background-color: var(--base-color-green);
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small.header-btn-green, .x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
    background-color: var(--base-color-green);
    box-shadow: none;
}

/* --------------------- */

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
    background-color: transparent;
    box-shadow: none;
}

.x-btn-over.x-btn-default-small {
    background-color: transparent;
    box-shadow: none;
}
.x-keyboard-mode .x-btn-over.x-btn-default-small {
    background-color: transparent;
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-small {
    background-color: transparent;
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small {
    background-color: transparent;
	color: #ffffff !important;
    box-shadow: none;
}
.x-keyboard-mode .x-btn-over.x-btn-default-small {
    background-color: transparent;
    box-shadow: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small, .x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
    background-color: transparent;
        box-shadow: none;
}
.x-btn-over.x-btn-default-toolbar-small {
    background-color: transparent;
    box-shadow: none;
}

.x-btn-focus.x-btn-default-toolbar-small  {
    background-color: transparent;
        box-shadow: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small .x-btn-inner {
    color: #827370;
}

/* GRID ITEM NOTE CLS*/


.x-grid-item.ItemNoteCLS {
    background-color: var(--reverse-background-color);
}
.x-grid-cell-inner {
    padding: 0px;
}
.x-grid-with-row-lines .x-grid-item {
    border-width: 0px;
}

.x-grid-with-row-lines .x-grid-item:last-child {
    border-bottom-width: 0px;
}

.x-tool-tool-el {
    width: 20px;
    height: 20px;
}

/* BUTTON PURE MATERIAL 24 */

.pure-material-button-contained-24 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    /*border-radius: 4px;*/
    padding: 0px;
    min-width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: transparent;
/*    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
/*    line-height: 36px;*/
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}


.pure-material-button-contained-24::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-contained-24::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-contained-24::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
/*    border-radius: 50%;*/
    padding: 50%;
    width: 32px; /* Safari */
    height: 32px; /* Safari */
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-contained-24:hover,
.pure-material-button-contained-24:focus {
/*    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);*/
}

.pure-material-button-contained-24:hover::before {
    opacity: 0.08;
}

.pure-material-button-contained-24:focus::before {
    opacity: 0.24;
}

.pure-material-button-contained-24:hover:focus::before {
    opacity: 0.3;
}

/* Active */
.pure-material-button-contained-24:active {
/*    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);*/
}

.pure-material-button-contained-24:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-contained-24:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
/*    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);*/
    background-color: transparent;
    box-shadow: none;
    cursor: initial;
}

.pure-material-button-contained-24:disabled::before {
    opacity: 0;
}

.pure-material-button-contained-24:disabled::after {
    opacity: 0;
}


/* BUTTON PURE MATERIAL 32 */

.pure-material-button-contained-32 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    padding: 0px;
    min-width: 32px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: var(--dark-blue);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
	border-radius: 4px;
}


.pure-material-button-contained-32::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-contained-32::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-contained-32::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
/*    border-radius: 50%;*/
    padding: 50%;
    width: 32px; /* Safari */
    height: 32px; /* Safari */
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-contained-32:hover,
.pure-material-button-contained-32:focus {
/*    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);*/
}

.pure-material-button-contained-32:hover::before {
    opacity: 0.08;
}

.pure-material-button-contained-32:focus::before {
    opacity: 0.24;
}

.pure-material-button-contained-32:hover:focus::before {
    opacity: 0.3;
}

/* Active */
.pure-material-button-contained-32:active {
/*    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);*/
}

.pure-material-button-contained-32:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-contained-32:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
/*    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);*/
    background-color: transparent;
    box-shadow: none;
    cursor: initial;
}

.pure-material-button-contained-32:disabled::before {
    opacity: 0;
}

.pure-material-button-contained-32:disabled::after {
    opacity: 0;
}

/* BUTTON PURE MATERIAL */

.pure-material-button-contained {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    /*border-radius: 4px;*/
 /*   padding: 0 16px;*/
    min-width: 44px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: transparent;
/*    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
/*    line-height: 36px;*/
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}


.pure-material-button-contained::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-contained::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-contained::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
/*    border-radius: 50%;*/
    padding: 50%;
    width: 32px; /* Safari */
    height: 32px; /* Safari */
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-contained:hover,
.pure-material-button-contained:focus {
/*    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);*/
}

.pure-material-button-contained:hover::before {
    opacity: 0.08;
}

.pure-material-button-contained:focus::before {
    opacity: 0.24;
}

.pure-material-button-contained:hover:focus::before {
    opacity: 0.3;
}

/* Active */
.pure-material-button-contained:active {
/*    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);*/
}

.pure-material-button-contained:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-contained:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
/*    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);*/
    background-color: transparent;
    box-shadow: none;
    cursor: initial;
}

.pure-material-button-contained:disabled::before {
    opacity: 0;
}

.pure-material-button-contained:disabled::after {
    opacity: 0;
}
/* HEADER BAR */

.sencha-dash-dash-headerbar {
    padding: 0 30px 0 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    border: none;
    background-color: var(--base-color);
}
.shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.clsNotaCodiceEvento, .clsNoteBell {
    cursor: pointer;
}

/* MESSAGEBOX ICON */

.iconAlertTicket {
    background-image: url(../icons/red/assistenza.png) !important;
    background-repeat: no-repeat;
    background-size: 44px;
}

/* ADD DOCUMENT BUTTON */
.add-document-icon {
    background-image: url(../icons/white/addDocument.png) !important;
    background-size: 28px;
}

/* HEADER BAR BUTTON */
.home-basket-icon {
    background-image: url(../icons/white/carello.png) !important;
    background-size: 28px;
}
.home-basket-empty-icon {
    background-image: url(../icons/white/carello_svuota.png) !important;
    background-size: 28px;
}
.home-news-icon {
    background-image: url(../icons/white/news.png) !important;
    background-size: 28px;
}
.home-menu-icon {
    background-image: url(../icons/white/menu.png) !important;
    background-size: 28px;
}
.home-settings-icon {
    background-image: url(../icons/white/impostazioni.png) !important;
    background-size: 28px;
}
.home-archive-icon {
    background-image: url(../icons/white/attach.png) !important;
    background-size: 22px;
}
.home-user-icon {
    background-image: url(../icons/white/utente.png) !important;
    background-size: 28px;
}
.home-message-icon {
    background-image: url(../icons/white/commenti.png) !important;
    background-size: 28px;
}
.home-mail-icon {
    background-image: url(../icons/white/email.png) !important;
    background-size: 28px;
}
.home-calendar-icon {
    background-image: url(../icons/white/interventi_programmati.png) !important;
    background-size: 24px;
}
.home-chat-icon {
    background-image: url(../icons/white/chat.png) !important;
    background-size: 28px;
}

.home-home-icon {
    background-image: url(../icons/white/home.png) !important;
    background-size: 20px;
}
.home-settings-icon {
    background-image: url(../icons/white/settings.png) !important;
    background-size: 20px;
}
.home-condominio-icon {
    background-image: url(../icons/white/condominio.png) !important;
    background-size: 20px;
}
.home-utenti-icon {
    background-image: url(../icons/white/utenti.png) !important;
    background-size: 20px;
}
.home-fornitori-icon {
    background-image: url(../icons/white/fornitori.png) !important;
    background-size: 20px;
}
.home-note-icon {
    background-image: url(../icons/white/note.png) !important;
    background-size: 20px;
}
.home-manutenzioni-icon {
    background-image: url(../icons/white/manutenzOrdinarie.png) !important;
    background-size: 20px;
}
/* (BUG-693) */
.home-todo-icon {
    background-image: url(../icons/white/promemoria.png) !important;
    background-size: 20px;
}
/* (BUG-693 */
.home-helponline-icon {
    background-image: url(../icons/white/assistenza.png) !important;
    background-size: 20px;
}
.home-impianti-icon {
    background-image: url(../icons/white/impianti2.png) !important;
    background-size: 20px;
}
.home-search-icon {
    background-image: url(../icons/white/cerca.png) !important;
    background-size: 20px;
}

/* CALENDAR ICON DATE*/

.home-calendar-icon-1 {
    background-image: url(../icons/white/calendar/1.png) !important;
    background-size: 28px;
}
.home-calendar-icon-2 {
    background-image: url(../icons/white/calendar/2.png) !important;
    background-size: 28px;
}
.home-calendar-icon-3 {
    background-image: url(../icons/white/calendar/3.png) !important;
    background-size: 28px;
}
.home-calendar-icon-4 {
    background-image: url(../icons/white/calendar/4.png) !important;
    background-size: 28px;
}
.home-calendar-icon-5 {
    background-image: url(../icons/white/calendar/5.png) !important;
    background-size: 28px;
}
.home-calendar-icon-6 {
    background-image: url(../icons/white/calendar/6.png) !important;
    background-size: 28px;
}
.home-calendar-icon-7 {
    background-image: url(../icons/white/calendar/7.png) !important;
    background-size: 28px;
}
.home-calendar-icon-8 {
    background-image: url(../icons/white/calendar/8.png) !important;
    background-size: 28px;
}
.home-calendar-icon-9 {
    background-image: url(../icons/white/calendar/9.png) !important;
    background-size: 28px;
}
.home-calendar-icon-10 {
    background-image: url(../icons/white/calendar/10.png) !important;
    background-size: 28px;
}
.home-calendar-icon-11 {
    background-image: url(../icons/white/calendar/11.png) !important;
    background-size: 28px;
}
.home-calendar-icon-12 {
    background-image: url(../icons/white/calendar/12.png) !important;
    background-size: 28px;
}
.home-calendar-icon-13 {
    background-image: url(../icons/white/calendar/13.png) !important;
    background-size: 28px;
}
.home-calendar-icon-14 {
    background-image: url(../icons/white/calendar/14.png) !important;
    background-size: 28px;
}
.home-calendar-icon-15 {
    background-image: url(../icons/white/calendar/15.png) !important;
    background-size: 28px;
}
.home-calendar-icon-16 {
    background-image: url(../icons/white/calendar/16.png) !important;
    background-size: 28px;
}
.home-calendar-icon-17 {
    background-image: url(../icons/white/calendar/17.png) !important;
    background-size: 28px;
}
.home-calendar-icon-18 {
    background-image: url(../icons/white/calendar/18.png) !important;
    background-size: 28px;
}
.home-calendar-icon-19 {
    background-image: url(../icons/white/calendar/19.png) !important;
    background-size: 28px;
}
.home-calendar-icon-20 {
    background-image: url(../icons/white/calendar/20.png) !important;
    background-size: 28px;
}
.home-calendar-icon-21 {
    background-image: url(../icons/white/calendar/21.png) !important;
    background-size: 28px;
}
.home-calendar-icon-22 {
    background-image: url(../icons/white/calendar/22.png) !important;
    background-size: 28px;
}
.home-calendar-icon-23 {
    background-image: url(../icons/white/calendar/23.png) !important;
    background-size: 28px;
}
.home-calendar-icon-24 {
    background-image: url(../icons/white/calendar/24.png) !important;
    background-size: 28px;
}
.home-calendar-icon-25 {
    background-image: url(../icons/white/calendar/25.png) !important;
    background-size: 28px;
}
.home-calendar-icon-26 {
    background-image: url(../icons/white/calendar/26.png) !important;
    background-size: 28px;
}
.home-calendar-icon-27 {
    background-image: url(../icons/white/calendar/27.png) !important;
    background-size: 28px;
}
.home-calendar-icon-28 {
    background-image: url(../icons/white/calendar/28.png) !important;
    background-size: 28px;
}
.home-calendar-icon-29 {
    background-image: url(../icons/white/calendar/29.png) !important;
    background-size: 28px;
}
.home-calendar-icon-30 {
    background-image: url(../icons/white/calendar/30.png) !important;
    background-size: 28px;
}
.home-calendar-icon-31 {
    background-image: url(../icons/white/calendar/31.png) !important;
    background-size: 28px;
}

/* MENU BUTTON STYLE*/
.x-btn-inner {
    text-transform: capitalize; 
    color: var(--dark-gray);
}



.x-btn-over.x-btn-default-small.cls-add-over {
    background-color: var(--medium-gray);
}

/* USER MENU BUTTON */
.user-profile-icon {
    background-image: url(../icons/bluedark/utente.png) !important;
    background-size: 24px;
}
.user-office-icon {
    background-image: url(../icons/bluedark/profilo_studio.png) !important;
    background-size: 24px;
}
/* samuele archivio news icona menù Magiro */
.news-archive-icon {
    background-image: url(../icons/bluedark/news.png) !important;
    background-size: 24px;
}
.tickets-icon {
    background-image: url(../icons/bluedark/assistenza.png) !important;
    background-size: 24px;
}
.pushers-icon {
    background-image: url(../icons/bluedark/notifiche.png) !important;
    background-size: 24px;
}
.gestapp-icon {
    background-image: url(../icons/gray/googleplay.png) !important;
    background-size: 24px;
}
.trainings-icon {
    background-image: url(../icons/bluedark/formazione2.png) !important;
    background-size: 24px;
}
.suggests-icon {
    background-image: url(../icons/bluedark/suggerimento2.png) !important;
    background-size: 24px;
}
.responsabili-icon {
    background-image: url(../icons/bluedark/responsabile.png) !important;
    background-size: 24px;
}
.impianti-icon {
    background-image: url(../icons/gray/impianti2.png) !important;
    background-size: 24px;
}
/* (gestOpe) icona operatori */
.operatori-icon {
    background-image: url(../icons/bluedark/operatori.png) !important;
    background-size: 24px;
}
/* (gestOpe) icona operatori */
.fornitori-icon {
    background-image: url(../icons/gray/fornitori.png) !important;
    background-size: 24px;
}
.fornitori-importati-icon {
    background-image: url(../icons/gray/importa_fornitori.png) !important;
    background-size: 24px;
}
.avvocati-icon {
    background-image: url(../icons/gray/avvocati.png) !important;
    background-size: 24px;
}
.utente-icon-attiva {
    background-image: url(../icons/gray/utente_attiva.png) !important;
    background-size: 24px;
}
.utente-icon-disattiva {
    background-image: url(../icons/gray/utente_disattiva.png) !important;
    background-size: 24px;
}
.assicurazioni-icon {
    background-image: url(../icons/gray/assicurazioni.png) !important;
    background-size: 24px;
}
.condomini-icon {
    background-image: url(../icons/gray/condominio.png) !important;
    background-size: 24px;
}
.servizio-sms-icon {
    background-image: url(../icons/gray/sms.png) !important;
    background-size: 24px;
}
.sincronizzazione-dati-icon {
    background-image: url(../icons/gray/sincronizza.png) !important;
    background-size: 24px;
}
/* samuele fine archivio news icona menù Magiro */
.user-logout-icon {
    background-image: url(../icons/red/logout.png) !important;
    background-size: 24px;
}

#user-logout-btn .x-btn-inner {
    color: var(--base-color-red);
}

/* SETTINGS MENU BUTTON */
.menu-settings-impianti-icon {
    background-image: url(../icons/gray/impianti2.png) !important;
    background-size: 24px;
}
.menu-settings-condomini-icon {
    background-image: url(../icons/gray/condominio.png) !important;
    background-size: 24px;
}
.menu-settings-fornitori-icon {
    background-image: url(../icons/gray/fornitori.png) !important;
    background-size: 24px;
}
.menu-settings-avvocati-icon {
    background-image: url(../icons/gray/avvocati.png) !important;
    background-size: 24px;
}
.menu-settings-assicurazioni-icon {
    background-image: url(../icons/gray/assicurazioni.png) !important;
    background-size: 24px;
}

/* ADD MENU BUTTON */
.menu-add-segnalazioni-icon {
    background-image: url(../icons/bluedark/interventi.png) !important;
    background-size: 24px;
}
.menu-add-interventi-icon {
    background-image: url(../icons/bluedark/interventi.png) !important;
    background-size: 24px;
}
.menu-add-interventi-prog-icon {
    background-image: url(../icons/bluedark/interventi_programmati.png) !important;
    background-size: 24px;
}
.menu-add-manutenzione-ord-icon {
    background-image: url(../icons/bluedark/manutenzOrdinarie.png) !important;
    background-size: 24px;
}
.menu-add-verbali-icon {
    background-image: url(../icons/bluedark/verbali.png) !important;
    background-size: 24px;
}
.menu-add-sinistri-icon {
    background-image: url(../icons/bluedark/sinistri.png) !important;
    background-size: 24px;
}
.menu-add-sinistriDTA-icon {
    background-image: url(../icons/bluedark/dta.png) !important;
    background-size: 24px;
}
.menu-add-cantieri-icon {
    background-image: url(../icons/bluedark/cantieri.png) !important;
    background-size: 24px;
}
.menu-add-pratiche-legali-icon {
    background-image: url(../icons/bluedark/pratiche_legali.png) !important;
    background-size: 24px;
}
.menu-add-preventivi-icon {
    background-image: url(../icons/bluedark/preventivi.png) !important;
    background-size: 24px;
}
.menu-add-promemoria-icon {
    background-image: url(../icons/bluedark/promemoria.png) !important;
    background-size: 24px;
}
/* Button menù incarichi interni (IncInt) */
.menu-add-incarichi-interni-icon {
    background-image: url(../icons/bluedark/incarichi.png) !important;
    background-size: 24px;
}
/* Fine Button menù incarichi interni (IncInt) */
/* EMAIL ICONS PANEL */

.menu-mail-impostazioni-icon {
    background-image: url(../icons/blue/email-impostazioni.png) !important;
    background-size: 24px;
}
.emailIconReload {
    background-image: url(../icons/blue/sincronizza1.png) !important;
    background-size: 24px;
}
.emailIconNew {
    background-image: url(../icons/white/email_nuovo.png) !important;
    background-size: 24px;
}
.emailIconOptions {
    background-image: url(../icons/blue/ancora_verticale.png) !important;
    background-size: 24px;
}
.emailIconRespons {
    background-image: url(../icons/blue/email_rispondi.png) !important;
    background-size: 24px;
}
.emailIconResponsAll {
    background-image: url(../icons/blue/email_rispondi_tutti.png) !important;
    background-size: 24px;
}
.emailIconForwards {
    background-image: url(../icons/blue/email_invia1.png) !important;
    background-size: 24px;
}
.emailIconResponsible {
    background-image: url(../icons/blue/utente.png) !important;
    background-size: 24px;
}
.emailIconRead {
    background-image: url(../icons/blue/email_letta.png) !important;
    background-size: 24px;
}
.emailIconUnread {
    background-image: url(../icons/blue/email.png) !important;
    background-size: 24px;
}
.emailIconDelete {
    background-image: url(../icons/blue/cestino.png) !important;
    background-size: 24px;
}
.emailIconModify {
    background-image: url(../icons/blue/modifica.png) !important;
    background-size: 24px;
}
.emailIconTest {
    background-image: url(../icons/blue/email_test.png) !important;
    background-size: 24px;
}
.emailIconContact {
    background-image: url(../icons/blue/contatti.png) !important;
    background-size: 24px;
}
.emailIconNewAccount {
    background-image: url(../icons/blue/email_profilo.png) !important;
    background-size: 24px;
}
.emailIconSend {
    background-image: url(../icons/blue/email_invia3.png) !important;
    background-size: 24px;
}
.emailIconAttach {
    background-image: url(../icons/blue/attach.png) !important;
    background-size: 24px;
}
.emailIconFilter {
    background-image: url(../icons/blue/filtra.png) !important;
    background-size: 24px;
}
.emailIconFilterW {
    background-image: url(../icons/white/filtra.png) !important;
    background-size: 24px;
}
.emailIconSearch {
    background-image: url(../icons/blue/cerca.png) !important;
    background-size: 24px;
}
.emailIconClose {
    background-image: url(../icons/blue/chiudi2.png) !important;
    background-size: 24px;
}
.emailIconDeleteW {
/*    background-image: url(../icons/white/cestino.png) !important;
    background-size: 24px;*/
    
 
}



.hiddenIconFilterW {
    background-image: url(../icons/white/non_visibile.png) !important;
    background-size: 24px;
}
.visibleIconFilterW {
    background-image: url(../icons/white/visibile.png) !important;
    background-size: 24px;
}


/* CHAT ICONS  */
.chatAddIcon {
    background-image: url(../icons/white/aggiungi.png) !important;
    background-size: 24px;
}
.chatSearchIcon {
    background-image: url(../icons/white/cerca.png) !important;
    background-size: 24px;
}
.chatBackIcon {
    background-image: url(../icons/white/freccia_sinistra.png) !important;
    background-size: 24px;
}
.chatAttachIcon {
    background-image: url(../icons/white/attach.png) !important;
    background-size: 24px;
}
.chatSendIcon {
    background-image: url(../icons/white/email_invia3.png) !important;
    background-size: 24px;
}
.chatEmojiIcon {
    background-image: url(../icons/white/smile.png) !important;
    background-size: 24px;
}

/* FILTER NOTE ICONS  */
.filterMenuIcon {
    background-image: url(../icons/white/lista1.png) !important;
    background-size: 24px;
}
.filterDeleteIcon {
    background-image: url(../icons/white/chiud2.png) !important;
    background-size: 24px;
}
.filterFilterIcon {
    background-image: url(../icons/white/filtra.png) !important;
    background-size: 24px;
}
/* ICONS PANEL */

.iconPanelEmail {
    background-image: url(../icons/white/email.png) !important;
    background-size: 16px;
}

.close-icon-w {
    background-image: url(../icons/white/chiud2.png) !important;
    background-size: 24px;
}

.empty-basket-icon {
    background-image: url(../icons/white/carello_svuota.png) !important;
    background-size: 24px;
}
/* samuele -- Icona per l'inserimento di un nuovo oggetto -- Magiro */
.plus-icon-w {
    background-image: url(../icons/white/aggiungi.png) !important;
    background-size: 24px;
}
.plus-icon-b {
    background-image: url(../icons/blue/aggiungi.png) !important;
    background-size: 24px;
}

/* TOOLBAR COLOR */

.x-toolbar.x-toolbar-docked-top, .x-toolbar.x-toolbar-docked-left, .x-toolbar.x-toolbar-docked-right {
    box-shadow: none;
}

.tblTransparent {
    background-color: transparent !important;
    border: none !important;
}
.tblBlack {
    background-color: #000000;
    border: none !important;
}
.tblDarkGray{
    background-color: var(--dark-gray);
    border: none !important;
}
.tblDarkGray1{
    background-color: var(--dark-gray);
    border: none !important;
    border-bottom: 1px solid var(--medium-gray) !important;
}
.tblGray{
    background-color: var(--medium-gray);
    border: none !important;
}

.tblLightGray{
    background-color: x;
    border: none !important;
}

.tblGreen{
    background-color: var(--base-color);
    border: none !important;
}

/* ACCORDION */

.x-accordion-hd .x-panel-header-title {
    color: #111;
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    font-family: Roboto, sans-serif;
    text-transform: none;
}

.x-accordion-item .x-accordion-hd {
    background-color: var(--base-color);
    padding: 9px 8px
}

.x-accordion-layout-ct {
    padding: 0px;
}



.menu-cantieri-icon {
    background-image: url(../icons_menu/cantieri_on.png) !important;
    background-size: 16px;
}
.menu-verbali-icon {
    background-image: url(../icons_menu/verbali_on.png) !important;
    background-size: 16px;
}
.menu-preventivi-icon {
    background-image: url(../icons_menu/preventivi_on.png) !important;
    background-size: 16px;
}
.menu-segnalazioni-icon {
    background-image: url(../icons_menu/segnalazioni_on.png) !important;
    background-size: 16px;
}
.menu-pratiche-icon {
    background-image: url(../icons_menu/pratiche_on.png) !important;
    background-size: 16px;
}
.menu-calendario-icon {
    background-image: url(../icons_menu/calendario_on.png) !important;
    background-size: 16px;
}
.menu-sinistri-icon {
    background-image: url(../icons_menu/sinistri_on.png) !important;
    background-size: 16px;
}


/* SPLIT BUTTON */
.x-split-button.x-btn-default-large.message {
    background-color: #ffffff;
    border-radius: 5px;
}


.x-split-button.x-btn-default-large .x-btn-wrap-default-large .x-btn-inner-default-large {
    color: #2196f3;
    color: var(--color);
}

.x-split-button.x-btn-default-large .x-btn-wrap-default-large .x-btn-icon-el-default-large {
    color: #2196f3;
    color: var(--color);
}

/* LANGUAGE */
.lang-italy-icon {
    background-image: url(../icons_flag/italy.png) !important;
    background-size: 16px;
}
.lang-england-icon {
    background-image: url(../icons_flag/england.png) !important;
    background-size: 16px;
}
.lang-spain-icon {
    background-image: url(../icons_flag/spain.png) !important;
    background-size: 16px;
}

.x-btn-inner-default-toolbar-small.lang {
    color: #000000;
    font: 500 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}


/* USER */

.user-plants-icon {
    background-image: url(../icons/plants.png) !important;
    background-size: 16px;
}
.user-buildings-icon {
    background-image: url(../icons/buildings.png) !important;
    background-size: 16px;
}
.user-suppliers-icon {
    background-image: url(../icons/suppliers.png) !important;
    background-size: 16px;
}
.user-suppliers_import-icon {
    background-image: url(../icons/suppliers_import.png) !important;
    background-size: 16px;
}
.user-lawyers-icon {
    background-image: url(../icons/lawyers.png) !important;
    background-size: 16px;
}
.user-insurances-icon {
    background-image: url(../icons/insurances.png) !important;
    background-size: 16px;
}
.user-sms-icon {
    background-image: url(../icons/sms.png) !important;
    background-size: 16px;
}
.user-sync-icon {
    background-image: url(../icons/sync.png) !important;
    background-size: 16px;
}

.user-administrator-icon {
    background-image: url(../icons/administrator.png) !important;
    background-size: 16px;
}
.user-users-icon {
    background-image: url(../icons/users.png) !important;
    background-size: 16px;
}
.user-operators-icon {
    background-image: url(../icons/operators.png) !important;
    background-size: 16px;
}
.user-news-icon {
    background-image: url(../icons/news.png) !important;
    background-size: 16px;
}
.user-help-icon {
    background-image: url(../icons/help.png) !important;
    background-size: 16px;
}
.user-formation-icon {
    background-image: url(../icons/formation.png) !important;
    background-size: 16px;
}
.user-suggestion-icon {
    background-image: url(../icons/suggestion.png) !important;
    background-size: 16px;
}
.icon-view-icon {
    background-image: url(../icons/bluedark/view.png) !important;
    background-size: 24px;
}

.context-download-icon {
    background-image: url(../icons/bluedark/download.png) !important;
    background-size: 16px;
}
.context-email-icon {
    background-image: url(../icons/bluedark/send-email.png) !important;
    background-size: 16px;
}
.context-response-icon {
    background-image: url(../icons/bluedark/replay.png) !important;
    background-size: 16px;
}
.context-modify-icon {
    background-image: url(../icons/bluedark/modifica.png) !important;
    background-size: 16px;
}
.context-view-icon {
    background-image: url(../icons/bluedark/view.png) !important;
    background-size: 16px;
}
.context-condividi-icon {
    background-image: url(../icons/bluedark/condividi.png) !important;
    background-size: 16px;
}
.context-preferiti-icon-0 {
    background-image: url(../icons/yellow/preferiti1.png) !important;
    background-size: 16px;
}
.context-preferiti-icon-1 {
    background-image: url(../icons/bluedark/preferiti1.png) !important;
    background-size: 16px;
}
/* (BUG-131) */
.context-riassunto-icon-0 {
    background-image: url(../icons/bluedark/rplus.png) !important;
    background-size: 16px;
}
.context-riassunto-icon-1 {
    background-image: url(../icons/bluedark/rplus.png) !important;
    background-size: 16px;
}
/* Fine (BUG-131) */
.context-copia-icon {
    background-image: url(../icons/bluedark/copia.png) !important;
    background-size: 16px;
}
.context-rispondi-icon {
    background-image: url(../icons/bluedark/replay.png) !important;
    background-size: 16px;
}
.context-new-icon {
    background-image: url(../icons/bluedark/new-event.png) !important;
    background-size: 16px;
}
.context-add-calendar-icon {
    background-image: url(../icons/bluedark/calendario_aggiungi.png) !important;
    background-size: 16px;
}
.context-add-calendar-green-icon {
    background-image: url(../icons/green/calendario_aggiungi.png) !important;
    background-size: 16px;
}
.context-important-note-icon {
    background-image: url(../icons/bluedark/attenzione.png) !important;
    background-size: 16px;
}
.context-important-note-red-icon {
    background-image: url(../icons/red/attenzione.png) !important;
    background-size: 16px;
}
.context-condivisione-icon {
    background-image: url(../icons/bluedark/condividi.png) !important;
    background-size: 16px;
}
.context-condivisione-blue-icon {
    background-image: url(../icons/blue/condividi.png) !important;
    background-size: 16px;
}

/* IMAGE VIEWER */

.viewer-zoomin-icon {
    background-image: url(../icons_viewer/zoom_in.png) !important;
    background-size: 24px;
}

.viewer-zoomout-icon {
    background-image: url(../icons_viewer/zoom_out.png) !important;
    background-size: 24px;
}

.viewer-restore-icon {
    background-image: url(../icons_viewer/restore.png) !important;
    background-size: 24px;
}

.viewer-up-icon {
    background-image: url(../icons_viewer/arrow_up.png) !important;
    background-size: 24px;
}

.viewer-down-icon {
    background-image: url(../icons_viewer/arrow_down.png) !important;
    background-size: 24px;
}

.viewer-left-icon {
    background-image: url(../icons_viewer/arrow_left.png) !important;
    background-size: 24px;
}

.viewer-right-icon {
    background-image: url(../icons_viewer/arrow_right.png) !important;
    background-size: 24px;
}





.x-form-radio-default {
     color: #112E14; 
}

/* SEGMENTED BUTTON BLUE */


.x-btn.x-btn-pressed.x-btn-default-small.SegBtnBlue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-btn-default-small.SegBtnBlue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-btn-over.x-btn-default-small.SegBtnBlue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-small.SegBtnBlue  {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-segmented-button .x-segmented-button-item.SegBtnBlue  {
    background-color: var(--base-color);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small.SegBtnBlue .x-btn-inner {
    color: #ffffff;
}

/* SEGMENTED BUTTON TOOLBAR BLUE */


.x-btn.x-btn-pressed.x-btn-default-toolbar-small.SegBtnBlue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-btn-default-toolbar-small.SegBtnBlue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-btn-over.x-btn-default-toolbar-small.SegBtnBlue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-toolbar-small.SegBtnBlue  {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}
.x-segmented-button .x-segmented-button-item.SegBtnBlue  {
    background-color: var(--base-color);
    border-color: var(--base-color-administrator);
    color: #ffffff;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small.SegBtnBlue .x-btn-inner {
    color: #ffffff;
}

/* LOGIN BUTTON */

.x-btn-default-small.login {
    background-color: var(--base-color);
    border-color: var(--base-color);
}
.x-btn-over.x-btn-default-small.login {
    background-color: var(--base-dark-color);
    border-color: var(--base-dark-color);
}
.x-btn-focus.x-btn-default-small.login  {
    background-color: var(--base-dark-color);
    border-color: var(--base-dark-color);
}


.x-btn.x-btn-pressed.x-btn-default-small {
    background-color: #464951;
}

.x-btn-login:focus {
    background-color: #81C340;
    border-color: #112E14;
}
.x-btn-login:pressed {
    background-color: #81C340;
    border-color: #112E14;
}



.x-btn-icon-left > .x-btn-icon-el-default-small, .x-btn-icon-right > .x-btn-icon-el-default-small {
    width: 24px;
}
.x-btn-icon-el-default-small {
    height: 24px;
}

.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small, .x-btn-icon-right > .x-btn-icon-el-default-toolbar-small {
    width: 24px;
}

.x-btn-button-default-toolbar-small {
    min-height: 24px;
}
.x-btn-icon-el-default-toolbar-small {
height: 24px;
}



/* GRAY BUTTON */

.x-btn-default-small.gray {
    background-color: var(--base-color-grey);
    border-color: var(--base-color-grey);
    color: #ffffff;
}
.x-btn-over.x-btn-default-small.gray {
    background-color: var(--base-color-grey);
    border-color: var(--base-color-grey);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-small.gray  {
    background-color: var(--base-color-grey);
    border-color: var(--base-color-grey);
    color: #ffffff;
}
.x-btn.x-btn-pressed.x-btn-default-small.gray {
    background-color: var(--base-color-grey);
    border-color: var(--base-color-grey);
    color: #ffffff;
}





/* DARK GREEN BUTTON */

.x-btn-default-small.dark_green {
    background-color: #112E14;
    border-color: #112E14;
}
.x-btn-over.x-btn-default-small.dark_green {
    background-color: #112E14;
    border-color: #112E14;
}
.x-btn-focus.x-btn-default-small.dark_green  {
    background-color: #112E14;
    border-color: #112E14;
}

/* RED BUTTON */

.x-btn-default-small.red {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
    color: #ffffff;
}
.x-btn-over.x-btn-default-small.red {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-small.red  {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
    color: #ffffff;
}

.x-btn.x-btn-pressed.x-btn-default-small.red {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
    color: #ffffff;
}

.red .x-btn-inner-default-small {
    color: #ffffff !important;
}


/* RED BUTTON TOOLBAR */
.x-btn-default-toolbar-small.red {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
}
.x-btn-over.x-btn-default-toolbar-small.red {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
}
.x-btn-focus.x-btn-default-toolbar-small.red  {
    background-color: var(--base-color-red);
    border-color: var(--base-color-red);
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small.red {
    background-color: var(--base-color-red);
    box-shadow: none;
}

.red .x-btn-inner-default-toolbar-small {
    color: #ffffff !important;
}

/* GREEN BUTTON */

.x-btn-default-small.green {
    background-color: var(--base-color-green);
    border-color: var(--base-color-green);
    color: #ffffff;
}
.x-btn-over.x-btn-default-small.green {
    background-color: var(--base-color-green);
    border-color: var(--base-color-green);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-small.green  {
    background-color: var(--base-color-green);
    border-color: var(--base-color-green);
    color: #ffffff;
}

.x-btn.x-btn-pressed.x-btn-default-small.green {
    background-color: var(--base-color-green);
    border-color: var(--base-color-green);
    color: #ffffff;
}

/* GREEN BUTTON TOOLBAR */

.x-btn-default-toolbar-small.green {
    background-color: var(--base-color-green);
    border-color: var(--base-color-green);
    color: #ffffff;
}
.x-btn-over.x-btn-default-toolbar-small.green {
    background-color: #2f7935;
    border-color: var(--base-color-green);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-toolbar-small.green  {
    background-color: #2f7935;
    border-color: var(--base-color-green);
    color: #ffffff;
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small.green {
    background-color: var(--base-color-green);
    box-shadow: none;
}

.green .x-btn-inner-default-toolbar-small, .green .x-btn-inner-default-small {
    color: #ffffff !important;
}

/* ORANGE BUTTON */

.x-btn-default-small.orange {
    background-color: #c75d1f;
    border-color: #c75d1f;
    color: #ffffff;
}
.x-btn-over.x-btn-default-small.orange {
    background-color: #a14a18;
    border-color: #c75d1f;
    color: #ffffff;
}
.x-btn-focus.x-btn-default-small.orange  {
    background-color: #a14a18;
    border-color: #c75d1f;
    color: #ffffff;
}

/* ORANGE BUTTON TOOLBAR */

.x-btn-default-toolbar-small.orange {
    background-color: #c75d1f;
    border-color: #c75d1f;
    color: #ffffff;
}
.x-btn-over.x-btn-default-toolbar-small.orange {
    background-color: #a14a18;
    border-color: #c75d1f;
    color: #ffffff;
}
.x-btn-focus.x-btn-default-toolbar-small.orange  {
    background-color: #a14a18;
    border-color: #c75d1f;
    color: #ffffff;
}

/* SEGMENTED BUTTON TOOLBAR */

.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #d2d2d2;
    background-image: none;
    background-color: var(--base-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-segmented-button .x-segmented-button-item, .x-segmented-button .x-split-button.x-btn-default-small, .x-segmented-button .x-split-button.x-btn-default-small.x-btn-menu-active {
    background-color: transparent;
    border-color: var(--base-color);
}

/* MINUTES */

#idBtnMinuteStatus .x-segmented-button-item {
    color: #ffffff; 
 
}
#idBtnMinuteStatus .x-btn-over {
    color: #ffffff; 
    background-color: #62bae4;
}
#idBtnMinuteStatus .x-btn-focus {
    color: #ffffff;
}
#idBtnMinuteStatus .x-btn-pressed {
    color: #ffffff; 
    background-color: var(--base-color);
}

/* RESPONSABILI */

#idBtnRespStatus .x-segmented-button-item {
    color: #ffffff; 
 
}
#idBtnRespStatus .x-btn-over {
    color: #ffffff; 
    background-color: #62bae4;
}
#idBtnRespStatus .x-btn-focus {
    color: #ffffff;
}
#idBtnRespStatus .x-btn-pressed {
    color: #ffffff; 
    background-color: var(--base-color);
}

/* CALENDAR */

#idSegBtnCalendar .x-segmented-button-item {
    color: #ffffff; 
    background-color: #249cd4; 
}
#idSegBtnCalendar .x-btn-over {
    color: #ffffff; 
    background-color: #62bae4;
}
#idSegBtnCalendar .x-btn-focus {
    color: #ffffff;
}
#idSegBtnCalendar .x-btn-pressed {
    color: #ffffff; 
    background-color: #62bae4;
}

.x-btn-default-toolbar-small.calendarblue {
    color: #ffffff;
    background-color: #249cd4;
}
.x-btn-over.x-btn-default-toolbar-small.calendarblue {
    color: #ffffff;
    background-color: #62bae4;
    border-color: #249cd4;
}
.x-btn-focus.x-btn-default-toolbar-small.calendarblue  {
    color: #ffffff;
    background-color: #249cd4;
    border-color: #249cd4;
}

/* ---------------------- */

/* GREEN BUTTON TOOLBAR */

.x-btn-default-toolbar-small.blue {
    background-color: var(--base-color-blue);
    border-color: var(--base-color-blue);
    color: #ffffff;
}
.x-btn-over.x-btn-default-toolbar-small.blue {
    background-color: var(--base-color);
    border-color: var(--base-color-blue);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-toolbar-small.blue  {
    background-color: var(--base-color);
    border-color: var(--base-color-blue);
    color: #ffffff;
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small.blue {
    background-color: var(--base-color-blue);
    box-shadow: none;
}

.blue .x-btn-inner {
    color: #ffffff !important;
}



.x-btn-icon-left > .x-btn-icon-el-default-small, .x-btn-icon-right > .x-btn-icon-el-default-small {
    width: 24px;
}
.x-btn-icon-el-default-small {
    height: 24px;
}

/* ICON PANEL */

.icon-speach-cls {
    background-image: url(../icons/red/microfono.png) !important;
    background-size: 24px;
}

.iconIntervention {
    background-image: url(../icons_menu/interventi_off.png) !important;
    background-size: 16px;
}
.iconSegnalazioni {
    background-image: url(../icons_menu/segnalazioni_off.png) !important;
    background-size: 16px;
}
.iconSearch {
    background-image: url(../icons_menu/ricerca_off.png) !important;
    background-size: 16px;
}
.iconCantieri {
    background-image: url(../icons_menu/cantieri_off.png) !important;
    background-size: 16px;
}
.iconVerbali {
    background-image: url(../icons_menu/verbali_off.png) !important;
    background-size: 16px;
}
.iconPratiche {
    background-image: url(../icons_menu/pratiche_off.png) !important;
    background-size: 16px;
}
.iconPreventivi {
    background-image: url(../icons_menu/preventivi_off.png) !important;
    background-size: 16px;
}
.iconInterventiP {
    background-image: url(../icons_menu/calendario_off.png) !important;
    background-size: 16px;
}
.iconSinistri {
    background-image: url(../icons_menu/sinistri_off.png) !important;
    background-size: 16px;
}
.edit-icon-cls {
    background-image: url(../icons/pencil.png) !important;
    background-size: 24px;
}
.delete-icon-cls {
    background-image: url(../icons/delete.png) !important;
    background-size: 24px;
}
.delete-w-icon-cls {
    background-image: url(../icons/w-trash.png) !important;
    background-size: 24px;
}
.ok-quotes-cls {
    background-image: url(../icons/quotes.png) !important;
    background-size: 24px;
}

.note-icon-cls {
    background-image: url(../icons/note.png) !important;
    background-size: 24px;
}
.link-icon-cls {
    background-image: url(../icons/link.png) !important;
    background-size: 24px;
}
.invoice-icon-cls {
    background-image: url(../icons/invoice.png) !important;
    background-size: 24px;
}
.add-icon-cls {
    background-image: url(../icons/white/aggiungi.png) !important;
    background-size: 24px;
}
.w-buildings-icon-cls {
    background-image: url(../icons/w-buildings.png) !important;
    background-size: 24px;
}
.w-plants-icon-cls {
    background-image: url(../icons/w-plants.png) !important;
    background-size: 24px;
}
.w-user-icon-cls {
    background-image: url(../icons/w-user.png) !important;
    background-size: 24px;
}
.iconHome {
    background-image: url(../icons_menu/home_off.png) !important;
    background-size: 24px;
}
.iconBuildings {
    background-image: url(../icons_menu/home_off.png) !important;
    background-size: 24px;
}
.invitation-cls {
    background-image: url(../icons/invitation.png) !important;
    background-size: 18px;
}
.visible-cls {
    background-image: url(../icons/visible.png) !important;
    background-size: 18px;
}
.invisible-cls {
    background-image: url(../icons/invisible.png) !important;
    background-size: 18px;
}
.durc-visible-cls {
    background-image: url(../images_allegati/pdf.png) !important;
    background-size: 18px;
}

.icon-important-cls {
    background-image: url(../icons/segnalazione_on.png) !important;
    background-size: 18px;
}
.icon-no-important-cls {
    background-image: url(../icons/segnalazione.png) !important;
    background-size: 18px;
}
.icon-remember-cls {
    background-image: url(../icons/clock_on.png) !important;
    background-size: 18px;
}
.icon-no-remember-cls {
    background-image: url(../icons/clock.png) !important;
    background-size: 18px;
}
.icon-no-modify-note-cls {
    background-image: url(../icons/edit.png) !important;
    background-size: 18px;
}
.icon-modify-note-cls {
    background-image: url(../icons/noedit.png) !important;
    background-size: 18px;
}

/* BUTTON MAPS */

.button-maps {
    background-image: url(../icons/maps.png) !important;
    background-size: 24px;
}

/* BUTTON NEW ACTION */

.button-add-intervention {
    background-image: url(../icons_menu/home_off.png) !important;
    background-size: 16px;
}

/* CLS NORMAL */


.x-btn.x-btn-pressed.x-btn-default-small {
    background-color: #464951;
}

.x-btn-default-toolbar-small.annullaCls {
    background-color: #c0c7da;
}
.x-btn-default-small.annullaCls {
    background-color: #576077;
}
.x-btn-default-toolbar-small.confermaCls {
    background-color: #2f7935;
    color: #ffffff;
}
.x-btn-default-small.confermaCls {
    background-color: #2f7935;
}
.x-btn-inner-default-toolbar-small {
    color: var(--base-color);
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small .x-btn-inner {
    color: var(--base-color);
    box-shadow: none;
}
/* CLS OVER */

.x-btn-over.x-btn-default-toolbar-small.annullaCls {
    background-color: #464951;
}
.x-btn-over.x-btn-default-small.annullaCls {
    background-color: #464951;
}
.x-btn-over.x-btn-default-toolbar-small.confermaCls {
    background-color: #81C340;
}
.x-btn-over.x-btn-default-small.confermaCls {
    background-color: #81C340;
}

/* CLS PRESSED */

.x-btn.x-btn-pressed.x-btn-default-toolbar-small.annullaCls {
    background-color: #464951;
}
.x-btn.x-btn-pressed.x-btn-default-small.annullaCls {
    background-color: #464951;
}
.x-btn.x-btn-pressed.x-btn-default-toolbar-small.confermaCls {
    background-color: #112E14;
}
.x-btn.x-btn-pressed.x-btn-default-small.confermaCls {
    background-color: #112E14;
}

.x-btn-focus.x-btn-over.x-btn-default-toolbar-small.confermaCls  {
    box-shadow: none;
    webkit box-shadow: none;
    background-color: #2f7935;
}
.x-btn-focus.x-btn-default-toolbar-small.confermaCls  {
    box-shadow: none;
    webkit box-shadow: none;
    background-color: #2f7935;
}
.x-btn-focus.x-btn-over.x-btn-default-toolbar-small.annullaCls  {
    box-shadow: none;
    webkit box-shadow: none;
}
.x-btn-focus.x-btn-default-toolbar-small.annullaCls  {
    box-shadow: none;
    webkit box-shadow: none;
}

.x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active {
    background-color: var(--medium-gray);
}

.x-grid-cell.action-column {
    vertical-align: middle;
}

/* BOX DESCRIPTION */

/* styles for '...' */ 
.block-with-text {
overflow: hidden;
    position: relative;
    line-height: 15px;
    max-height: 30px;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    width: 100%;
    white-space: normal;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}


/* BADGE BUTTON */

$badge-background-color: #cc0000;

@mixin border-radius($radius) {
 -webkit-border-radius: $radius;
 -moz-border-radius: $radius;
 -ms-border-radius: $radius;
 border-radius: $radius;
}

.badgeable{
 @include border-radius(50px);
 color: white;
 border-color: darken($badge-background-color, 10%);
 background-color: $badge-background-color;
 max-width: 95%;
 padding: 2px 4px;
 max-height: 16px;
 font: 10px helvetica, arial, sans-serif;
 box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
 -moz-box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
 -webkit-box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
}
.x-panel-header-title-default .badgeable{
 float: right;
}

/* BADGE MENU */

.badgecustom {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    height: 24px;
    line-height: 40px;
    width: 24px;
    padding-top: 0px;
}
.badgecustom1 {
    background-color: #fc3e39;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    height: 18px;
    line-height: 17px;
    -webkit-border-radius: 9px;
    width: 18px;
    padding-top: 0px;
}
.badgeManut {
	background-color: #fc3e39;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    height: 18px;
    line-height: 17px;
    -webkit-border-radius: 9px;
    width: 18px;
    padding-top: 0px;
    position: relative;
    bottom: 36px;
    left: 20px;
}

.drag-file-ct .x-innerhtml{pointer-events:none}
.drag-file-icon{font-family: 'Material Icons', 'Font Awesome 5 Free';display:block;font-size:32px;margin-top:30px;display:none;text-align:center;pointer-events:none}
.active .drag-file-icon{display:block}
.active .drag-file-icon:after{content:"\f058";color:#8bc34a}
.dropped .drag-file-icon{display:block}
.dropped .drag-file-icon:after{content:"\f013";color:#9e9e9e}
.nosupport .drag-file-icon{display:block}
.nosupport .drag-file-icon:after{content:"\f119";color:#9e9e9e}

.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}

.x-action-col-icon {
    margin: 10px;
}

.imagepanel  {
    border: 1px solid '#2F7935';
    border-color: '#2F7935';
    background-color: rgba(0, 0, 0, 0.75);
}



.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 3000;
}
.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 3000;
}
input:checked + .slider {
  background-color: #2F7935;
  z-index: 3000;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2F7935;
  z-index: 3000;
}
input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.slider.round {
  border-radius: 20px;
  z-index: 3000;
}
.slider.round:before {
  border-radius: 50%;
  z-index: 3000;
}
.x-boundlist-item {
    padding: 1px 10px;
}

.clsUltimoAggiornamento {
    margin-left: 5px;
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 20px;
    display: flex;
}

.clsUltimoAggiornamento img {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

/* Samuele archivio news descrizione Magiro */

#idNewsDescription p, #idNewsDetailContent p {
    margin: 0;
    padding: 0;
}

/* Samuele ---- INSERISCI NUOVA NOTA ----- Magiro */
.clsNewNoteLabel .x-form-item-label {
    text-align: left;
}

.clsNewNoteAttachTrascinaQui {
    border: 1px dashed var(--dark-gray);
    background-color: var(--light-gray);
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    width: calc(100% - 16px);
    margin: 8px 16px;
    color: var(--dark-gray);
}

.clsNewNoteAttachTrascinaQuiNew {
    border: 1px dashed var(--dark-gray);
    background-color: var(--light-gray);
    border-radius: 4px;
    height: 100px;
    line-height: 100px;
    padding: 0 10px;
    display: inline-block;
    width: calc(100% - 16px);
    margin: 8px 16px;
    color: var(--dark-gray);
    text-align: center;
}

.active .clsNewNoteAttachTrascinaQui {
    border: 1px dashed var(--base-color-red);
    color: var(--base-color-red);
}

.clsNewNoteAttachUpdated {
    background-color: var(--light-gray);
    height: 40px;
    line-height: 40px;
    margin: 0 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--medium-gray);
    color: var(--dark-gray);
}
.clsNewNoteAttachUpdatedImage {
    /* display: inline-block; */
    width: 30px;
    height: 30px;
}

.clsNewNoteUpdatedFilename {
    height: 30px;
    line-height: 30px;
    padding-left: 12px; 
    width: 80%;
    font-size: 1.1rem;
}
.clsNewNoteRemoveAttachUpdated img {
    margin-top: 8px;
    cursor: pointer;
}
.clsNewNoteRemoveAttachUpdated {
    margin: 0;
    padding: 0;
    line-height: 40px;
    height: 40px;
    
}

.clsNewNoteBtnAggiungiAllegato, .clsQuickNoteBtnAggiungiAllegato {
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;

}
.clsNewNoteBtnAggiungiAllegato img, .clsQuickNoteBtnAggiungiAllegato img {
    width: 20px;
    height: 20px;
}
.clsNewNoteBtnAggiungiAllegato span, .clsQuickNoteBtnAggiungiAllegato span {
    height: 30px;
    line-height: 30px;
    padding-left: 12px; 
    /* width: 80%; */
    font-size: 1rem;
    color: #ffffff;
}

/* BLUE BUTTON */

.x-btn-default-small.blue {
    background-color: var(--base-color);
    border-color: var(--base-color);
    color: #ffffff;
}
.x-btn-over.x-btn-default-small.blue {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color);
    color: #ffffff;
}
.x-btn-focus.x-btn-default-small.blue  {
    background-color: var(--base-color-administrator);
    border-color: var(--base-color);
    color: #ffffff;
}

.blue x-btn-inner x-btn-inner-default-small {
    color: #ffffff !important;
}




.clsNewNoteFieldset .x-fieldset-header-default > .x-fieldset-header-text {
    color: #000000;
    font-size: 16px;
}

#idVisibylityEmailCc-inputEl, #idBVisibylityEmailCc-inputEl, #idQVisibylityEmailCc-inputEl {
    background-color: #ffffff;
}

.clsNewNoteLabel .x-form-text-default {
    background-color: var(--light-gray);
}
.clsNewNoteLabel .x-form-trigger-default {
    background-color: var(--light-gray);
}

.clsNewNoteLabel .x-form-item-label-text {
    font: 600 16px/20px Roboto, sans-serif;
    margin-left: 10px;
}

.clsNewNoteCondividiAdminGrid .x-grid-cell-inner, .clsNewNoteCondividiGrid .x-grid-cell-inner{
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
}

/*++++ Update Single Image ++++*/
.clsPhotoTrascinaQui {
    border: 1px dashed var(--dark-gray);
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
}
.active .clsPhotoTrascinaQui {
    border: 1px dashed var(--base-color-red);
    color: var(--base-color-red);
}
.clsPhotoUpdated {
    background-color: var(--medium-gray);
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    display: flex;
    align-items: center;
}
.clsPhotoUpdatedImage {
    width: 30px;
    height: 30px;
}
.clsPhotoUpdatedFilename {
    height: 30px;
    line-height: 30px;
    padding-left: 12px; 
    width: 80%;
    font-size: 1.1rem;
}
.clsRemovePhotoUpdated img {
    margin-top: 8px;
    cursor: pointer;
}
.clsRemovePhotoUpdated {
    margin: 0;
    padding: 0;
    line-height: 40px;
    height: 40px;
}

/* Samuele FINE INSERISCI NUOVA NOTA (Magiro) */

/* Menù dropdown (samuele) Magiro */
/* Style The Dropdown Button */
/* The container <div> - needed to position the dropdown content */
.cssMenuDropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.cssMenuDropdownContent {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
  
/* Links inside the dropdown */
.cssMenuDropdownContent a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.cssMenuDropdownContent a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.cssMenuDropdown:hover .cssMenuDropdownContent {
    display: block;
}
/* Menù fine dropdown (samuele) Magiro */

/* Etichetta modifica responsabile (samuele) Magiro*/
.clsRMFieldContainer .x-form-item-label {
    vertical-align: top;
    text-align: right;
    padding-right: 15px;
}
/* Etichetta fine modifica responsabile (samuele) Magiro*/


.opr-tabella .x-grid-cell {
    padding: .55rem;
}

.opr-tabella .x-column-header {
    font-weight: 700;
}

.opr-tabella .x-grid-item { 
    background-color: #fbfbfb !important;
    border-bottom: 1px solid var(--divider-color);
}
.opr-tabella .x-grid-item-alt { 
    background-color: #fff !important; 
} 
.opr-tabella .x-grid-item:hover, .opr-tabella .x-grid-item-alt:hover {
    background-color: #e0f3ff !important;
}

.opr-tabella .x-grid-item-selected {
    background-color: #bdf3d3 !important;
}
/* .opr-tabella .x-grid-with-row-lines {
    
} */

.clsNoteStudioRowLawyer {
    background-color: var(--base-color-note-lawyer-content) !important;
}

.opr-tabella1 .x-grid-cell {
    margin: .55rem;
}

.opr-tabella1 .x-column-header {
    font-weight: 700;
}

.opr-tabella1 .x-grid-item { 
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--divider-color);
}
.opr-tabella1 .x-grid-item-alt { 
    background-color: #fff !important; 
} 
.opr-tabella1.x-grid-item:hover, .opr-tabella1 .x-grid-item-alt:hover {
    background-color: transparent; !important;
}

.opr-tabella1 .x-grid-item-selected {
    background-color: transparent; !important;
}

.opr-box {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    border-width: 0;
    transition: all .2s;

    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.125);
    border-radius: .25rem;
    margin-bottom: 40px;
}

.clsSearchIcon {
    background: url(../icons/black/cerca.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 85%;
}

/* tabella gestione condomini Magiro */

.admGrid .x-column-header {
    background-color: var(--medium-gray);

}
.admGrid.opr-tabella .x-grid-cell {
    padding: 0;
}

.admGrid .clsGCButtonCircle {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 7px 0 0 7px;
    border: 1px solid var(--medium-gray);
    margin: 0 4px;
    cursor: pointer;
}


.clsAdmTabellaDettagli {
    background-color: #ffffff;
    border: none;
    width: 100%;
    border-radius: 6px;
    border-collapse: collapse;
}

.clsAdmTabellaDettagli thead {
    background-color: var(--medium-gray);
    border: none;
    height: 32px;
    line-height: 32px;
    

}

.clsAdmTabellaDettagli thead tr th {
    padding: 0 14px;
    font-weight: 500;
    text-align: left;
}

.clsAdmTabellaDettagli tbody {
    
}

.clsAdmTabellaDettagli tbody tr td{
    border-bottom: 1px solid var(--medium-gray);
    font-weight: 600;
    padding: 8px 14px;
}

.clsAdmTabellaDettagli tbody tr.clsBCRigaNoBorder td {
    border-bottom: none;
}

.clsAdmTabellaDettagli tbody tr:last-of-type td {
    border: none;
}

.clsAdmTabellaCondomini tbody tr td:last-of-type {
    background-color: var(--medium-gray);
}
.clsAdmTabellaCondomini thead tr th:last-of-type {
    text-align: center;
    width: 120px;
}
.clsAdmTabellaCondomini thead tr th:first-of-type {
    width: 120px;
}


/* Gestione dei bottoni */
.clsBtnCop {
    height: 32px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    width: 208px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 12px 8px 0;
    background-color: transparent;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 11px;
    font-weight: 500;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.clsBtnCop .x-btn-inner {
    color: #ffffff !important;
}
.clsBtnCopGreen x-keyboard-mode .x-btn-focus.x-btn-default-small .x-btn-inner {
    color: #ffffff !important;
}
.clsBtnCop x-keyboard-mode .x-btn-focus.x-btn-default-small .x-btn-inner {
    color: #ffffff !important;
}

.clsBtnCop x-btn-inner x-btn-inner-default-small {
    color: #ffffff !important;
}
.clsBtnCopGreen x-btn-inner x-btn-inner-default-small {
    color: #ffffff !important;
}



.clsBtnCop.clsBtnCopGreenExcell {
    background-color:  #138046;
}
.clsBtnCopGreenExcell x-btn-inner x-btn-inner-default-small {
    color: #ffffff !important;
}
.clsBtnCopGreenExcell x-keyboard-mode .x-btn-focus.x-btn-default-small .x-btn-inner {
    color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopGreenExcell.x-btn-over, .x-keyboard-mode .clsBtnCopGreenExcell.x-btn-focus {
    background-color: #138046 !important;
	color: #ffffff !important;
}
.clsBtnCop.clsBtnCopGreenExcell, .x-keyboard-mode .clsBtnCopGreen.x-btn-over, .x-keyboard-mode .clsBtnCopGreen.x-btn-focus {
    background-color: #138046 !important;
	color: #ffffff !important;
}



.clsBtnCop.clsBtnCopRed {
    background-color: var(--base-color-button-red);
}
.clsBtnCop.clsBtnCopOrange {
    background-color: var(--base-color-button-orange);
}
.clsBtnCop.clsBtnCopGreen {
    background-color: var(--base-color-button-green);
}

.clsBtnCop.clsBtnCopGreenExcell {
    background-color:  #138046;
}

.clsBtnCop.clsBtnCopBlue {
    background-color: var(--base-color-button-blue);
}
.clsBtnCop.clsBtnCopPurple {
    background-color: var(--base-color-button-purple);
}

.clsBtnCop.clsBtnCopGray {
    background-color: var(--base-color-grey);
}

.x-keyboard-mode  .clsBtnCopRed.x-btn-over, .x-keyboard-mode .clsBtnCopRed.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopOrange.x-btn-over, .x-keyboard-mode .clsBtnCopOrange.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopGreen.x-btn-over, .x-keyboard-mode .clsBtnCopGreen.x-btn-focus {
    background-color: #ffffff !important;
	color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopBlue.x-btn-over, .x-keyboard-mode .clsBtnCopBlue.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopPurple.x-btn-over, .x-keyboard-mode .clsBtnCopPurple.x-btn-focus {
    background-color: #ffffff !important;
}

.x-keyboard-mode .clsBtnCopGray.x-btn-over, .x-keyboard-mode .clsBtnCopGray.x-btn-focus {
    background-color: #ffffff !important;
}

.clsBtnCop.clsBtnCopRed, .x-keyboard-mode  .clsBtnCopRed.x-btn-over, .x-keyboard-mode .clsBtnCopRed.x-btn-focus {
    background-color: var(--base-color-button-red) !important;
}
.clsBtnCop.clsBtnCopOrange, .x-keyboard-mode .clsBtnCopOrange.x-btn-over, .x-keyboard-mode .clsBtnCopOrange.x-btn-focus {
    background-color: var(--base-color-button-orange) !important;
}
.clsBtnCop.clsBtnCopGreen, .x-keyboard-mode .clsBtnCopGreen.x-btn-over, .x-keyboard-mode .clsBtnCopGreen.x-btn-focus {
    background-color: var(--base-color-button-green) !important;
	color: #ffffff !important;
}
.clsBtnCop.clsBtnCopBlue, .x-keyboard-mode .clsBtnCopBlue.x-btn-over, .x-keyboard-mode .clsBtnCopBlue.x-btn-focus {
    background-color: var(--base-color-button-blue) !important;
}
.clsBtnCop.clsBtnCopPurple, .x-keyboard-mode .clsBtnCopPurple.x-btn-over, .x-keyboard-mode .clsBtnCopPurple.x-btn-focus {
    background-color: var(--base-color-button-purple) !important;
}

.clsBtnCop.clsBtnCopGray, .x-keyboard-mode .clsBtnCopGray.x-btn-over, .x-keyboard-mode .clsBtnCopGray.x-btn-focus {
    background-color: var(--base-color-grey) !important;
}

.clsBtnCop:hover, .clsBtnCop.x-btn-over, .clsBtnCop.x-btn-focus{
    opacity: 0.8;
}

.clsBtnCopNote {
    height: 24px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    width: 108px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 12px 8px 0;
    background-color: transparent;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 10px;
    font-weight: 500;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.clsBtnCopNote .x-btn-inner {
    color: #ffffff;
}


.clsBtnCopNote.clsBtnCopNoteRed {
    background-color: var(--base-color-button-red);
}
.clsBtnCopNote.clsBtnCopNoteOrange {
    background-color: var(--base-color-button-orange);
}
.clsBtnCopNote.clsBtnCopNoteGreen {
    background-color: var(--base-color-button-green);
}
.clsBtnCopNote.clsBtnCopNoteBlue {
    background-color: var(--base-color-button-blue);
}
.clsBtnCopNote.clsBtnCopNotePurple {
    background-color: var(--base-color-button-purple);
}

.x-keyboard-mode  .clsBtnCopNoteRed.x-btn-over, .x-keyboard-mode .clsBtnCopNoteRed.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopNoteOrange.x-btn-over, .x-keyboard-mode .clsBtnCopNoteOrange.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopNoteGreen.x-btn-over, .x-keyboard-mode .clsBtnCopNoteGreen.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopNoteBlue.x-btn-over, .x-keyboard-mode .clsBtnCopNoteBlue.x-btn-focus {
    background-color: #ffffff !important;
}
.x-keyboard-mode .clsBtnCopNotePurple.x-btn-over, .x-keyboard-mode .clsBtnCopNotePurple.x-btn-focus {
    background-color: #ffffff !important;
}

.clsBtnCopNote.clsBtnCopNoteRed, .x-keyboard-mode  .clsBtnCopNoteRed.x-btn-over, .x-keyboard-mode .clsBtnCopNoteRed.x-btn-focus {
    background-color: var(--base-color-button-red) !important;
}
.clsBtnCopNote.clsBtnCopNoteOrange, .x-keyboard-mode .clsBtnCopNoteOrange.x-btn-over, .x-keyboard-mode .clsBtnCopNoteOrange.x-btn-focus {
    background-color: var(--base-color-button-orange) !important;
}
.clsBtnCopNote.clsBtnCopNoteGreen, .x-keyboard-mode .clsBtnCopNoteGreen.x-btn-over, .x-keyboard-mode .clsBtnCopNoteGreen.x-btn-focus {
    background-color: var(--base-color-button-green) !important;
}
.clsBtnCopNote.clsBtnCopNoteBlue, .x-keyboard-mode .clsBtnCopNoteBlue.x-btn-over, .x-keyboard-mode .clsBtnCopNoteBlue.x-btn-focus {
    background-color: var(--base-color-button-blue) !important;
}
.clsBtnCopNote.clsBtnCopNotePurple, .x-keyboard-mode .clsBtnCopNotePurple.x-btn-over, .x-keyboard-mode .clsBtnCopNotePurple.x-btn-focus {
    background-color: var(--base-color-button-purple) !important;
}

.clsBtnCopNote:hover, .clsBtnCopNote.x-btn-over, .clsBtnCopNote.x-btn-focus{
    opacity: 0.8;
}

/* .clsLabelPreventivoInviato {
    cursor: default;
    background-color: #b0b050;
}
.clsLabelPreventivoRifiutato {
    cursor: default;
    background-color: #b050b0;
}
.clsLabelPreventivoAccettato {
    cursor: default;
    background-color: #50b050;
}
.clsLabelPreventivoNonAccettato {
    cursor: default;
    background-color: #b05050;
}
.clsBtnInterventoInizioLavori {
    background-color: var(--base-color);
}
.clsBtnInterventoChiudi {
    background-color: #5050b0;
}
.clsLabelInterventoChiuso {
    cursor: default;
    background-color: #b05050;
} */


/* Fine gestione dei bottoni */

#idNewSupplierWin .x-toolbar-default-docked-bottom, #idNewSupplierExistingWin .x-toolbar-default-docked-bottom {
    background-color: var(--medium-gray);
}
#idNewSupplierWin .x-btn-button-default-toolbar-small, #idNewSupplierExistingWin .x-btn-button-default-toolbar-small {
    min-height: 16px;
}
#idNewSupplierWin .x-btn-inner-default-toolbar-small, #idNewSupplierExistingWin .x-btn-inner-default-toolbar-small {
    color: #ffffff;
}


/* Samuele (Magiro) profilo responsabile radiogroup background */
#idProfiloAnagraficaForm .x-form-item-body-default.x-form-checkboxgroup-body {
    background-color: #ffffff;
}

/* Samuele (Magiro) sfondo intestazioni tabella */
/* .clsAdminHeader > .x-column-header-inner{
    background-color: var(--medium-gray) !important;
    color: var(--dark-gray) !important;
    padding: 8px !important;
} */
.clsAllegatiHeader .x-column-header-inner{
    background-color: var(--medium-gray) !important;
    color: var(--dark-gray) !important;
}
.clsAllegatiHeader .x-column-header{
    padding: 0px !important;
}

.clsAllegatiHeader .x-column-header-inner{
    background-color: var(--medium-gray) !important;
    color: var(--dark-gray) !important;
}

.clsAdminHeader .x-column-header-inner{
    background-color: var(--medium-gray) !important;
    color: var(--dark-gray) !important;
    padding: 8px !important;
}

.clsAdminHeader .x-grid-cell-inner {
    padding: 6px;
}

/* Label Stato Riconcilia (Riciro) Magiro*/
.clsLabelRiconciliaNoFattura {
    cursor: default;
    background-color: #b0b0b0;
}
.clsLabelRiconciliaFatturaNoDurc {
    cursor: default;
    background-color: #b05050;
}
.clsLabelRiconciliaFatturaDurcOk {
    cursor: default;
    background-color: #50b050;
}
/* Label Stato RAC (Raciro) Magiro*/
.clslabelRACInAttesa {
    cursor: default;
    background-color: #bbb04d;
}
.clslabelRACInElaborazione {
    cursor: default;
    background-color: var(--base-color-button-orange);
}

/* Label Report RAC Azione Correttiva (Raciro) Magiro */
.clslabelReportRACWarning {
    cursor: default;
    background-color: var(--base-color-button-orange);
}
.clslabelReportRACError {
    cursor: default;
    background-color: var(--base-color-button-red);
}


/* Label Report RAC (Raciro) Magiro */
.clsRacComuneCodice {
    text-align: center;
    margin: 24px 12px 12px;
    font-size: 20px;
}
.clsRacSubalterno {    
    border-radius: 8px;
    border: 1px solid var(--dark-gray);
    padding: 12px;
    background-color: var(--light-gray);
    margin-bottom: 12px;
    
}
.clsRacSubalternoNumero {
    text-align: center;
    padding: 0 12px 4px;
    margin: 0;
    font-size: 14px;
}

.clsRacTabella {
    width: 100%;
    border: 1px solid var(--medium-gray);
    border-collapse: collapse;
}
.clsRacTabella thead tr th {
    font-weight: 700;
    padding: 4px 8px;
    text-align: left;
    background-color: var(--medium-gray);
}
.clsRacTabella tbody tr td {
    padding: 4px 8px;
    border-bottom: 1px solid var(--medium-gray);
}


.clsNotesHistorySegBtn {
    display: inline-block; 
}
.clsNotesHistorySegBtnCounter {
    background-color: #e5e5e5;
    display: inline-block; 
    border-radius: 16px;
    color: #000000;
    text-align: center;
    height: 24px;
    width: 32px;
    line-height: 24px;
    margin: 4px 2px 4px 8px;
    padding: 0;
}

#idSegBtnReportRacState .x-segmented-button-item {
    display: inline-block;
    border-radius: 16px; 
    background-color: #484848; 
    color: #ffffff; 
    font-size: 10px;
    height: 32px;
    line-height: 32px;
    margin: 8px 4px;
    padding: 2px 0 2px 6px;
}
#idSegBtnReportRacState .x-btn-over {
    opacity: 0.7;
    color: #009ad9;
}
#idSegBtnReportRacState .x-btn-focus {
    opacity: 1;
    color: #ffffff;
}
#idSegBtnReportRacState .x-btn-pressed {
    background-color: #009ad9;
}

.clsReportRacRiepilogoRiga {
    padding: 6px 0;
    color: #ffffff;
}
.clsReportRacRiepilogoTitolo {
    font-size: 20px;
}

.clsReportRacRiepilogoElemento {
    padding: 0 8px;
    font-size: 14px;
    color: var(--medium-gray);
}
.clsReportRacRiepilogoElemento b {
    padding-left: 6px;
    color: #ffffff;
}

#idAdvancedSearchFiltraStato .x-form-item-label, #idAdvancedSearchFiltraEvento .x-form-item-label {
    position: relative;
    height: 32px;
    line-height: 0;
    top: -7px;
    text-align: right;
    font: 600 13px/16px Roboto, sans-serif;
    color: #000000;
    right: 10px;
}

#idAdvancedSearchFiltraStato .x-form-item-body-default.x-form-checkboxgroup-body,  
#idAdvancedSearchFiltraEvento .x-form-item-body-default.x-form-checkboxgroup-body {
    margin: 0;
}

.clsSquareReportRACError {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--base-color-button-red);
    margin: 0 8px;
}
.clsResponseReportRACError {
    display: inline-block;
    color: var(--base-color-button-red);
    font-size: 14px;
    line-height: 20px;
}

.clsSquareReportRACWarning {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--base-color-button-orange);
    margin: 0 8px;
}
.clsResponseReportRACWarning {
    display: inline-block;
    color: var(--base-color-button-orange);
    font-size: 14px;
    line-height: 20px;
}
.clsSquareReportRACOk {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--base-color-button-green);
    margin: 0 8px;
}

/* Label Gestione Call Center Stato Magiro */
.clslabelCallCenterNonAttivato {
    cursor: default;
    background-color: var(--base-color);
}
.clslabelCallCenterAttivato {
    cursor: default;
    background-color: var(--base-color-button-green);
}
.clslabelCallCenterInAttivazione {
    cursor: default;
    background-color: var(--base-color-button-orange);
}
.clslabelCallCenterDisattivato {
    cursor: default;
    background-color: var(--base-color-button-red);
}

/* TOOLTIP & Tooltip Ultimo aggiornamento */
.tooltip {
    position: relative;
    display: inline-block;
}
/* Fine (BUG-181) */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: var(--base-color);
    color: var(--color);
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 105%;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.tooltipSwitch {
    position: relative;
    display: inline-block;
}

.tooltipSwitch .tooltiptext {
    visibility: hidden;
    background-color: #ffffff;
    color: var(--color);
    text-align: center;
    min-width: 150px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: -10px;
    left: 40px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltipSwitch:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* TOOLTIP & Tooltip Ultimo aggiornamento */
.tooltipNoteStudio {
    position: relative;
    display: inline-block;
}
/* Fine (BUG-181) */
.tooltipNoteStudio .tooltiptext {
    visibility: hidden;
    background-color: var(--base-color);
    color: var(--color);
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 40px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltipNoteStudio:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip.tooltipNote .tooltiptext {
    background-color: var(--light-gray);
    color: var(--base-color);
    bottom: 115%;
    min-width: 120px;
}

.tooltip.tooltipNoteDx .tooltiptext {
    margin-right: -20px;
}
.tooltip.tooltipNoteSx .tooltiptext {
    margin-left: -20px;
}

.tooltip.tooltipNoteLUAttach .tooltiptext {
    background-color: var(--dark-blue);
    color: var(--light-gray);
    bottom: 115%;
    min-width: 120px;
}
.tooltip.tooltipNoteLUMittente .tooltiptext {
    background-color: var(--dark-blue);
    color: var(--light-gray);
    bottom: -20px;
    margin-left: -30px;
    min-width: 120px;
}

.tooltip.tooltipNoteLUMittenteDx .tooltiptext {
    background-color: var(--dark-blue);
    color: var(--light-gray);
    bottom: -20px;
    left: 0px;
    min-width: 120px;
}

.clsUltimoAggiornamentoTooltip.x-tip-default .x-tip-anchor-left{
    border-right-color: var(--base-color);
}

.clsUltimoAggiornamentoTooltip.x-tip-default {
    border-color: var(--base-color);
}

.clsUltimoAggiornamentoTooltip .x-tip-header .x-tool-img {
    color: #fff;
}

/*++++ tooltip Button ++++*/
.tooltipButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    /*border-radius: 4px;*/
 /*   padding: 0 16px;*/
    min-width: 44px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: transparent;
/*    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
/*    line-height: 36px;
    overflow: hidden;*/
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}
.tooltipButton::before {
   background-color: white;
   border: 1px solid #888;
   border-radius: 2px;
   color: #444;
   content: attr(data-title);
   display: none;
   font-family: sans-serif;
   font-size: 14px;
   padding: 2px 5px;
   position: absolute;
   top: -15px;
   left: -100px;
   z-index: 1;
}
.tooltipButton:hover::before {
   display: block;
}

/*++++ tooltip Edifici ++++*/
.tooltipEdifici {
    position: relative;
    display: inline-block;
}
.tooltipEdifici::before {
   background-color: white;
   border: 1px solid #888;
   border-radius: 2px;
   color: #444;
   content: attr(data-title);
   display: none;
   font-family: sans-serif;
   font-size: 14px;
   padding: 2px 5px;
   position: absolute;
   top: -5px;
   left: -40px;
   z-index: 1;
}
.tooltipEdifici:hover::before {
   display: block;
}

.tooltipEdifici1 {
    position: relative;
    display: inline-block;
}
.tooltipEdifici1::before {
   background-color: white;
   border: 1px solid #888;
   border-radius: 2px;
   color: #444;
   content: attr(data-title);
   display: none;
   font-family: sans-serif;
   font-size: 14px;
   padding: 2px 5px;
   position: absolute;
   top: -5px;
   left: -60px;
   z-index: 1;
}
.tooltipEdifici1:hover::before {
   display: block;
}
/*++++ QuickNote ++++*/

.clsQuickNoteBox {
    width: calc(100% - 20px);
    margin: 0px 10px; 
    border-bottom: 1px solid var(--dark-gray);
}
.clsQuickNote {
    padding: 5px 12px 8px;
    width: calc(100% - 30px); 
    float: left;
}

.clsQuickNoteForm {
    border-radius: 4px;
    background-color: #9199a2;
    color: #ffffff;
    padding: 3px;
    display: flex;
    position: relative;
}

.clsQuickNoteTextArea {
    width: calc(100% - 60px);
    background-color: transparent;
    border: none;
    overflow: hidden;
    color: #eee;
    font-size: 13px;
    font-weight: 300;
    font-family: Roboto, sans-serif;
    padding: 4px 8px;
    height: 24px;
    margin-left: 8px;;
}

.clsBtnNewNote, .clsBtnQuickNoteAttach, .clsBtnQuickNoteInsert {
    height: 24px;
    width: 24px;
    min-width: 24px;
    padding: 0;
    margin: 0;
}
.clsBtnQuickNoteInsert {
    margin: 0 6px;
}
.clsBtnNewNote img {
    height: 24px;
    width: 24px;
}

.clsQuickNoteAttachFile {
    position: absolute;
    width: 250px;
    padding: 6px 12px;
    border: 1px solid var(--dark-gray);
    background-color: var(--light-gray);
    color: #000000;
    top: 20px;
    left: 40px;
}

.clsQuickNoteTextArea::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
}
.clsQuickNoteTextArea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
}
.clsQuickNoteTextArea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
}
.clsQuickNoteTextArea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff;
}

.clsQuickNoteBox .pure-material-button-contained:hover::before {
    opacity: 0;
}
.clsQuickNoteBox .pure-material-button-contained:focus::before {
    opacity: 0;
}
.clsQuickNoteBox .pure-material-button-contained:hover:focus::before {
    opacity: 0;
}
/*++++ Fine QuickNote ++++*/

.clsNIFornitoreBtn .pure-material-button-contained:hover::before {
    opacity: 0;
}
.clsNIFornitoreBtn .pure-material-button-contained:focus::before {
    opacity: 0;
}
.clsNIFornitoreBtn .pure-material-button-contained:hover:focus::before {
    opacity: 0;
}


/*++++ Tooltip Note Dest ++++*/

.tooltipDest {
  position: relative;
  display: inline-block;
}

.tooltipDest .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: var(--base-color);
  color: #fff;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 110%;
}

.tooltipDest .tooltiptext::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent  transparent transparent var(--base-color);
}
.tooltipDest:hover .tooltiptext {
  visibility: visible;
}

/*++++ Tooltip Note Spalla ++++*/

.tooltipSpalla {

}

.tooltipSpalla .tooltiptext {
  visibility: hidden;

  background-color: var(--base-color);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -0px;
}

.tooltipSpalla .tooltiptext::after {
/*  content: "";
  position: absolute;
  top: 10px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent var(--base-color) transparent transparent;*/
}
.tooltipSpalla:hover .tooltiptext {
  visibility: visible;
}


/*++++ Tooltip Note Event Supplier/Lawyer ++++*/

.tooltipNoteEvent {

}

.tooltipNoteEvent .tooltiptext {
  visibility: hidden;

  background-color: var(--base-color);
  color: #fff;
  width: max-content;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -0px;
}

.tooltipNoteEvent:hover .tooltiptext {
  visibility: visible;
}

/*++++ Tooltip Note Event Admin ++++*/

.tooltipNoteEventAdmin {

}

.tooltipNoteEventAdmin .tooltiptext {
  visibility: hidden;

  background-color: var(--base-color);
  color: #fff;
  min-width: 100px;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: 50px;
  right: -0px;
  text-align: right;
}

.tooltipNoteEventAdmin:hover .tooltiptext {
  visibility: visible;
}

/* a:link { */
  /* color: #000000; */
/* } */
/* a:visited { */
  /* color: #000000; */
/* } */
/* a:hover { */
  /* color: #000000; */
/* } */
/* a:active { */
  /* color: #000000; */
/* } */

/* (IncInt) colore testo button */
#btnNewIntTaskSvuota .x-btn-inner {
    color: #ffffff;
}

.clsInterventionsSegBtn {
    color: #222222;
}

.clsInterventionsSegBtnCounter {
    margin-top: 10px;
    text-align: center;
    font-size: 22px;
}
/* (BUG-128) */
.opr-tabella-cursor .x-grid-item:hover .x-grid-cell, .opr-tabella-cursor .x-grid-item-alt:hover  .x-grid-cell{
    cursor: pointer !important;
}
/* Fine (BUG-128) */

/* (BUG-730) */
.clsDisplayHide {
    display: none;
}
.clsDisplayInline {
    display: inline-block;
}
/* Fine (BUG-730) */
/* Fine (BUG-753) */
.clsNoCursor {
    cursor: default;
}
.x-segmented-button .x-segmented-button-item.clsSegBtnTodos {
    border-radius: 4px;
    background-color: #a5a5a5;
    color: #ffffff;
}
.x-segmented-button .x-segmented-button-item.x-btn-pressed.clsSegBtnTodos, .x-segmented-button .x-segmented-button-item.x-btn-pressed.x-btn-over.clsSegBtnTodos{
    background-color: var(--base-color);
}
.x-segmented-button .x-segmented-button-item.x-btn-over.clsSegBtnTodos{
    background-color: #959595;
}
/* Fine (BUG-753) */

.x-btn-button-default-toolbar-small {
    min-height: 12px;
}

.listHead10display {
	float:left;
	width:165px;
	padding: 5px 0 0 33px;
	font-weight: 600;
	font-size: 15px;
	text-align: left;
	color:#009bd6;
	border-right: 1px solid #e5e5e5;
}



.x-boundlist-item {
    padding: 1px 3px 0 10px
}
.group-header {
    padding: 4px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}


.constrain-drag-ct {
    width: 260px;
    height: 260px;
    position: absolute;
    left: 10px;
    top: 10px;
    border: 5px solid #bdbdbd;
}

.constrain-parent {
    background-color: #ff5722;
    left: 50px;
    top: 50px;
}
.constrain-source {
    width: 80px;
    height: 80px;
    padding: 5px;
    text-align: center;
    position: absolute;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: move;
}

.searchCounter {
    float: left;
    line-height: 30px;
    padding: 5px 5px 0 33px;
  /*  margin-top: 4px;*/
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #009bd6;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
}
.searchCounterLast {
    float: left;
    line-height: 30px;
    padding: 5px 5px 0 33px;
 /*   margin-top: 4px;*/
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #009bd6;
    cursor: pointer;
}

/* (BUG-863) */
.password_show:before {
    content: "";
}
.password_show:after {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 32px;
    font: 24px/24px 'Material Icons', 'Font Awesome 5 Free';
    background-color: var(--medium-gray);
    color: var(--dark-gray);
    content: "\f06e";
}

.password_hide:before {
    content: "";
}
.password_hide:after {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 32px;
    font: 24px/24px 'Material Icons', 'Font Awesome 5 Free';
    background-color: var(--medium-gray);
    color: var(--dark-gray);
    content: "\f070";
}

.password_show_ff:before {
    content: "";
}
.password_show_ff:after {
    width: 32px;
    font: 24px/24px 'Material Icons', 'Font Awesome 5 Free';
    background-color: var(--medium-gray);
    color: var(--dark-gray);
    content: "\f06e";
}

.password_hide_ff:before {
    content: "";
}
.password_hide_ff:after {
    width: 32px;
    font: 24px/24px 'Material Icons', 'Font Awesome 5 Free';
    background-color: var(--medium-gray);
    color: var(--dark-gray);
    content: "\f070";
}
.fading {
  animation: fading 0.5s;
 -webkit-animation: fading 0.5s;
}
@keyframes fading {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* Fine (BUG-863) */
.listHeadCN {
	width:100%;
	padding: 5px 0;
}

.listHead10CN {
	float:left;
	width:165px;
	padding: 5px 0 0 33px;
	font-weight: 600;
	font-size: 15px;
	text-align: left;
	color:#009bd6;
	cursor:pointer;
}

.listHead20CN {
	float:left;
	margin: 5px 0 0 10px;
	font-size: 13px;
}


.input-group {
  clear: both;
  margin: 0px 0;
  position: relative;
}

.input-group input[type='button'] {
  background-color: #eeeeee;
  min-width: 28px;
  width: auto;
  border: 0px;
  transition: all 300ms ease;
}

.input-group .button-minus,
.input-group .button-plus {
  font-weight: bold;
  height: 28px;
  padding: 0;
  font-size: 14px;
  width: 28px;
  position: relative;
}

.input-group .quantity-field {
  position: relative;
  height: 28px;
  left: -6px;
  text-align: center;
  width: 28px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
  border: 0px;
}

.button-plus {
  left: -13px;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}


.btnDetailCCD {
	height: 40px;
}
	
.CD100-todo-list {
	text-align: left;
    border-top: 1px solid #e5e5e5;
    padding: 5px;
    display: flex;
}

.CD100-todo-list .todo-list-sx {
    width: 42px;
}
.CD100-todo-list .todo-list-cx {
    flex: 1;
    line-height: 22px;
}
.CD100-todo-list .todo-list-dx {
    /* width: 42px; */
	width: 22px;
}

.CD100-todo-list img {
	width: 22px;
    height: 22px;
   /* margin-right: 10px; */
    margin-right: 0;
}

.CD100-todo-list img.btnCD110AddDocument, .CD100-todo-list img.checked, .CD100-todo-list img.btnCD110AAAddDocument, .CD100-todo-list img.btnCD110OpenAZ, .CD100-todo-list img.btnCD110RacDocument, .CD100-todo-list img.btnCD110RacSubalternoDocument{
    cursor: pointer;
}

.CD100-fase7 .clsBtnCopBlue {
	width: 18%;
}

.badgecustom3 {
    background-color: var(--base-color-button-orange) !important;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    height: 18px;
    line-height: 17px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    width: 18px;
    padding-top: 0px;
}

.badgecustom4 {
    background-color: var(--base-color-button-green) !important;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    height: 18px;
    line-height: 17px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    width: 18px;
    padding-top: 0px;
}

.clsBtnCop.clsBtnCopLightRed {
    background-color: var(--base-color-button-light-red);
}
.x-keyboard-mode .clsBtnCopLightRed.x-btn-over, .x-keyboard-mode .clsBtnCopLightRed.x-btn-focus {
    background-color: #ffffff !important;
}
.clsBtnCop.clsBtnCopLightRed, .x-keyboard-mode .clsBtnCopLightRed.x-btn-over, .x-keyboard-mode .clsBtnCopLightRed.x-btn-focus {
    background-color: var(--base-color-button-light-red) !important;
}

.clsDiv110DocAttach {
	width: 10%;
}
.clsDiv110DocAttach .badgecustom1 {
	/*
	margin: -31px 0px 0 11px; 
	position: fixed;
	*/
	position: absolute;
    top: 0px;
    right: 6px;
    width: 16px;
    height: 16px;
    padding-top: 0px;
    font-size: 9px;
    font-weight: normal;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    --webkit-border-radius: 9px;
    background-color: #fc3e39;
}
.clsbs110DocAttach {
	/*
	min-width: auto;
	padding: 0; 
	height: auto; 
	margin: 14px 0 0 0px;
	*/
	height: auto;
    margin: 9px 0px 0 -11px;
    padding: 4px 0 0 0;
}
.clsBtnCop110Doc {
	height: auto; 
	width: 90%; 
	margin: 5px 10px; 
	padding: 5px 5px; 
	min-height: 36px; 
	cursor: default;
}

.clsBs110MenuAllegati .x-menu-item-text-default.x-menu-item-indent-no-separator {
    margin-left: 8px;
}
.clsFaseAttiva {
    border: 3px solid #249cd4;
}



/* Label Report RAC (Raciro) Magiro */
.clsRacComuneCodice {
    text-align: center;
    margin: 24px 12px 12px;
    font-size: 20px;
}
.clsRacSubalterno {    
    border-radius: 8px;
    border: 1px solid var(--dark-gray);
    padding: 12px;
    background-color: var(--light-gray);
    margin-bottom: 12px;
    
}
.clsRacSubalternoNumero {
    text-align: center;
    padding: 0 12px 4px;
    margin: 0;
    font-size: 20px;
	background: #e1e3e4;
	flex: 1;
    padding-top: 28px;
}

.clsRacTabella {
    width: 100%;
    /*border: 1px solid var(--medium-gray);*/
    border: none;
    border-collapse: collapse;
}
.clsRacTabella thead tr {
	border: 1px solid var(--medium-gray);
}
.clsRacTabella tbody tr {
	border: 1px solid var(--medium-gray);
}
.clsRacTabella tbody tr.noBorder {
    border: none;
}
.clsRacTabella thead tr th {
    font-weight: 700;
    padding: 4px 8px;
    text-align: left;
    background-color: var(--medium-gray);
}
.clsRacTabella tbody tr td {
    padding: 4px 8px;
    border-bottom: 1px solid var(--medium-gray);
}


.clsNotesHistorySegBtn {
    display: inline-block; 
}
.clsNotesHistorySegBtnCounter {
    background-color: #e5e5e5;
    display: inline-block; 
    border-radius: 16px;
    color: #000000;
    text-align: center;
    height: 24px;
    width: 32px;
    line-height: 24px;
    margin: 4px 2px 4px 8px;
    padding: 0;
}

#idSegBtnReportRacState .x-segmented-button-item {
    display: inline-block;
    border-radius: 16px; 
    background-color: #484848; 
    color: #ffffff; 
    font-size: 10px;
    height: 32px;
    line-height: 32px;
    margin: 8px 4px;
    padding: 2px 0 2px 6px;
}
#idSegBtnReportRacState .x-btn-over {
    opacity: 0.7;
    color: #009ad9;
}
#idSegBtnReportRacState .x-btn-focus {
    opacity: 1;
    color: #ffffff;
}
#idSegBtnReportRacState .x-btn-pressed {
    background-color: #009ad9;
}

.clsReportRacRiepilogoRiga {
    padding: 6px 0;
    color: #ffffff;
}
.clsReportRacRiepilogoTitolo {
    font-size: 20px;
}

.clsReportRacRiepilogoElemento {
    padding: 0 8px;
    font-size: 14px;
    color: var(--medium-gray);
}
.clsReportRacRiepilogoElemento b {
    padding-left: 6px;
    color: #ffffff;
}

#idAdvancedSearchFiltraStato .x-form-item-label, #idAdvancedSearchFiltraEvento .x-form-item-label {
    position: relative;
    height: 32px;
    line-height: 0;
    top: -7px;
    text-align: right;
    font: 600 13px/16px Roboto, sans-serif;
    color: #000000;
    right: 10px;
}

#idAdvancedSearchFiltraStato .x-form-item-body-default.x-form-checkboxgroup-body,  
#idAdvancedSearchFiltraEvento .x-form-item-body-default.x-form-checkboxgroup-body {
    margin: 0;
}

.clsSquareReportRACError {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--base-color-button-red);
    margin: 0 8px;
}
.clsResponseReportRACError {
    display: inline-block;
    color: var(--base-color-button-red);
    font-size: 14px;
    line-height: 20px;
}

.clsSquareReportRACWarning {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--base-color-button-orange);
    margin: 0 8px;
}
.clsResponseReportRACWarning {
    display: inline-block;
    color: var(--base-color-button-orange);
    font-size: 14px;
    line-height: 20px;
}
.clsSquareReportRACOk {
    /*
	display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--base-color-button-green);
    margin: 0 8px;
	*/
	display: inline-block;
    background-color: var(--base-color-button-green);
    text-align: center;
    color: #ffffff;
    width: 100%;
    margin: 0;
}

.clsRacBs110Warning {
    text-align: center;
    background-color: var(--base-color-button-orange);
    color: #ffffff;
    width: 100%;
    padding: 4px 0;
}
.clsRacBs110Error {
    text-align: center;
    background-color: var(--base-color-button-red);
    color: #ffffff;
    width: 100%;
    padding: 4px 0;
}

.clsFiltroRacCantieri110 {
    height: 48px; 
    background-color: #333333; 
    border-radius: 24px; 
    line-height: 48px; 
    width: 100%; 
    margin: 10px 0 0; 
    padding-left: 4px;
    display: flex;
}
.clsFiltroRacCantieri110FlexSx {
    flex: 1;
}
.clsFiltroRacCantieri110FlexDx {
    width: 250px;
    text-align: right;
    margin-right: 20px;
}
.clsFiltroRacCantieri110FlexSx > div {
    display: inline-block; 
    height: 32px; 
    line-height: 32px; margin: 8px 4px;
    padding: 1px 6px 2px 6px;
    border-radius: 16px; 
    color: #ffffff; 
    cursor: pointer;
}
.clsFiltroRacCantieri110FlexSx > div.clsFiltroRacBtn {
    background-color: #484848;
}
.clsFiltroRacCantieri110FlexSx > div.clsFiltroRacBtn:hover {
    opacity: .8;
}
.clsFiltroRacCantieri110FlexSx > div.clsFiltroRacSelected {
    background-color: #009ad9; 
}
.clsFiltroRacCantieri110FlexSx > div.clsFiltroRacSelected:hover {
    opacity: 1;
}

table.clsTableViewInfo {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 30px auto;
	text-align: left;
	width: 800px;
}	

table.clsTableViewInfo th {
	background: #444;
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff;
  font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
}

table.clsTableViewInfo th:after {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

table.clsTableViewInfoth:first-child {
	border-left: 1px solid #777;	
	box-shadow: inset 1px 1px 0 #999;
}

table.clsTableViewInfo th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

table.clsTableViewInfo td {
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	transition: all 300ms;
}

table.clsTableViewInfotd:first-child {
	box-shadow: inset 1px 0 0 #fff;
}	

table.clsTableViewInfotd:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

table.clsTableViewInfo tr:nth-child(odd) td {
	background: #f1f1f1;	
}

table.clsTableViewInfo tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff; 
}

table.clsTableViewInfo tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

table.clsTableViewInfo tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}	

table.clsTableViewInfo tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}

table.clsTableViewInfo tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}

#idInfoCategorieCatastali {
    background: transparent url(../icons/blue/info.png) no-repeat;
    background-position: 5px center; /* image positioned 5px of the 0 left and centered top */
    background-size: 22px 22px;
    padding-left: 34px;
}

/* (BUG-1482) */
#idCantiere110CodiciGrid .x-grid-with-row-lines .x-grid-item {
    border-width: 1px 0 0;
}
/* Fine (BUG-1482) */

/* (BUG-1557) */
.context-icon-aggiungi-lista {
    background-image: url(../icons/yellow/preferiti1.png) !important;
    background-size: 16px;
}
.context-icon-aggiungi-carrello {
    background-image: url(../icons/blue/carello.png) !important;
    background-size: 16px;
}
/* Fine (BUG-1557) */
/* (BUG-1613) */
.tooltip.tooltipDta .tooltiptext {
    top: -5px;
    right: 105%;
    left: auto;
    background-color: var(--light-gray);
    color: var(--base-color-red);
    width: max-content;
  }
/* Fine (BUG-1613) */

.clsRacTabella tbody tr td.clsRacBrnDiv {
padding: 0 !important;
}
td.clsRacBrnDiv div {
border-bottom: 1px solid var(--medium-gray);
padding: 3px 8px;
line-height: 22px;
}
td.clsRacBrnDiv div.clsRacBrnSotto {
background-color: #dddddd;
}
.clsRacTabella tbody tr td {
border-bottom: 4px solid var(--medium-gray);
}
.clsDiv90DocAttach {
	width: 10%;
}
.clsDiv90DocAttach .badgecustom1 {
	position: absolute;
    top: 0px;
    right: 6px;
    width: 16px;
    height: 16px;
    padding-top: 0px;
    font-size: 9px;
    font-weight: normal;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    --webkit-border-radius: 9px;
    background-color: #fc3e39;
}
.clsbs90DocAttach {

	height: auto;
    margin: 9px 0px 0 -11px;
    padding: 4px 0 0 0;
}
.clsBtnCop90Doc {
	height: auto; 
	width: 90%; 
	margin: 5px 10px; 
	padding: 5px 5px; 
	min-height: 36px; 
	cursor: default;
}

.clsAdminHeaderNoPadding .x-grid-cell-inner{
    padding: 0 !important;
}

/* NEW SEARCH ELEMENT */

.listSearch10 {
	margin: 0 10px 10px 10px;
	min-height: 90px;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
}

.pure-material-button-contained-serach-OP {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    /*border-radius: 4px;*/
 /*   padding: 0 16px;*/
    min-width: 44px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    /* text-transform: uppercase; */
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: transparent;
/*    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 12px;
    font-weight: 400;
/*    line-height: 36px;*/
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.x-btn-default-toolbar-small.search-btn-action {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 2px 2px 2px;
    border-width: 0px;
    border-style: solid;
    border-radius: 4px;
    background-color: var(--dark-blue);
}
.search-reset-icon {
    background-image: url(../icons/red/chiud2.png) !important;
    background-size: 20px;
}
.search-confirm-icon {
    background-image: url(../icons/green/check.png) !important;
    background-size: 20px;
}



/* EDITOR */

.ql-size-small {
    font-size: 0.75em;
}
.ql-size-large {
    font-size: 1.5em;
}
.ql-editor .ql-size-huge {
    font-size: 2.5em;
}
.ql-align-center {
    text-align: center;
}

#idCkDocumentList-bodyEl.x-form-item-body-default.x-form-checkboxgroup-body {
	background-color: #ffffff;
}
#idCkDocumentList-labelEl.x-form-type-checkbox .x-form-item-label, .x-form-type-radio .x-form-item-label, .x-form-checkboxgroup .x-form-item-label {
	top: 10px;
}

/* (BUG-2769) */
#idBS110BCModificaRispostaEneaSal30 .x-form-checkboxgroup .x-form-item-label, #idBS110BCModificaRispostaEneaSal60 .x-form-checkboxgroup .x-form-item-label,#idBS110BCModificaRispostaEneaSal100 .x-form-checkboxgroup .x-form-item-label{
  top: -11px;
}
/* Fine (BUG-2769) */

.x-grid-group-title {
    text-align: center;
	font: 500 13px/15px Roboto, sans-serif;
}

.x-grid-group-hd {
    padding: 4px 8px;
    background: var(--medium-gray);
}
.x-form-cb-label-default.x-form-cb-label-before {
    padding-right: 22px;
    width: 130px;
    text-align: right;
}

/* GRAFICO TODO */

.circle-wrap {
  width: 20px;
  height: 20px;
  background: #fefcff;
  border-radius: 50%;
  border: 1px solid #cdcbd0;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 20px, 20px, 10px);
}

.circle-wrap .inside-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f5f5f5;
  text-align: center;
  margin-top: 2px;
  margin-left: 2px;
  color: #1e51dc;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}

/* color animation */

/* 3rd progress bar */
.mask .fill {
  clip: rect(0px, 10px, 20px, 0px);
  background-color: #227ded;
}