/* Variabili ******************************************/

:root
{
    --arancio: #f36f21;
    --arancioacceso: #ff5f00;
    --bluscuro: #004380;
    --bluacceso: #0088e4;
    --blu: #06c;
    --grigiochiaro: #f6f6f6;
    --grigiom: #b2bfcb;
    --grigio: #dfdfdf;
    --grigioscuro: #475a6b;
    --grigionero: #293b49;
    --grigiosblu:#748ca1;
    --bianco: #fff;

    --statorosso: #dc3545;
    --statogrigio: #bfbfbf;
    --statoverde: #54b754;
    --statoblu: #17a2b8;
    --statoarancio: #ffa633;

    --grigioinput: #dbe5ed;
    --azionimassive: var(--arancio);
    --azionigeneriche: var(--bluscuro);
    --azionicolor: var(--bianco);
    --aghover: var(--grigio);
    --aghovercolor:var(--bluscuro);
    --listahead: var(--bluscuro);
    --listacolorhead: var(--bianco);
    --listaborder: #e2eaf0;
    --listaodd: #f6f6f6;
    --listahover: #daeaf8;
    --listaselect: #daeaf8;
    --bkgbuttonback: var(--grigiosblu);
    --colorbuttonback: var(--azionicolor);
    --bkgbuttonbackh: var(--aghover);
    --colorbuttonbackh:var(--bkgbuttonback);
    --bktooltip: var(--grigioinput);

    --mulish: 'Mulish', Arial, Verdana, sans-serif;
    --opensans: 'Open Sans', Verdana, Arial, sans-serif;
    --listafonthead: var(--mulish);
    --titolifont: var(--mulish);
    --buttonfont: var(--mulish);

    --imgLoginH: 2.5em;

}


/* Font *********************/
/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/open-sans/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Font titoli ********************/

/* mulish-200 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 200;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-300 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-regular - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-800 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-900 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-200italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 200;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-200italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-300italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 300;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-300italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 400;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 600;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-600italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 500;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-500italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 700;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-700italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-900italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 900;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-900italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-800italic - latin */
@font-face {
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 800;
    src: url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../../../../templates/pubblico/fonts/mulish/mulish-v1-latin-800italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* Font icone ******************************************/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../templates/pubblico/fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url('../../../../templates/pubblico/fonts/MaterialIcons-Regular.woff2') format('woff2'),
        url('../../../../templates/pubblico/fonts/MaterialIcons-Regular.woff') format('woff'),
        url('../../../../templates/pubblico/fonts/MaterialIcons-Regular.ttf') format('truetype'),
        url('../../../../templates/pubblico/fonts/MaterialIcons-Regular.svg#MaterialIcons') format('svg');
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.4em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none !important;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none; /* iOS Safari */
    t-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}

.material-icons.xs {
    font-size: 1em;
}
.material-icons.sm {
    font-size: 1.2em;
}
.material-icons.md {
    font-size: 1.4em;
}
.material-icons.lg {
    font-size: 1.6em;
}
.material-icons.xl {
    font-size: 1.8em;
}

/* Base tag ******************************************/

html{
    font-size: 15px;
    outline: none;
}

body{
    background: var(--grigiochiaro);
    font-size: 1rem ;
    font-family: var(--opensans);
    -webkit-print-color-adjust: exact !important;
}

h1,h2,h3,h4,h5,h6{
    font-family: var(--titolifont);
    font-weight: 700;
    color: var(--bluscuro);
}

p{
    font-size: inherit;
}

input[type=text],
input[type=password],
input[type=url],
input[type=email],
input.text,
input.title,
textarea,
select
{
    margin: 0;
}

input[disabled],
textarea[disabled],
select[disabled]
{
    color: #495057;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=email]:focus,
input.text:focus,
input.title:focus,
textarea:focus
{
    border-color: #80bdff;
}

input:focus::placeholder {
    color: transparent;
}

textarea
{
    min-height: 5rem;
}

.inputbox {
    display: inline-block;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-top: .5em;
    padding-bottom: .5em;
}


/* Reset stili boostrap ******************************************/

*
{
    -webkit-box-shadow: none !important
        -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.disabled, .btn:disabled
{
    opacity: 0.2;
}

.btn, .dropdown-menu
{
    border-radius: 0;
}
.btn-link, .btn-link:hover
{
    background: none !important;
    text-decoration: none !important;
    color: var(--bluscuro) !important;
}

.btn-link:hover
{
    color: var(--bluacceso) !important;
}

textarea.form-control
{
    height:  8rem;
}

.input-group-append, .input-group-prepend{
    border-radius: 0.25rem;
}

.input-group > .input-group-prepend.last > .btn,
.input-group > .input-group-prepend.last > .input-group-text,
.input-group > .input-group-append.last:not(:last-child) > .btn,
.input-group > .input-group-append.last:not(:last-child) > .input-group-text,
.input-group > .input-group-append.last:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append.last:last-child > .input-group-text:not(:last-child)
{
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    border-left: 0;
}

.input-group > .input-group-append.last > .btn,
.input-group > .input-group-append.last > .input-group-text,
.input-group > .input-group-prepend.last:not(:first-child) > .btn,
.input-group > .input-group-prepend.last:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend.last:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend.last:first-child > .input-group-text:not(:first-child)
{
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-right: 0;
}

.form-control:disabled, .form-control[readonly]
{
    color: #7b7b7b;
}

.form-control[type=date]
{
    display: block;
}

.upload[type=file]:disabled+label
{
    background: #c5c6c7;
    cursor: not-allowed;
}

.custom-select
{
    background: #fff;
}

/* Font Awesome */

.fa, .fas, .fab, .far, .fal
{
    font-family: inherit;
    font-weight: inherit;
}
.fa:before, .fas:before
{
    font-weight: 900 !important;
}

.fa:before, .fas:before, .fab:before, .far:before, .fal:before
{
    font-family: 'Font Awesome 5 Free';
}

.fa:before, .fas:before, .fab:before, .far:before, .fal:before
{
    font-size: 1.15rem;
    width: 1.15rem;
}

.fa, .fas, .fab, .far, .fal
{
    text-align: center;
    margin: auto;
    width: 1.15rem;
}

.fa:first-child:not(:only-child),
.fas:first-child:not(:only-child),
.fab:first-child:not(:only-child),
.far:first-child:not(:only-child),
.fal:first-child:not(:only-child),
.fa:not(:empty)::before,
.fas:not(:empty)::before,
.fab:not(:empty)::before,
.far:not(:empty)::before,
.fal:not(:empty)::before
{
    margin-right: .5em;
    margin-top: auto;
    margin-bottom: auto;
}

.fa:last-child:not(:only-child),
.fas:last-child:not(:only-child),
.fab:last-child:not(:only-child),
.far:last-child:not(:only-child),
.fal:last-child:not(:only-child)
{
    margin-left: .5em;
    margin-top: auto;
    margin-bottom: auto;
}

/* Classi utili mirate per una proprietà ******************************************/

.pl-10
{
    padding-left: .6em !important;
}

.pr-15
{
    padding-right: 1em !important;
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-6 {
    width: 6% !important;
}

.w-7 {
    width: 7% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9{
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 12% !important;
}

.w-13 {
    width: 13% !important;
}

.w-14 {
    width: 14% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-18 {
    width: 18% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-32 {
    width: 32% !important;
}

.w-38 {
    width: 38% !important;
}

.m-10
{
    margin: .6em;
}

.h-15
{
    height: 15rem  !important;
}
.font-1
{
    font-size: 1rem;
}

.text-notice
{
    color: var(--statoarancio);
}

.text-success
{
    color: var(--statoverde);
}

.text-info
{
    color: var(--statoblu);
}

.text-grey
{
    color: var(--statogrigio);
}

.d-contents
{
    display: contents;
}

/* Base ******************************************/

.component
{
    margin: 2.3em 0;
}

.icon
{
    font-size: 1.4em;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}

.input-group-text .icon
{
    font-size: 1.2em;
}

#arm-globale
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}

@media (min-width: 992px) {

    #arm-globale .pagina-centrale
    {
        display: flex;
        align-items: flex-start;
        flex-grow: 1;
        min-height: fit-content;
    }
}

.btn
{
    background: var(--bluscuro);
    color: var(--bianco);
    border-radius:.2em;
}

.btn:hover
{
    background: var(--grigio);
    color: var(--bluscuro);
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}

.btn-no-hover:hover
{
    background: unset;
    color: unset;
}

input.form-control.is-invalid[type=text]:focus,
input.form-control.is-invalid[type=password]:focus,
input.form-control.is-invalid[type=url]:focus,
input.form-control.is-invalid[type=email]:focus,
input.form-control.is-invalid.text:focus,
input.form-control.is-invalid.title:focus,
textarea.form-control.is-invalid:focus
{
    background: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-color: #edf3f7;
}

.section-divider{
    border-bottom: 1px solid var(--grigiom);
    padding-bottom: .3em;
    margin-bottom: 1.2em;
}

.color-arancio
{
    color: var(--arancio);
}


/* Home applicazioni Armonia Click ********************************************/
.armclick-profilo h1
{
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.saluto-home h1,
.armclick-profilo h1
{
    font-weight: 400;
    color: var(--grigioscuro);
    font-size: 2em;
}

#armclick-servizi h2
{
    font-size: 1.5em;
    text-transform: uppercase;
}

#armclick-servizi .icon
{
    background: var(--bianco);
    display: inline-block;
    width: 100%;
    border: var(--bianco) 0.25em solid;
}

#armclick-servizi .icon a{
    padding:.5em;
    display: block;
    font-size: .9em;
    line-height: 1;
    text-align: left;
    color: var(--bluacceso);
    font-weight: 600;
    text-decoration: none;
}

#armclick-servizi .icon:hover{
    border: #ffab7a 0.25em solid;
}

#armclick-servizi .icon a:hover{
    text-decoration: none;
    color: var(--bluscuro);
}

#armclick-servizi .icon a img,
#armclick-servizi .icon a span
{
    margin: auto;
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5%;
}

/* Header ******************************************/

#intestazione
{
    background: var(--bianco);
    padding: 0.5em;
}

#intestazione img.logo-armonia
{
    height: 3.5em;
    border: none;
}

/* Footer ****************************************/

footer
{
    font-size: 1rem;
}

div#fascia-bottom p
{
    font-size: 1em !important;
}

#fascia-bottom
{
    margin-top: 0;
    margin-bottom: 0;
}

div#piedipagina
{
    background: #e6e6e6;
    /*    padding:1em 0;*/
    height: 3.3em;
    clear: both;
    height:auto;
}
div#piedipagina p {
    text-align: center;
    font-family: weblysleek_uisemilight, verdana, arial, sans-serif;
}

div#fascia-bottom
{
    background: var(--bluscuro);
    padding:1em 0 2.3em;
    position: relative;
    bottom:0;
    width:100%;
}

div#fascia-bottom p, div#fascia-bottom h3
{
    color: #fff;
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    font-weight: normal;
}

div#fascia-bottom h3
{
    text-transform: uppercase;
    font-size:17px;
    margin-bottom: 20px;
    margin-top: 20px;
}


div#fascia-bottom p.sedi
{
    background: url('../../../../templates/pubblico/img/icona-sede.png') no-repeat left center;
}

div#fascia-bottom p.telefoni
{
    background: url('../../../../templates/pubblico/img/icona-telefono.png') no-repeat left center;
}

div#fascia-bottom p.email
{
    background: url('../../../../templates/pubblico/img/icona-email.png') no-repeat left center;
}

div#fascia-bottom div.fb, div#fascia-bottom .youtube
{
    text-align: center;
}

.banner-youtube
{
    background:#fff;
    display: inline-block;
    padding:1em;
}

div#fascia-bottom .social p a
{
    padding-left: 1.6em;
}

div#fascia-bottom .social p.fb a
{
    background: url('../../../../templates/pubblico/img/icon-fb.png') no-repeat left center;
    background-size: 1em;
}

div#fascia-bottom .social p.linkedin a
{
    background: url('../../../../templates/pubblico/img/icon-linkedin.png') no-repeat left center;
    background-size: 1em;
}

div#fascia-bottom .social p.yt a
{
    background: url('../../../../templates/pubblico/img/icon-youtube.png') no-repeat left center;
    background-size: 1em;
}

div#fascia-bottom a,
div#fascia-bottom .social a
{
    color: #fff;
}

div#fascia-bottom .social a:hover
{
    text-decoration: underline;
}

.row.footer
{
    margin: 0;
}


@media (max-width: 767px)
{
    div#fascia-bottom h3
    {
        font-size: 14px;
    }
    div#fascia-bottom p.email
    {
        margin-left: 0 !important;
    }
}

/* Messaggi **************************************/

.mess_err, .text-muted.mess_err{
    color: red !important;
}

.fade:not(.show)
{
    opacity: unset !important;
}

#armclick-alert.error,
#armclick-alert.alert,
#armclick-alert.notice,
#armclick-alert.success,
#armclick-alert.info
{
    background: none;
    color: unset
}

#armclick-alert.alert
{
    background: #e5e5e5;
    border: none;
}

#armclick-alert.alert-dismissible .close
{
    color: #000;
}

#armclick-alert.alert-dismissible
{
    margin-top: 5vh;
}

/* System Messages */

#system-message ul
{
    list-style: none;
}

#system-message .error,
#system-message .alert,
#system-message .notice,
#system-message .success,
#system-message .info
{
    margin-bottom:0;
    border:0;
    background: none;
    color: unset
}

#system-message,
#system-message dt,
#system-message dd,
#system-message dd ul
{
    margin: 0;
    padding: 0;
}

#system-message dt,
#system-message dd
{
    padding: .5rem;
}

#system-message dd ul
{
    color: unset;
    font-weight: 600;
}

#system-message dd.message {
    padding-left: 2.5rem;
}

/* System Standard Messages */

#system-message dd.message ul
{
    margin-top:0;
}

#system-message dd.message ul li
{
    margin-bottom: 0em;
    color: #000;
}

/* System Notice Messages */

#system-message dt.error,
#system-message dt.alert,
#system-message dt.notice,
#system-message dt.success,
#system-message dt.info,
#system-message dt.message
{
    font-size: 1.3rem;
    padding-bottom: 0;
    display: block;
    font-family: 'Material Icons';
    padding-right: 0;
    padding-top: 0.3em;
    font-weight: 100;
    float: left;
}

#system-message dd.error ul,
#system-message dd.alert ul,
#system-message dd.notice ul,
#system-message dd.success ul,
#system-message dd.info ul
{
    color: unset;
    border: none;
    background: none;
}

#system-message .message,
#system-message .info
{
    color: #0059b9;
}
#system-message .error,
#system-message .alert
{
    color: #dc3545;
}

#system-message .notice
{
    color: #fdba00;
}

#system-message .success
{
    color: #009522;
}

/* Login ******************************************/

.arm-modulo.login,
#login
{
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
}

.arm-modulo.login p,
#login p{
    margin: 0;
}

.arm-modulo.login  > div,
#login > div
{
    margin: auto .2em;
    height: fit-content;
    height: -moz-fit-content;
}

.arm-modulo.login > div.log-img,
#login > div.log-img
{
    height: var(--imgLoginH);
    width: var(--imgLoginH);
    overflow: hidden;
    position: relative;
    border-radius: .2em;
    margin: auto .5em;
}

.arm-modulo.login > div.log-img:empty
#login > div.log-img:empty
{
    margin: auto .5em;
}

.arm-modulo.login > div.log-img #foto,
#login > div.log-img #foto
{
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.arm-modulo.login > div.log-img #foto img,
#login > div.log-img #foto img
{
    height: 100%;
}

.arm-modulo.login > div.log-img i.icon-foto,
#login > div.log-img i.icon-foto{
    font-size: var(--imgLoginH);
    color: var(--grigiom);
}

.arm-modulo.login .logout .btn,
#login .logout .btn,
.arm-modulo.login .logout .btn:hover
#login .logout .btn:hover
{
    background: none;
    color: var(--bluscuro);
    padding: 0;
}

.arm-modulo.login .logout .btn:hover,
#login .logout .btn:hover
{
    color: var(--bluacceso);
    cursor: pointer;
}

@media(max-width: 766px)
{
    .arm-modulo.login,
    #login
    {
        width: 100%;
        margin-top: 1em;
        margin-top: 1em;
        margin-bottom: 1em;

        justify-content: flex-start;
    }
    .arm-modulo.login .icon-foto,
    #login .icon-foto
    {
        padding-left: 5px;
    }
    .arm-modulo.login .log-testo:first-child,
    #login .log-testo:first-child,
    .arm-modulo.login #foto,
    #login #foto
    {
        padding-left: 15px;
    }
    .arm-modulo.login .log-testo:first-child,
    #login .log-testo:first-child
    {
        margin-left: 0;
    }

}

/* Modulo cambio lingua ******************************************/

.lang-buttons button
{
    height: 12px;
    width: auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: .2em;
    background: #fff;
    margin-left: .5em;
    margin-top: .5em;
}

.lang-buttons button img
{
    height: 100%;
    width: auto;
}

.lang-buttons button:hover img
{
    opacity: .7;
}

.lang-pretext
{
    color: var(--bluscuro);
    font-weight: 600;
}

#lang-header
{
    display: block;
    margin: 0 auto;
}

#lang-header .arm-modulo
{
    display: inline-block;
    float: right;
}

#lang-header h3{
    font-size: .9em;
    margin: 0;
}

#lang-header form > *
{
    display: inline-block;
}

@media(max-width: 766px)
{
    #lang-header form > *
    {
        display: block;
        text-align: right;
    }
}

/* Dropdown impostazioni generiche ******************************************/

.dropdown-menu.right
{
    right: 0;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

.dropdown, .b-content
{
    display: inline-block;
}

.dropdown-item.disabled[title], .dropdown-item:disabled[title]
{
    pointer-events: unset;
}

.dropdown-item:hover{
    background: var(--grigio);
}

.dropdown-item:focus{
    background: var(--bluacceso);
}

/* Intestazione form e tabelle*/

.intestazione
{
    color: var(--listacolorhead);
    font-weight: bold;
    text-decoration: none;
    background: var(--listahead);
}

#logo
{
    text-align: left ;
}


/* Toolbar del component e i suoi dropdown ******************************************/

.component-header
{
    margin-bottom: 2em;
}

.component-header .material-icons
{
    vertical-align: middle;
    margin-right: .3em;
}

.component-header .azioni
{
    text-align: left;
    margin-top: 1em;
}

.component-header .azioni > div
{
    display: inline-block;
}

.component-header .azioni .azioni-massive
{
    margin-bottom: .5em;
}

.azioni .azioni-generiche .btn
{
    height: 100%;
}

.component-header .azioni .azioni-generiche .btn.btn-text .b-content,
.component-header .azioni .azioni-massive .dt-content{
    font-family: var(--buttonfont);
    font-weight: bold;
    font-size: 1.1em;
}

.component-header .azioni .azioni-generiche .btn.btn-text.btn-accent,
.component-header .azioni .azioni-massive .btn
{
    background: var(--azionimassive);
    color: var(--bianco);
    text-transform: unset;
}

.component-header .azioni .azioni-generiche .btn.btn-text.btn-accent:hover,
.component-header .azioni .azioni-massive .btn:hover
{
    background: var(--grigio);
    color: var(--arancioacceso);
}

.component-header .azioni .azioni-generiche .btn
{
    background: var(--azionigeneriche);
}

.component-header .azioni .azioni-generiche .btn:hover
{
    background: var(--aghover);
    color: var(--aghovercolor);
}


.component-header .azioni .azioni-generiche .dropdown-toggle::after
{
    content: none;/*elimina la freccetta nel dropdown*/
}

.component-header .azioni .azioni-generiche > .btn:not(.btn-text) .b-content:not(.fas):not(.far):not(.fab):not(.fal):not(.fa),
.component-header .azioni .azioni-generiche .dt-content:not(.fas):not(.far):not(.fab):not(.fal):not(.fa)
{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.6em;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.component-header .azioni .azioni-generiche .dt-content.fa,
.component-header .azioni .azioni-generiche .dt-content.fas,
.component-header .azioni .azioni-generiche .dt-content.fab,
.component-header .azioni .azioni-generiche .dt-content.far,
.component-header .azioni .azioni-generiche .dt-content.fal,
.component-header .azioni .azioni-generiche > .btn .b-content.fa,
.component-header .azioni .azioni-generiche > .btn .b-content.fas,
.component-header .azioni .azioni-generiche > .btn .b-content.fab,
.component-header .azioni .azioni-generiche > .btn .b-content.far,
.component-header .azioni .azioni-generiche > .btn .b-content.fal
{
    font-size: 1.25em;
}

.component-header .azioni .azioni-generiche .btn,
.component-header .azioni .azioni-massive .btn
{
    padding: 0 0.8em;
    line-height: 0;
    color: var(--azionicolor);
    height: 2.5em;
    margin-bottom: .5em;
}
.component-header .azioni .azioni-generiche .btn.dropdown-toggle
{
    margin-right: .2em;
}

.component-header .azioni .azioni-generiche .btn.dropdown-toggle:last-child
{
    margin-right: 0;
}

.component-header .com-title > *
{
    margin-right: .6em;
}

.component-header .com-subtitle
{
    color: grey;
}

.component-header .azioni.right {
    text-align: right;
    margin-bottom: auto;
    margin-top: auto;
}

.component-header .azioni .azioni-generiche .btn.btn-back
{
    background: var(--bkgbuttonback);
    color: var(--colorbuttonback);
}

.component-header .azioni .azioni-generiche .btn.btn-back:hover
{
    background: var(--bkgbuttonbackh);
    color: var(--colorbuttonbackh);
}

.component-header h1 + span{
    display: flex;
}
.component-header h1 + span .fa,
.component-header h1 + span .fas,
.component-header h1 + span .fab,
.component-header h1 + span .far,
.component-header h1 + span .fal
{
    margin: 0;
}

.component-header h2
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    color: inherit;
}

.component-header h2 i.fas,
.component-header h2 i.fa,
.component-header h2 i.far,
.component-header h2 i.fal,
.component-header h2 i.fab
{
    width: auto;
}

@media (min-width: 768px) {
    .component-header .azioni
    {
        text-align: right;
        margin: auto;
    }
    .component-header .azioni .azioni-generiche .btn,
    .component-header .azioni .azioni-massive .btn
    {
        margin-bottom: 0;
    }
}

/*Elimino le icone */
.component-header .dropdown-menu .b-content:before
{
    display: none;
}

.component-header .dropdown-menu .b-content.fa,
.component-header .dropdown-menu .b-content.fas,
.component-header .dropdown-menu .b-content.far,
.component-header .dropdown-menu .b-content.fab,
.component-header .dropdown-menu .b-content.fal,
#armoniaclick-lista .dropdown-menu .b-content.fa,
#armoniaclick-lista .dropdown-menu .b-content.fas,
#armoniaclick-lista .dropdown-menu .b-content.far,
#armoniaclick-lista .dropdown-menu .b-content.fab,
#armoniaclick-lista .dropdown-menu .b-content.fal
{
    line-height: inherit;
    margin: 0;
    display: block;
}


/* Dropdown guide */
.component-header .azioni .guida-menu
{
    display: block;
}

.guida-menu .dt-content.fa,
.guida-menu .dt-content.fas,
.guida-menu .dt-content.fab,
.guida-menu .dt-content.far,
.guida-menu .dt-content.fal
{
    width: auto;
}

.guida-menu .btn
{
    background-color: transparent;
    color: var(--grigiosblu);
    font-weight: bold;
    font-size: 1.05em;
    font-family: var(--buttonfont);
    padding: 0;
}

.guida-menu .btn:hover
{
    color: var(--bluacceso);
}

.guida-menu .btn span::before
{
    font-size: 1em;
    color: var(--statorosso);
}

.guida-menu .btn:hover span::before
{
    color: var(--statorosso);
}
.guida-menu .dropdown-menu
{
    background-color:var(--grigioinput);
    border: none;
    border-radius: .2em;
    top: -7px !important;
    padding: 0.2em 0;
    overflow: hidden;
}

.guida-menu .dropdown-menu button:hover
{
    background: var(--bluacceso);
    color: var(--bianco);
}

.guida-menu .dropleft .dropdown-toggle::before
{
    border: none;
    margin: none;
}



@media (max-width: 991px) {
    .guida-menu .btn
    {
        padding: 0 0.5em 0 0;
    }
}

/* Lista ******************************************/


#armoniaclick-lista .lista
{
    display: table;
    width: 100%;
}

#armoniaclick-lista .lista.table-fixed
{
    table-layout: fixed;
}

#armoniaclick-lista .lista .riga
{
    background: var(--bianco);
}

#armoniaclick-lista .lista .intestazione,
#armoniaclick-lista .lista .riga
{
    display: table-row;
}

#armoniaclick-lista .lista .riga-gruppo
{
    display: contents;
}

#armoniaclick-lista .lista .righe
{
    display: table-row-group;
}

#armoniaclick-lista .lista .intestazione .th,
#armoniaclick-lista .lista .riga .td{
    display: table-cell;
    width: auto;
}

#armoniaclick-lista .lista .intestazione .th
{
    vertical-align: top;
    padding: .3em;
}

#armoniaclick-lista .lista .riga .td{
    padding: .5em;
    position: unset;
}

#armoniaclick-lista .lista .intestazione .th
{
    padding-top: .5em;
}

#armoniaclick-lista .lista .intestazione
{
    line-height: 1.2;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
}

#armoniaclick-lista .lista .intestazione > div
{
    border-bottom: 3px solid var(--bianco);
}
#armoniaclick-lista .lista .intestazione div.th{
    font-family: var(--listafonthead);
}

#armoniaclick-lista .lista .intestazione div.th .ordinamento
{
    vertical-align: top;
    display: table-cell;
}

#armoniaclick-lista .lista .intestazione div.th input[type="checkbox"]
{
    margin-top: .2em;
}

#armoniaclick-lista .lista .intestazione .icon a
{
    display: block;
    position: relative;
    color: #c2e2ff;
    text-decoration: none;
    cursor: pointer;
}

#armoniaclick-lista .lista .intestazione .icon a:hover
{
    color: var(--aranciochiaro);
}

#armoniaclick-lista .lista .intestazione .icon a:hover > img
{
    display: none;
}

#armoniaclick-lista .lista .intestazione .icon
{
    font-size: 1.2em;
}

#armoniaclick-lista .lista .intestazione .icon a > img
{
    position: absolute;
    left: 0;
    width: 100%;
}

#armoniaclick-lista .lista .intestazione .icon.desc a > img
{
    top: 0;
    bottom: auto;

}

#armoniaclick-lista .lista .intestazione .icon.asc a > img
{
    bottom: 0;
    top: auto;
}

#armoniaclick-lista .lista .riga{
    outline: #f6f6f6 solid 3px;
}


#armoniaclick-lista .lista .riga > div{
    vertical-align: middle;
}

#armoniaclick-lista .lista .riga > .azioni-riga{
    text-align: right;
}

#armoniaclick-lista .lista .riga > .azioni-riga .btn{
    padding: .2em;
}

#armoniaclick-lista .no-risultato{
    background: var(--bianco);
    text-align: center;
    display: flow-root;
    margin: auto;
}

#armoniaclick-lista .lista .riga > div
{
    border-left: 1px solid var(--listaborder);
}

#armoniaclick-lista .lista .riga > div:first-child
{
    border-left: none;
}

#armoniaclick-lista .lista .righe:not(.righe-no-hover) div.riga:hover,
#armoniaclick-lista .lista div.riga.riga-highlight
{
    background: var(--listahover);
}

#armoniaclick-lista .lista div.riga:hover .td
{
    border-left-color: var(--listahover);
}

#armoniaclick-lista .lista .riga .td,
#armoniaclick-lista .no-risultato
{
    border-bottom: 4px solid var(--bluacceso);
}


/*#armoniaclick-lista .lista .gruppo-riga:last-child .td,
#armoniaclick-lista .lista .riga:last-child .td,
#armoniaclick-lista .no-risultato
{
    border-bottom-color: var(--bluscuro);
}*/


#armoniaclick-lista .lista .check span.editlinktip.hasTip > img
{
    display: none;
}

#armoniaclick-lista .lista .check span.editlinktip.hasTip:after
{
    content: 'lock';
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: var(--bluacceso);
}

#armoniaclick-lista .lista div.azioni:last-child
{
    text-align: right;
}

#armoniaclick-lista .lista div.th.azioni:last-child
{
    padding-right: 1em;
}

#armoniaclick-lista .lista div.azioni
{
    min-width: 5em;
}

#armoniaclick-lista .lista .intestazione .th:first-child
{
    padding-left: 0.6em;
}

#armoniaclick-lista .lista div.check:first-child
{
    padding-left: 0;
}

#armoniaclick-lista .lista .intestazione .th.check,
#armoniaclick-lista .lista .righe .td.check
{
    text-align: center;
    width: 3%;
}

#armoniaclick-lista .lista .azioni-riga > .dropdown > .btn:hover:not([disabled]),
#armoniaclick-lista .lista .azioni-riga > .btn:hover:not([disabled])
{
    color: var(--bluacceso);
}

#armoniaclick-lista .lista .riga .fa,
#armoniaclick-lista .lista .riga .fas,
#armoniaclick-lista .lista .riga .fal,
#armoniaclick-lista .lista .riga .fab,
#armoniaclick-lista .lista .riga .far
{
    display: block;
}

#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .fa,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .fas,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .fal,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .fab,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .far
{
    color: var(--grigiosblu);
}

#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn
{
    text-align: center;
    padding: .2em .3em;
    font-size: 1.3em;
}
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn *
{
    background: var(--grigioinput);
    color: var(--bluscuro);
}

#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn-link-riga,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn-link-riga *
{
    background: none !important;
}

#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn:hover,
#armoniaclick-lista .lista .riga .td:not(.azioni-riga) .btn:hover *
{
    color: var(--bluacceso);
    background: var(--grigiochiaro);
}

#armoniaclick-lista .lista.table-fixed .td span:only-child
{
    overflow: hidden;
    display: -webkit-box;
}

#armoniaclick-lista .lista .riga .td.id > span,
#armoniaclick-lista .lista .riga .td.breakword > span
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

#armoniaclick-lista .lista .riga .td.id
{
    padding-right: 0.2em;
}

#armoniaclick-lista .lista .riga .td.id span
{
    -webkit-line-clamp: 1;
}

/* Impostazioni per il mobile */
#armoniaclick-lista .toggle-riga-mobile
{
    display: none;
}

#armoniaclick-lista .toggle-riga-mobile button
{
    color: var(--arancio) !important;
    margin-right: .5em;
}

#armoniaclick-lista .lista .riga > .azioni-riga .fa:before,
#armoniaclick-lista .lista .riga > .azioni-riga .far:before,
#armoniaclick-lista .lista .riga > .azioni-riga .fas:before,
#armoniaclick-lista .lista .riga > .azioni-riga .fab:before,
#armoniaclick-lista .lista .riga > .azioni-riga .fal:before
{
    font-size: 1.25rem;
}

#armoniaclick-lista .lista .riga > .azioni-riga .dt-content.fa:before,
#armoniaclick-lista .lista .riga > .azioni-riga .dt-content.far:before,
#armoniaclick-lista .lista .riga > .azioni-riga .dt-content.fas:before,
#armoniaclick-lista .lista .riga > .azioni-riga .dt-content.fab:before,
#armoniaclick-lista .lista .riga > .azioni-riga .dt-content.fal:before
{
    font-size: 1rem;
}

#armoniaclick-lista .lista .gruppo-riga
{
    display: contents;
}

#armoniaclick-lista .lista .riga .td.id > span,
#armoniaclick-lista .lista .riga .td.breakword > span
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

#armoniaclick-lista .lista .riga .td.breakword.breakword-one-line > span
{
    -webkit-line-clamp: 1;
}

#armoniaclick-lista .lista .gruppo-riga:last-child .td,
#armoniaclick-lista .no-risultato {
    border-bottom-color: var(--bluscuro);
}

#armoniaclick-lista .no-risultato
{
    padding: .5em;
}

#armoniaclick-lista .righe .riga .td.no-border
{
    border-left:0;
}

@media screen and (min-width: 992px){

    #armoniaclick-lista .righe .riga-content-mobile
    {
        display: none;
    }

    #armoniaclick-lista .gruppo-riga
    {
        display: contents;
    }
    #armoniaclick-lista .lista .riga .td.id {
        font-size: 1vw;
        text-align: center;
    }
}

@media screen and (max-width: 991px){

    #armoniaclick-lista .righe .riga .td,
    #armoniaclick-lista .lista .intestazione .th
    {
        display: none;
    }

    #armoniaclick-lista .lista,
    #armoniaclick-lista .lista .righe
    {
        display: block;
    }

    #armoniaclick-lista .righe .riga,
    #armoniaclick-lista .lista .intestazione,
    #armoniaclick-lista .righe .riga .azioni-riga
    {
        display: flex;
        flex-direction: row;
    }
    #armoniaclick-lista .righe .riga .azioni-riga
    {
        display: block;
    }
    #armoniaclick-lista .toggle-riga-mobile,
    #armoniaclick-lista .righe .riga .td.mobile,
    #armoniaclick-lista .lista .intestazione .th.mobile,
    #armoniaclick-lista .lista .td.check,
    #armoniaclick-lista .lista .th.check
    {
        display: flex;
        align-items: center;
    }

    #armoniaclick-lista .righe .riga .td.mobile:not(.js-azioni-riga)
    {
        font-weight: bold;
        overflow: hidden;
    }

    #armoniaclick-lista .righe .riga .td.mobile strong
    {
        font-weight: inherit;
    }

    #armoniaclick-lista .righe .riga .td.mobile span
    {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #armoniaclick-lista .righe .riga .td.mobile span.badge:empty
    {
        display: none;
    }

    #armoniaclick-lista .lista .intestazione .th,
    #armoniaclick-lista .righe .riga .td
    {
        padding: .5em;
    }

    #armoniaclick-lista .lista .intestazione,
    #armoniaclick-lista .righe .riga
    {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    #armoniaclick-lista .lista .riga > div
    {
        border-left: 0;
    }

    #armoniaclick-lista .righe .riga-content-mobile .card-body
    {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #armoniaclick-lista .righe .riga .azioni-riga
    {
        justify-content: flex-end;
        background: var(--grigiochiaro);
        margin: .5em;
    }

    #armoniaclick-lista .righe .riga .azioni-riga.azioni-riga-col
    {
        text-align: center;
    }

    #armoniaclick-lista .righe .riga .azioni-riga.azioni-riga-nobkg
    {
        background: none;
    }

    #armoniaclick-lista .righe .riga:hover .azioni-riga
    {
        border-color: var(--listahover);
    }

    #armoniaclick-lista .righe .riga .azioni-riga
    {
        border-radius: .3em;
    }

    #armoniaclick-lista .righe .riga,
    #armoniaclick-lista .lista .intestazione > div,
    #armoniaclick-lista .righe .riga .td,
    #armoniaclick-lista .lista .riga:last-child .td,
    #armoniaclick-lista .lista .riga:last-child > div
    {
        border-bottom: 0;
    }

    #armoniaclick-lista .righe .riga
    {
        margin: .5em 0 0;
        border-bottom: 1px solid var(--bluacceso);
    }

    #armoniaclick-lista .lista .riga > div:not(.azioni-riga)
    {
        border-left:0;
    }

    #armoniaclick-lista .lista .check
    {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    }

    #armoniaclick-lista .righe .riga .toggle-riga-mobile button:before
    {
        content: '\f107';
    }

    #armoniaclick-lista .righe .riga .toggle-riga-mobile button.collapsed:before
    {
        content: "\f104";
        color: var(--arancio);
    }

    #armoniaclick-lista .righe .riga .td.azioni-riga
    {
        padding-top: .3em;
        padding-bottom: .3em;
    }

    #armoniaclick-lista .righe .riga .td.mobile span {
        vertical-align: middle;
    }
}


/* Content riga mobile */

#armoniaclick-lista .righe .riga-content-mobile
{
    width: 100%;
    background: #fff;
    margin-bottom: 1em;
    border-bottom: 1.5px solid var(--bluscuro);
}


#armoniaclick-lista .righe .riga-content-mobile .th,
#armoniaclick-lista .righe .riga-content-mobile .td
{
    padding: 0 .5em;
}

#armoniaclick-lista .righe .riga-content-mobile .th
{
    background: var(--grigiochiaro);
    border-bottom: 1px solid var(--arancio);
    color: var(--bluscuro);
    font-weight: 600;
}

#armoniaclick-lista .righe .riga-content-mobile .td .th
{
    border-bottom: 0;
    margin-top: 1em;
}

#armoniaclick-lista .righe .riga-content-mobile .card-body > div
{
    margin-bottom: 1em;
}

#armoniaclick-lista .righe .riga-content-mobile .card-body > div:last-child
{
    margin-bottom: 0;
}

#armoniaclick-lista .righe .riga-content-mobile span
{
    word-break: break-all;
}

#armoniaclick-lista .righe .riga-content-mobile .th *,
#armoniaclick-lista .righe .riga-content-mobile .td *
{
    text-align: left;
}

/* Dropdown riga ******************************************/

#armoniaclick-lista .lista .azioni-riga .btn
{
    background: none;
}

#armoniaclick-lista .lista .azioni-riga > .btn
{
    color: var(--bluscuro);
}
#armoniaclick-lista .lista .azioni-riga > .dropdown > .btn
{
    color: var(--arancio);
}

#armoniaclick-lista .lista .azioni-riga .dropdown-toggle::after
{
    content: none;/*elimina la freccetta nel dropdown*/
}

#armoniaclick-lista .lista .azioni-riga > .btn .b-content:not(.fas):not(.far):not(.fab):not(.fal):not(.fa),
.azioni-riga .dt-content
{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.4em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#armoniaclick-lista .lista .b-content.fa,
#armoniaclick-lista .lista .b-content.fal,
#armoniaclick-lista .lista .b-content.fas,
#armoniaclick-lista .lista .b-content.fab,
#armoniaclick-lista .lista .b-content.far
{
    display: inline-block;
}

/* Paginazione ******************************************/

#armoniaclick-lista .paginazione.pag-bot
{
    text-align: center;
}

#armoniaclick-lista .paginazione.pag-top
{
    text-align: right;
    display: table;
    margin: 0;
    width: 100%;
    height: 100%;
}
#armoniaclick-lista .paginazione.pag-top .pag-mostra
{
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 1em;
}

#armoniaclick-lista .paginazione.pag-top .pag-mostra label{
    margin: 0;
    text-transform: uppercase;
    vertical-align: middle;
}

.pag-list
{
    margin-top: 1rem;
}

.pag-list .pagenav
{
    border: 1px solid var(--grigiom);
    display: inline-block;
    font-size: 1rem !important;
    padding: .35em .45em;
    border-right-width: 0;
    text-transform: uppercase;
    background: var(--bianco);
}

.pag-list .pagenav:first-child
{
    border-radius: .2em 0 0 .2em !important;
}

.pag-list .pagenav:last-child
{
    border-radius: 0 .2em .2em 0 !important;
    border-right-width: 1px;
}

.pag-list a
{
    color: var(--bluscuro);
    font-weight: 600;
    text-decoration: none;
}

.pag-list a:hover
{
    text-decoration: none;
}

.pag-list span
{
    cursor: default;
}

.pag-list a.pagenav:hover
{
    background: var(--grigiom);
    color: #000;
}

.pag-list .pagecurrent
{
    color: var(--bianco);
    background: var(--bluscuro);
    font-weight: 600;
}

.pag-list .pagenav
{
    display: none;
}

.pag-list span.pagenav.pagecurrent,
.pag-list .pagenav:first-child,
.pag-list .pagenav:nth-child(2),
.pag-list .pagenav:nth-last-child(-n+2) {
    display: inline-block;
}


@media (min-width: 768px) {
    .pag-list .pagenav
    {
        display: inline-block;
    }
}

/* Messaggio prima della lista */
#armoniaclick-lista .paginazione.pag-top .pag-mostra,
#armoniaclick-lista .messaggio
{
    padding-bottom: 1em;
}
#armoniaclick-lista .messaggio
{
    margin-top: auto;
    margin-bottom: auto;
}

/* Button sotto la form */

.form-button
{
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
    flex-wrap: wrap-reverse;
}

.form-button .btn
{
    width: 100%;
    margin-bottom: .5em;
}

.form-button .btn.left
{
    margin-right: auto;
}

.form-button .btn:not(.btn-link) + .btn:not(.btn-link) {
    margin-bottom: 1em;
}

@media(min-width: 576px)
{
    .form-button
    {
        flex-wrap: nowrap;
    }

    .form-button .btn
    {
        width: auto;
        margin-bottom: 0;
    }

    .form-button .btn:not(.btn-link) + .btn:not(.btn-link) {
        margin-left: 1em;
        margin-bottom: 0;
    }

    .form-button .btn.btn-link.left
    {
        padding-left: 0;
    }

}

/** All'interno della lista **/

#armoniaclick-lista .form-button .btn.btn-link{
    padding-left: 0;
    padding-right: 0;
}


#armoniaclick-lista .form-button{
    padding-top: 1em;
}

#armoniaclick-lista .form-button .btn-container
{
    display: inline-block;
}

#armoniaclick-lista .form-button .btn
{
    text-transform: uppercase;
}

#armoniaclick-lista .form-button .btn
{
    background: var(--bkgbuttonback);
    color: var(--colorbuttonback);
}

#armoniaclick-lista .form-button .btn:hover
{
    background: var(--bkgbuttonbackh);
    color: var(--colorbuttonbackh);
}

#armoniaclick-lista .form-button .btn:not(.btn-link)
{
    font-weight: bold;
}

#armoniaclick-lista .form-button .btn-submit
{
    background: var(--arancio);
    color: var(--bianco);
}

#armoniaclick-lista .form-button .btn-submit:hover
{
    background: var(--grigio);
    color: var(--arancio);
}

@media (max-width: 768px) {
    #armoniaclick-lista .form-button .btn-container .btn:not(.btn-link)
    {
        display: block;
        width: 100%;
        text-align: center;
        margin: auto;
        margin-bottom: .5em;
    }
}

/* Pop up Mootools ******************************************/

#sbox-overlay {
    width: 100% !important;
}

#sbox-window
{
    padding: 0;
}

#sbox-window {
    width: 80% !important;
    left: 10% !important;
}

#sbox-window iframe{
    width: 100% !important;
}

#sbox-btn-close
{
    background: none;
    right: -4px;
    top: -32px;
}

#sbox-content
{
    overflow: hidden !important;
}

#sbox-content,
#sbox-btn-close:after,
#sbox-window
{
    border-radius: 0.2em;
}

#sbox-btn-close:after
{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.6em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: 'close';
    background: #e9ecef;
    color: var(--bluscuro);
    border: 1px solid #ced4da;
}

#sbox-btn-close:hover:after
{
    color: #fff;
    background: var(--bluscuro);
    border-color: var(--bluscuro);
}

.header-popup
{
    min-height: 30px;
    background: var(--grigiom);
    margin-bottom: 20px;
}

.header-popup h3
{
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0.4em 0;
}

.header-popup > div
{
    margin: auto;
}

#arm-popup
{
    padding: 1em 0 2em;
}

#arm-popup div.message
{
    margin-top: 30px;
}

#arm-popup #filtri
{
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

@media(min-width: 1500px)
{
    #sbox-window {
        width: 50% !important;
        left: 25% !important;
    }
}

/* Pop up Bootstrap + iFrame con Jquery ******************************************/


.armclick-modal .modal-body
{
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.armclick-modal .modal-body:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid var(--grigiosblu);
    border-color:  var(--grigiosblu) transparent  var(--grigiosblu) transparent;
    animation: loading-ring 1.2s linear infinite;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: -1;
}


.armclick-modal .modal-iframe:not(.modal-loading)
{
    background: #fff !important;
    padding: 1em;
    max-height: 50vh;
}

@keyframes loading-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



/* Filtri ******************************************/

#filtri{
    border-bottom: 1px solid var(--grigiom);
    padding-bottom: .3em;
    margin-bottom: 1.2em;
}

#filtri input[type='text']
{
    margin: 0;
}

#filtri .input-group
{
    height: fit-content;
    height: -moz-fit-content;
}

#filtri .input-group > div,
#filtri .btn
{
    margin-bottom: .5em;
}

#filtri .btn{
    text-transform: uppercase;
}

#filtri option{
    background: #fff;
    color: #000;
    font-weight: normal;
    font-size: .9em;
}

#filtri .btn{
    padding-top: 0.2em;
    padding-bottom: 0.15em;
    font-family: var(--buttonfont);
    font-weight: bold;
}

#filtri label,
#filtri input[type=text],
#filtri input[type=password],
#filtri input[type=url],
#filtri input[type=email],
#filtri input.text,
#filtri input.title,
#filtri textarea,
#filtri select,
#filtri button.ui-datepicker-trigger,
#filtri button.datepicker-delete
{
    margin: 0;
    background-color: var(--grigioinput);
    border: none;
    border-bottom: var(--bluscuro) 2px solid;
    font-weight: 600;
    width: 100%;
    height: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.15em;
    color: var(--grigionero);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#filtri input[type=text]:focus,
#filtri input[type=password]:focus,
#filtri input[type=url]:focus,
#filtri input[type=email]:focus,
#filtri input.text:focus,
#filtri input.title:focus,
#filtri textarea:focus
{
    background-color: var(--grigioinput) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--grigioinput) inset !important;
}


#filtri .filtri-group
{
    display: flex;
    border-bottom: var(--bluscuro) 2px solid;
    flex-wrap: wrap;
}

#filtri .filtri-group *
{
    width: auto;
    height: unset;
    border-bottom: none !important;
}

#filtri .filtri-group > div
{
    display: flex;
}

#filtri .filtri-group > div:first-child
{
    padding-left: 0;
}


#filtri .filtri-group label
{
    padding-right: 1em;
    padding-left: 1.2em;
    background: transparent;
    font-weight: bold;
}

#filtri .filtri-group label:first-child
{
    padding-left: 0;
}

#filtri .filtri-group .ui-datepicker-trigger:after,
#filtri .filtri-group .datepicker-delete:after
{
    padding: 3px 0 0 0;
}

#filtri #filtri-collapse
{
    overflow: hidden;
    transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
}

#filtri #filtri-collapse.stato-0
{
    max-height: 70px;
}

#filtri #filtri-toggle
{
    text-transform: none;
    color: var(--grigionero) !important;
    font-family: var(--open-sans);
    font-weight: 500;
    margin: 0 15px;
    margin-bottom: 0;
    padding: 0;
}


#filtri #filtri-toggle i:before
{
    color: var(--arancio);
    font-size: .8em;
}

#filtri .input-group > div:empty
{
    display: none;
}

#filtri .input-group select:empty
{
    display: none;
}

#filtri .input-group .disattivo select
{
    pointer-events: none;
    opacity: .6;
}
#filtri .input-group  .disattivo
{
    cursor: not-allowed;
}

@media(min-width: 768px){

    #filtri .filtri-group > div:last-child
    {
        padding-right: 0;
    }
    #filtri .input-group > div
    {
        padding-right: 0;
    }
}

@media(max-width: 767px){

    #filtri .input-group > div, #filtri .btn
    {
        margin-bottom: .7em;
    }

    #filtri input[type=text],
    #filtri input[type=password],
    #filtri input[type=url],
    #filtri input[type=email],
    #filtri input.text,
    #filtri input.title,
    #filtri textarea,
    #filtri select
    {
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    }

    #filtri .btn{
        padding: 0.375rem 0.75rem;
    }

    #filtri #filtri-collapse.stato-0
    {
        max-height: 40px;
    }

    #filtri .filtri-group > div
    {
        padding-top: 0.3em;
    }

    #filtri .filtri-group > div:first-child
    {
        paddin-top: 0;
    }

    #filtri #filtri-toggle
    {
        display: flex;
        width: 100%;
        text-align: left;
        padding: 0;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--grigiom);
    }

    #filtri.stato-0, #filtri.stato-1
    {
        border-bottom: 0;
    }


}

@media(max-width: 576px){

    #filtri .filtri-group > div
    {
        padding-left: 0;
    }
    #filtri .filtri-group .custom-datepicker label
    {
        min-width: 45px;
    }
}
/* Form **********************************************************************/

.form-group .btn
{
    background: #e9ecef;
    color: var(--bluscuro);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.form-group .btn:hover
{
    background: var(--bluscuro);
    color: var(--bianco);
    border-color: var(--bluscuro);

}

.form-group .btn.btn-no-hover:hover
{
    background: #e9ecef;
    color: var(--bluscuro);
    border: 1px solid #ced4da;
}

.form-check-label {
    margin-bottom: 0;
    font-weight: normal;
}
.valuta-da.form-control
{
    text-align: right;
}

.form-control:disabled.is-invalid
{
    background-image: none;
    border-color: #5d7083;
}

.form-input:has(.form-control.is-invalid:disabled) > .form-feedback,
.form-control.is-invalid:disabled ~ .form-feedback
{
    display: none;
}


/* Input ********************************************/
.input-group > .custom-file.b-radius,
.input-group,
.input-group > .custom-select.b-radius,
.input-group-append.b-radius
{
    border-radius: 0.25rem;
}

.input-group > .custom-file.b-radius:not(:last-child) .custom-file-label,
.input-group > .custom-file.b-radius:not(:last-child) .custom-file-label::after,
.input-group-append.b-radius > *
{
    border-top-right-radius: inherit !important;
    border-bottom-right-radius: inherit !important;
}

.input-group > .form-control.b-radius:not(:last-child),
.input-group > .custom-select.b-radius:not(:last-child)
{
    border-radius: inherit;
}

.input-group.input-number-adaptive
{
    width: fit-content;
}

.custom-file-input:lang(en) ~ .custom-file-label::after,
.custom-file-label.icon-folder::after
{
    content: "\f07b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.custom-file-label
{
    overflow: hidden;
}

.custom-file-label input
{
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}

.custom-file-input{
    cursor: pointer;
}

.custom-file button.btn-file
{
    min-width: 8rem !important;
    height: max-content;
}

button.btn-file
{
    height: max-content;
}

.file-caricato .btn-link
{
    border-left: 0;
    border-right: 0;
    border-top: 0;
    text-align: left;
    text-transform: none !important;
    cursor: default;
}

.file-caricato .btn-link .fa,
.file-caricato .btn-link .fas,
.file-caricato .btn-link .fab,
.file-caricato .btn-link .fal,
.file-caricato .btn-link .far
{
    font-size: unset;
}

.file-caricato input.btn-link:not(:last-child)
{
    padding-bottom: 0;
}

.file-caricato input.btn-link:last-child
{
    border: 0;
    margin-bottom: .5em;
    padding-left: 0;
}
.file-caricato input.btn-link:first-child{
    pointer-events: none;
    border-radius: 0;
}


.file-caricato button.btn-link
{
    border: none !important;
    padding: 0 .3em;
}

.file-caricato .file-azioni
{
    margin-bottom: 0.5em;
    display: flex;
    margin: auto;
}
.file-caricato input.btn-link:not(:last-child),
.file-caricato .file-azioni
{
    margin-bottom: 1.2em;
}

.file-caricato button.btn-link:first-of-type
{
    padding-left: 1em;
}

.p-btn
{
    padding: 0.375rem 0.75rem;
    width: 100%;
    display: block;
}

.file-caricato .file-azioni .btn *
{
    font-size: 1rem;
}

.file-caricato .file-azioni .btn-elimina *:not(:hover)
{
    color: #dc3545;
}

.file-caricato .file-azioni .btn-elimina *:before
{
    font-size: 1.3rem;
}

/* Datepicker ********************************************/

.custom-datepicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
}

.custom-datepicker .hasDatepicker:not(.is-invalid)
{
    border: 1px solid #ced4da
}

.custom-datepicker .hasDatepicker:not(:last-child)
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.custom-datepicker.is-invalid .ui-datepicker-trigger,
.custom-datepicker.is-invalid .datepicker-delete
{
    border-color: var(--red);
}

.custom-datepicker .ui-datepicker-trigger,
.custom-datepicker .datepicker-delete
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    font-family: 'Material Icons';
    height: 100%;
    outline: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox*/
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-datepicker .ui-datepicker-trigger:after
{
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
}

.custom-datepicker .datepicker-delete:after
{
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
}


#filtri .custom-datepicker input[type="text"].hasDatepicker
{
    width: 65%;
}

#ui-datepicker-div td a
{
    padding: 0.2em 0.3em;
    width: 100%;
    display: block;
    color: #333;
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker th,
.ui-state-hover,
.ui-widget-content .ui-state-default,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
    background: none;
    border: none;
    text-align: center;
    border-radius: 0.25em;
}

.ui-state-hover:hover,
.ui-state-hover:active,
.ui-datepicker-next:hover:after,
.ui-datepicker-prev:hover:after
{
    background: #e9ecef;
}

.ui-state-active,
.ui-widget-content .ui-state-active
{
    border: 1px solid var(--grigio);
    background: var(--grigio);
    font-weight: bold;
    color: #fff;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div.ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight
{
    border: 1px solid #bbb;
    color: var(--bluscuro);
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{
    display: none;
}

.ui-datepicker-prev:after{
    content: 'navigate_before';
    font-family: 'Material Icons';
}
.ui-datepicker-next:after{
    content: 'navigate_next';
    font-family: 'Material Icons';
}

.ui-datepicker-next, .ui-datepicker-next:hover,
.ui-datepicker-next:after, .ui-datepicker-next:hover:after,
.ui-datepicker-prev:after, .ui-datepicker-prev:hover:after,
.ui-datepicker-prev, .ui-datepicker-prev:hover
{
    text-decoration: none !important;
    font-size: 1.5rem !important;
    font-weight: 300 !important;
    position: absolute!important;
    top: 0 !important;
    display: inline-block!important;
    margin: auto;
    bottom: 0;
    padding: 0!important;
    width: auto!important;
    height: max-content;
    border-radius: 0.2em;
    color: var(--bluscuro);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span
{
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ui-datepicker-next, .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker-next:after, .ui-datepicker-next:hover:after
{
    right: 0 !important;
}
.ui-datepicker-prev:after, .ui-datepicker-prev:hover:after,
.ui-datepicker-prev, .ui-datepicker-prev:hover
{
    left: 0 !important;
}

.ui-datepicker .ui-datepicker-header{
    display: flex;
    margin-bottom: 0.5rem;
}

.ui-datepicker .ui-datepicker-title {
    margin: auto;
    order: 1;
    padding: 0.4rem;
    width: 70%;
}

#ui-datepicker-div
{
    -webkit-user-select: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox*/
    z-index: 999 !important;
    background: white;
    border-radius: 0.35em !important;
    padding: 0.5em;
    position: relative;
}

#ui-datepicker-div td, #ui-datepicker-div th
{
    text-align: center;
    padding: 0.2em;
    vertical-align: middle;
}

#ui-datepicker-div td a:hover
{
    color: var(--bluscuro);
    text-decoration: none;
}

.custom-datepicker .hasDatepicker[readonly]:not([disabled]),
.custom-datepicker .hasDatepicker[readonly]:focus:not([disabled])
{
    background: #fff;
    border-color: #bbb !important;
    color: #000;
}

.hasDatepicker[disabled] + .ui-datepicker-trigger,
.hasDatepicker[disabled] + .datepicker-delete
{
    pointer-events: none;
}

#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year
{
    display: inline-block;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-top: .5em;
    padding-bottom: .5em;
    width: 50%;
}

section:not(#filtri) .ui-datepicker-trigger:hover,
section:not(#filtri) .datepicker-delete:hover
{
    border-color: #80bdff !important;
}

/* Datepicker filtri */

#filtri .custom-datepicker .ui-datepicker-trigger,
#filtri .custom-datepicker .datepicker-delete
{
    height: auto !important;
    width: auto !important;
    padding: 0 .5em 0 0 !important;
    color: var(--bluscuro);
}

#filtri .custom-datepicker .datepicker-delete
{
    padding: 0 .5em !important;
    background: transparent;
}

#filtri .custom-datepicker .ui-datepicker-trigger:after,
#filtri .custom-datepicker .datepicker-delete:after
{
    font-weight: 500;
}

#filtri .custom-datepicker .datepicker-delete:after
{
    content: '\f273';
}

#filtri .custom-datepicker .ui-datepicker-trigger:hover,
#filtri .custom-datepicker .datepicker-delete:hover
{
    border-color: unset;
}

#filtri .custom-datepicker .datepicker-delete:hover:after,
#filtri .custom-datepicker .ui-datepicker-trigger:hover:after
{
    color: var(--bluacceso);
}

/** Chips ****************************************************************************/

.btn-chips
{
    cursor: default !important;
}
.btn-chips i
{
    cursor: pointer;
}
.btn-chips i::before
{
    font-size: .9em;
}
.chips-list > *
{
    margin-right: .8em;
    margin-bottom: .5em;
}

/* Tooltip ****************************************************************************/

.tooltip .tooltip-inner
{
    background: var(--bktooltip);
    color: #000;
    font-family: var(--opensans);
    font-weight: 500;
    font-size: 1rem;
}

.tooltip .arrow:before
{
    border-top-color: var(--bktooltip);
}


/* Form Armclick **********************************************************************/

/* Fieldset ******************************************************************/

#armoniaclick-form fieldset{
    background: var(--bianco);
    margin-bottom: 2em;
}

#armoniaclick-form legend{
    color: var(--listacolorhead);
    background: var(--listahead);
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0;
}

#armoniaclick-form fieldset fieldset legend{
    color: var(--bluscuro);
    background: var(--grigiochiaro);
    border-bottom: .05em solid var(--arancio);
}

#armoniaclick-form .form-content,
#armoniaclick-form .form-button
{
    padding: 1em;
}

#armoniaclick-form .form-content .form-content
{
    padding-bottom: 0;
}

#armoniaclick-form .form-button
{
    padding-left: 0;
    padding-right: 0;
}

#armoniaclick-form .intestazione,
#armoniaclick-form legend
{
    padding: .3em;
}

#armoniaclick-form .intestazione,
#armoniaclick-form legend
{
    padding-left: 1em;
    padding-right: 1em;
}

#armoniaclick-form legend label
{
    line-height: var(--bs-body-line-height);
}

#armoniaclick-form .input-checkbox .form-check,
#armoniaclick-form .input-radio .form-check
{
    margin-top:.5em;
}

#armoniaclick-form fieldset + .form-button{
    padding-right: 0;
}

#armoniaclick-form .form-button{
    padding-right: 0;
}

#armoniaclick-form .form-button .btn-container
{
    display: inline-block;
}

#armoniaclick-form .form-button .btn,
#armoniaclick-form .form-content .btn
{
    text-transform: uppercase;
}

#armoniaclick-form .form-button .btn
{
    background: var(--bkgbuttonback);
    color: var(--colorbuttonback);
}

#armoniaclick-form .form-button .btn:hover
{
    background: var(--bkgbuttonbackh);
    color: var(--colorbuttonbackh);
}

#armoniaclick-form .form-button .btn:not(.btn-link)
{
    font-weight: bold;
}

#armoniaclick-form .form-button .btn-submit
{
    background: var(--arancio);
    color: var(--bianco);
}

#armoniaclick-form .form-button .btn-submit:hover
{
    background: var(--grigio);
    color: var(--arancio);
}

#armoniaclick-form .form-notice{
    display: flex;
}

#armoniaclick-form .form-notice i.icon{
    display: block;
    margin: auto .7rem;
}

#armoniaclick-form .form-notice i.icon
{
    color: #fdba00;
}

#armoniaclick-form fieldset.input-checkbox legend,
#armoniaclick-form fieldset.input-radio legend
{
    background: transparent;
    border: none;
    padding: 0;
}

#armoniaclick-form .sublabel
{
    display: block;
    color: var(--grigioscuro);
}

#armoniaclick-form .legend-content .form-check .toggles
{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

#armoniaclick-form .toggles label
{
    width: auto;
}

#armoniaclick-form .toggles .form-feedback
{
    line-height: normal;
    font-weight: normal;
    color: var(--bianco);
}

#armoniaclick-form .toggles .form-feedback
{
    display: flex;
    align-items: center;
    margin: 0;
}

#armoniaclick-form .toggles .form-feedback > *
{
    margin-right: .5em;
}

#armoniaclick-form .toggles:has(.is-invalid) .lever:after
{
    border: 1px solid var(--statorosso);
}

#armoniaclick-form .toggles:has(.is-invalid) .lever
{
    border: 1px solid var(--statorosso);
}

@media (max-width: 768px) {
    #armoniaclick-form .form-button .btn-container .btn:not(.btn-link)
    {
        display: block;
        width: 100%;
        text-align: center;
        margin: auto;
        margin-bottom: .5em;
    }
}

/***************************************************** Nav ************/

.armoniaclick-nav
{
    margin-bottom: 1em;
}

.armoniaclick-nav .nav-link
{
    background-color: var(--bianco);
    border-bottom: .2em solid var(--bluacceso);
    margin: .1em;
    height: 100%;
}

.armoniaclick-nav .nav-link.active
{
    background-color: var(--bianco);
    border-bottom-color: var(--bluscuro);
    font-weight: bold;
}

.armoniaclick-nav .nav-link.disabled
{
    border-bottom-color: var(--grigiom);
}


.armoniaclick-nav .nav-item:not(:first-child):not(:last-child) .nav-link
{
    border-radius: 0;
}

.armoniaclick-nav .nav-item:first-child .nav-link,
.armoniaclick-nav .nav-item:last-child .nav-link
{
    border-radius-: 0;
}

.armoniaclick-nav .nav-item:first-child .nav-link,
.armoniaclick-nav .nav-item:last-child .nav-link
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.armoniaclick-nav .nav-item:first-child .nav-link
{
    border-top-right-radius: 0;
}

.armoniaclick-nav .nav-item:last-child .nav-link
{
    border-top-left-radius: 0;
}

@media (max-width: 767px)
{
    .armoniaclick-nav .nav-link:not(.active)
    {
        display: none
    }

}

/**************************************************** Swiper ************/

.armonia-swiper .swiper-button-next:after
{
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
}

.armonia-swiper .swiper-button-prev:after
{
    content: '\f137';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
}


.armonia-swiper .swiper-button-next:after,
.armonia-swiper .swiper-button-prev:after
{
    color: var(--bluscuro);
}

.armonia-swiper .swiper-button-disabled
{
    opacity: 0;
}

.armonia-swiper .swiper-button-disabled.swiper-button-next:after,
.armonia-swiper .swiper-button-disabled.swiper-button-prev:after
{
    color: var(--grigioinput);
}

/* Stampa per il tmpl component */

body.print
{
    margin-bottom: 5vh;
}

body.print div.text-center > h1
{
    text-align: initial !important;
}

body.print a
{
    pointer-events: none !important;
}

/* Privacy *********************************************/

.okprivacy h1
{
    font-size: 1.5em;
}

form.ok-privacy h3{
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    color: #000;
}

form.ok-privacy input{
    background: var(--bluscuro);
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    cursor: pointer;
    font-size: 1.4em;
    border-radius: 4px;
    margin: 5px .5em;
    border: none;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}


/* chiudi_altra_sessione *********************************************/

.chiudi_altra_sessione h1
{
    font-size: 1.5em;
}

form.chiudi_altra_sessione h3{
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    color: #000;
}

form.chiudi_altra_sessione input{
    background: var(--bluscuro);
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    cursor: pointer;
    font-size: 1.4em;
    border-radius: 4px;
    margin: 5px .5em;
    border: none;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

/* Scelta profilo cliente *******************************/

.scelta-cliente
{
    text-align: center;
}

.scelta-cliente h1
{
    margin-bottom: 1em;
}

.scelta-cliente .bottoni-scelta
{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.scelta-cliente .bottoni-scelta .btn
{
    margin: .5em;
    text-transform: uppercase;
    padding: 0.75rem 1rem;
}

/**** SPID ******/

/** SPID - Autenticazione **/

#wbm-spid .wbm-spid-footer
{
    text-align: center;
    margin: 2em;
}

#wbm-spid .wbm-spid-logoagid img
{
    width: 250px;
    max-width: 100%;
}

#wbm-spid .wbm-spid-info
{
    margin: 1em 0;
}

#wbm-spid .wbm-spid-button
{
    margin-bottom: 1em;
}


/*********** Stile tab ********************/

#scelta-tipo-login .tab {
    overflow: hidden;
    border-bottom: 1px solid #006ab11c;
    margin-bottom: 1em;
    margin-top: 1em;
}

#scelta-tipo-login .tabcontent ul
{
    list-style-type: none;
    padding: 0;
}

#scelta-tipo-login .tab button {
    border: none;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 10px 21px;
    transition: 0.3s;
    background-color: transparent;
}

#scelta-tipo-login .tab button:hover {
    background-color: #006ab11c;
}

#scelta-tipo-login .tab button.active {
    background-color: #006ab11c;
    color: #0e4fa1;
    text-shadow: 0px 0px 1px #0e4fa1;
}

#scelta-tipo-login .tabcontent {
    display: none;
    padding: 10px;
}

#scelta-tipo-login .tabcontent.active {
    display: block;
}

/* tab Credenziali */

.com_autenticazione_login div.ricordami,
.com_autenticazione_login div.pulsante-accedi
{
    width: 25%;
    margin-top: 10px;
    display: inline-block;
    float: none;
}

.com_autenticazione_login .reg-rec
{
    clear: both;
    margin-top: 1em;
}

.com_autenticazione_login div.recupera
{
    margin: 0;
}

.com_autenticazione_login .arm-esci:not(.arm-apulsante)
{
    background: none;
    float: right;
}

.com_autenticazione_login .arm-esci .arm-apulsante
{
    font-size: 1em;
    height: unset;
}

.com_autenticazione_login .arm-testologin
{
    font-size: 1.1em;
}

@media (max-width: 991px) {

    .com_autenticazione_login input.login-campi
    {
        width: 70%;
    }
    .com_autenticazione_login div.ricordami,
    .com_autenticazione_login div.pulsante-accedi
    {
        width: 35%;
    }
}

@media (max-width: 767px) {

    .com_autenticazione_login div.ricordami,
    .com_autenticazione_login div.pulsante-accedi
    {
        width: 50%;
    }
}

/** SPID - Errori **/
div.error dl#system-message dd.error ul li
{
    color: #D01313;
}

div.error dl#system-message dd ul li .spid-errmess
{
    color: #444;
    margin-top: 4px;
}

div.error dl#system-message dd ul li .spid-errore
{
    color: #444;
    font-weight: normal;
    font-style: italic;
}

/** Modulo Login Spid **/

.arm-modulo_login.spid div.ricordami,
.arm-modulo_login.spid div.pulsante-accedi
{
    float: none;
    display: inline-block;
}

.arm-modulo_login.spid div.ricordami
{
    width: 100px;
}

.arm-modulo_login.spid div.ricordami label
{
    vertical-align: middle;
}

.arm-modulo_login.spid #arm-h-link a,
.arm-modulo_login.spid #arm-h-link a:hover
{
    color: inherit;
}

@media (max-width: 767px)
{
    .arm-modulo_login.spid h3#arm-h-link
    {
        color:#fff;
        background: url('../../../../templates/pubblico/img/icona-h3-login_mobile.png') no-repeat 2px center #ce0000;
        width:50%;
        padding: 0;
    }
    .arm-modulo_login.spid h3#arm-h-link a
    {
        width: 100%;
        display: block;
        padding: 7px 10px 5px 30px;
    }
    .arm-modulo_login.spid h3#arm-h-link a:hover
    {
        text-decoration: none;
    }
}

/******************* CIE **********************/

#wbm-cie .wbm-cie-info
{
    margin: 1.5em 0;
}

#wbm-cie .wbm-cie-tutorial
{
    background-image: url('data:image/svg+xml;charset=utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" class="svg-inline--fa fa-question-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><path fill="%23fd7e14" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>');
}

#wbm-cie .wbm-cie-link
{
    display: flex;
    align-items: center;
}
#wbm-cie .wbm-cie-form
{
    display: flex;
}

@media (max-width: 991px) and (min-width:768px)
{
    #wbm-cie .wbm-cie-button
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (max-width: 991px)
{
    #wbm-cie .wbm-cie-link,
    #wbm-cie .wbm-cie-form
    {
        display: block;
    }
    #wbm-cie .wbm-cie-link
    {
        margin-top: 1.5em;
    }
    #wbm-cie .wbm-cie-link ul
    {
        margin: 0;
    }
}

#wbm-cie .wbm-cie-tutorial,
#wbm-spid .wbm-spid-tutorial {
    padding-left: 0;
    background-image: none !important;
    background-position: left center;
    background-size: 1.2em;
    background-repeat: no-repeat;
    font-weight: bold;
    margin: .7em 0 0;
    cursor: pointer;
}

#wbm-spid .wbm-spid-tutorial i.orange, #wbm-cie .wbm-cie-tutorial i.orange {
    color: #e67700;
}

/*** Explorer ***/
/* cie - svg non vengono visualizzati quindi elimino il padding vuoto */

/*IE 6 and 7, IE 8,9 and 10*/
@media screen\9 , screen\0 {
    #wbm-cie .wbm-cie-tutorial
    {
        padding-left: 0;
    }
    #wbm-cie .wbm-cie-alert
    {
        padding-left: 2em;
    }
}
/*IE 10 and above*/
_:-ms-lang(x), #wbm-cie .wbm-cie-tutorial
{
    padding-left: 0;
}
_:-ms-lang(x), #wbm-cie .wbm-cie-alert
{
    padding-left: 2em;
}
/*
oppure imposti l'immagine di sfondo
IE 6 and 7, IE 8,9 and 10
@media screen\9 , screen\0 {
    #wbm-cie .wbm-cie-tutorial
    {
        background-image: url('../../../../templates/pubblico/img/cie-icon-help.png');
    }
    #wbm-cie .wbm-cie-alert
    {
        background-image: url('../../../../templates/pubblico/img/cie-icon-alert.png');
    }
}
IE 10 and above
_:-ms-lang(x), #wbm-cie .wbm-cie-tutorial
{
    background-image: url('../../../../templates/pubblico/img/cie-icon-help.png');
}
_:-ms-lang(x), #wbm-cie .wbm-cie-alert
{
    background-image: url('../../../../templates/pubblico/img/cie-icon-alert.png');
}
*/

#spid-testlogin .was-validated .custom-select:valid
{
    border: 1px solid #ced4da !important;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
}


/* Posta ******************************************/

#posta .righe .td div.stato,
.righe .td div.stato-box
{
    height: 1em;
    width: 1em;
    border-radius: .1em;
    margin: auto;
    text-align: center;
    display: block;
}
.righe .td div.stato
{
    margin: auto;
    text-align: center;
    display: block;
}

#posta .righe .td div.stato.stato-at
{
    background: var(--statoverde);
}

#posta .righe .td div.stato.stato-ds
{
    background: var(--statogrigio);
}

#posta .righe .td div.stato.stato-el,
#posta .righe .td div.stato.stato-de
{
    background: var(--statorosso);
}

#posta .righe .td.u-accesso
{
    font-size: .85rem;
    line-height: 1rem;
}

@media print{
    .righe .td div.stato-box,
    #posta .righe .td div.stato
    {
        background: none !important;
        text-align: left;
        width: unset;
        height: unset;
    }
    .righe .td div.stato-box:after,
    #posta .righe .td div.stato:after
    {
        content:attr(title);
    }
}


#posta .quota
{
    margin-bottom: 1em;
}

#posta .quota .quota-bar{
    background: var(--bianco);
    position: relative;
    box-shadow: .1em .1em 5px #dbdbdb;
    width: 100%;
    height: 1.3rem;
}

#posta .quota .quota-bar .progress-bar
{
    background: var(--grigiom);
    -webkit-print-color-adjust: exact;
}

#posta .quota .quota-bar span.percentuale
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: var(--bluscuro);
    font-size: 1.3em;
}

#posta .quota .desc-spazio
{
    font-size: 1em;
    margin: 0 0 .4em;
    text-align: left;
}

#posta #armoniaclick-lista .lista .riga p.desc-quota
{
    font-size: .8em;
    margin: 0;
}

#posta #armoniaclick-lista .lista .riga .progress-bar
{
    background: #909eac;
}

#posta .scheda-posta input.inputbox[type="radio"]
{
    -webkit-appearance: radio;
    -moz-appearance: radio-button;
    appearance: radio;
}



@media (min-width: 992px) {
    #posta .quota .quota-bar{
        width: 80%;
    }
}

#arm-popup #com_archivio #armoniaclick-lista .lista .riga:hover
{
    cursor: pointer;
}


/* Invio Massivo PEC *********************************/


/* Stati spedizione *************/
/* Programmato */
#pec-massive #elenco-spedizioni .righe .td .stato
{
    font-weight: bold;
}
/* Programmato - Lavorazione */
#pec-massive.elenco-spedizioni .righe .td .stato.stato-a,
#pec-massive.elenco-spedizioni .righe .td .stato.stato-a:before,
#pec-massive.elenco-spedizioni .righe .td .stato.stato-l,
#pec-massive.elenco-spedizioni .righe .td .stato.stato-l:before
{
    color: var(--statoblu);
}
/* Preparazione */
#pec-massive.elenco-spedizioni .righe .td .stato.stato-p,
#pec-massive.elenco-spedizioni .righe .td .stato.stato-p:before

{
    color: var(--statoarancio);
}
/*  Concluso */
#pec-massive.elenco-spedizioni .righe .td .stato.stato-c,
#pec-massive.elenco-spedizioni .righe .td .stato.stato-c:before
{
    color: var(--statoverde);
}

#pec-massive.elenco-spedizioni .righe .td .track,
#pec-massive.elenco-spedizioni .righe .td .track:before
{
    font-size: 1em;
}

/* Editor */

#pec-massive #mess_editor.disabled, #mess_editor.disabled *,
#pec-massive #mess_html.disabled, #mess_html.disabled *
{
    pointer-events: none;
    color: grey;
}

#pec-massive #mess_editor.disabled, #mess_editor.disabled *
{
    opacity: 0.8;
    background: var(--grigiom);
}

#pec-massive #mess_html.disabled .file-caricato
{
    opacity: 0.6;
}

#pec-massive #mess_editor > div.is-invalid
{
    border: 1px solid #dc3545;
}

#pec-massive.view-spedizione input[readonly]
{
    pointer-events: none;
    border: none;
}

#pec-massive.view-spedizione .input-group-append .btn
{
    min-width: 3em;
}

#armoniaclick-lista .righe .riga-content-mobile span,
#pec-massive #armoniaclick-lista .lista .riga .td
{
    word-break: break-word;
}

/************************************************************ Registro Login SPID - CIE **************************************************/

/* Lista dei log */


#registro-login.elenco-log #armoniaclick-lista .th.group-column
{
    background: var(--grigioinput);
    color: var(--listahead);
    font-weight: 800;
}

#registro-login.elenco-log #armoniaclick-lista .td
{
    font-size: .95em;
}

#registro-login.elenco-log #armoniaclick-lista .stato
{
    margin-left: 0.2em;
    display: inline-block;
}
#registro-login.elenco-log #armoniaclick-lista .stato:before
{
    font-size: .8em;
}

#registro-login.elenco-log #armoniaclick-lista .stato.stato-1,
#registro-login.elenco-log #armoniaclick-lista .stato.stato-1:before
{
    color: var(--statoverde);
}

#registro-login.elenco-log #armoniaclick-lista .stato.stato-0,
#registro-login.elenco-log #armoniaclick-lista .stato.stato-0:before
{
    color: var(--statorosso);
}

#registro-login.elenco-log .avviso-credenziali .nome-sito
{
    font-weight: 600;
}

@media ( max-width: 1199px)
{
    #registro-login.elenco-log #armoniaclick-lista .td
    {
        font-size: .91em;
    }
    #registro-login.elenco-log #armoniaclick-lista .stato
    {
        display: block;
        margin: auto;
    }
}

@media ( max-width: 991px)
{
    #registro-login.elenco-log #armoniaclick-lista .td
    {
        font-size: inherit;
    }
}

/*** Lista contabile ***/

#registro-login span.valuta.minus i.tipo-valuta:before {
    content: "\f056";
    color: var(--statorosso);
}

#registro-login span.valuta.plus i.tipo-valuta:before {
    content: "\f055";
    color: var(--statoverde);
}

#registro-login .saldo .saldo-dettaglio span.valuta.minus span {
    color: var(--statorosso);
    font-weight: bold;
}

#registro-login .saldo
{
    margin-bottom: 1em;
}

#registro-login .saldo span
{
    white-space: nowrap;
    transform: uppercase;
}

#registro-login .saldo-generico,
#registro-login .saldo-clienti
{
    padding-left: 10px !important;
    padding-right: 10px  !important;
}

#registro-login .saldo-generico
{
    margin-bottom: .5em;
}

#registro-login .saldo-totale
{
    border: 1px solid var(--grigiom);
    border-radius: .2em;
}

#registro-login .saldo-generico .saldo-dettaglio .desc,
#registro-login .saldo-generico i:not(.tipo-valuta):before
{
    color: var(--bluscuro) !important;
    font-weight: bold;
}

#registro-login .saldo-generico .saldo-totale i:not(.tipo-valuta):before
{
    color: var(--arancio) !important;
}

#registro-login .saldo-generico .saldo-totale,
#registro-login .saldo-generico .saldo-comune
{
    padding-top: .4em;
    padding-bottom: .4em;
    text-transform: uppercase;
}

#registro-login .saldo-clienti .cliente .saldo-dettaglio .desc
{
    font-weight: bold;
}

#registro-login .saldo .saldo-clienti .saldo-dettaglio i:before {
    font-size: .9em;
    color: var(--grigiosblu);
}

#registro-login .saldo .saldo-dettaglio span.valuta.minus i.tipo-valuta {
    margin-right: 2px;
    vertical-align: baseline;
}

#registro-login .saldo .saldo-dettaglio span.valuta.minus i.tipo-valuta:before {
    font-size: .8em;
}

#registro-login .saldo .saldo-dettaglio span.valuta:not(.minus) i.tipo-valuta {
    display: none;
}

#registro-login .saldo .url .saldo-dettaglio i:not(.tipo-valuta):before {
    opacity: .5;
}

#registro-login .saldo .saldo-dettaglio{
    align-items: baseline;
}

#registro-login .saldo .saldo-dettaglio > *
{
    padding-left: 0;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#registro-login.elenco-contabile span.valuta
{
    white-space: nowrap;
}

#registro-login.elenco-contabile span.valuta i.tipo-valuta
{
    vertical-align: middle;
    display: inline-block;
    margin-right: .2em;
}

#registro-login.elenco-contabile span.valuta i.tipo-valuta:before {
    font-size: .9em;
}

#registro-login.elenco-contabile .saldo-lista-contabile
{
    margin-top: .6em;
    text-align: right;
}

#registro-login.elenco-contabile .saldo-lista-contabile span.valuta
{
    font-family: var(--listafonthead);
    font-size: 1.3em;
    font-weight: bold;
    color: var(--bluscuro);
}

#registro-login.elenco-contabile .saldo-lista-contabile span.valuta i.tipo-valuta:before
{
    font-size: 1rem;
}

#registro-login.nuova-ricarica .saldo
{
    margin-bottom: 2em;
}

#registro-login.nuova-ricarica #js-scelta-ricarica u
{
    color: var(--grigionero);
}

@media (max-width: 1199px) and (min-width: 992px)
{
    #registro-login.elenco-contabile #armoniaclick-lista .lista .riga .td span
    {
        font-size: .9em;
    }
}

#registro-login #limit option[value="0"],
#adminForm.nascondi-mostraTutti #limit option[value="0"]
{
    display: none;
    pointer-events: none;
}

/********************* Pagamento *****/

#arm-paga #armoniaclick-lista .riga.sconto
{
    color: var(--bluacceso);
}

#arm-paga #armoniaclick-lista .lista .gruppo-riga:not(:last-child) .riga .td
{
    border-bottom: 0;
}

#arm-paga #armoniaclick-lista .lista .gruppo-riga .riga .td.prezzo
{
    text-align: right;
}

/**** Button Gateway **/

.form-button-nexi,
.form-button-paypal
{
    text-align: center;
    margin: 1em .5em 2em;
}

.form-button-nexi input[type="submit"],
.form-button-paypal .paypal-buttons
{
    min-height: 35px !important;
    min-width: 200px !important;
    max-width: 500px !important;
}

.form-button-nexi input[type="submit"]
{
    padding: .5em 5em;
    font-weight: bold;
    letter-spacing: .5px;
    border: 0;
    border-radius: 5em;
    background-color: #2d32aa;
}

.form-button-nexi input[type="submit"]:hover
{
    background-color: #1b1f7c;
    color: #ffffff;
}

/*** Reimposta la tua Password **/

/* The message box is shown when the user clicks on the password field */
#message {
    padding: 1em;
    margin: 0 0 1em;
    background: #006ab11c;
    display: inline-block;
}

#message p {
    padding: 0 1em;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid, .icona-well {
    color: #00A500;
}

.valid:before {
    position: relative;
    left: -7px;
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: -7px;
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.stato.invalid:before,
.stato.valid:before
{
    left: 0px;
}

.icona-well:before
{
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-size: 3em;
    font-weight: 900;
}

.rispostaOtp.caricato .otp-loading
{
    display: none;
}

.pagination
{
    justify-content: center;
}

.page-item  .visually-hidden, -focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.btn.btn-open
{
    cursor: alias;
}

.card-destinatario:empty
{
    display: none;
}

fieldset:disabled label .sup-required
{
    display: none;
}