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

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


body
{
    background-color: #eeeeee;
    font-size: 14px;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

p
{
    font-size: 1em;
    font-family: arial, sans-serif;
}

h1,h2,h3,h5,h5,h6
{
    font-family: 'Mulish', arial, verdana, sans-serif;
    font-weight: bold;
}

h1,h2,h3,h5,h5,h6,
footer .footer-link
{
    text-align: center;
}

header
{
    background-color: #fff;
    padding: 1em 0;
    margin-bottom: 3em;
}

header .titolare-logo .container-logo
{
    padding: 1em 0;
}

header h1
{
    font-size: 1.6em;
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
}

.container-logo
{
    width: 100%;
    display: block;
    margin: auto;
    overflow: hidden;
}

.container-logo img
{
    width: auto;
    display: block;
    max-width: 100%;
    max-height: 70px;
    margin: auto;
}

footer
{
    -ms-flex: 1;
    flex: 1;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    margin-top: 4em;
}

footer .footer-banner
{
    padding: 1em 0;
    background: #fff;
}

footer * {
    font-family: 'Mulish', arial, verdana, sans-serif;
}

footer .webloom-info
{
    margin-top: 1em;
}

footer .webloom-info,
footer .footer-link{
    display: block;
}

footer .footer-link
{
    margin-bottom: 1em;
}

footer .webloom-info .webloom-service,
footer .footer-link a
{
    height: 1.4em;
    margin: 0;
    line-height: 1em;
}

footer .webloom-info .webloom-service
{
    font-size: .9em;
    text-align: center;
}


footer .footer-link a{
    font-size: .9em;
}

footer .webloom-info .webloom-service .separator
{
    margin: 0 .5em;
    color: #ec6707;
    display: none;
}

footer .webloom-info .webloom-logo .container-logo
{
    max-width: 155px;
}

footer .webloom-info .webloom-logo .container-logo img
{
    height: 25px;
}

#login .login-tab
{
    margin-bottom: 2em;
}

#login .login-container
{
    background: #fff;
    height: 100%;
    padding: 1.5em;
}


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

#login .login-link
{
    margin-top: 1em;
    margin-bottom: 2em;
    font-size: .95em;
}

#login .login-link ul
{
    margin: 0;
    padding: 0;
    list-style-type: none
}

#login .login-logo
{
    text-align: center;
}

@media ( min-width: 399px )
{
    footer .webloom-info,
    footer .footer-link
    {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    footer .webloom-info
    {
        margin-top: 0;
    }
    footer .webloom-info .webloom-service
    {
        text-align: left;
    }
    footer .webloom-info .webloom-service .separator
    {
        display: inline-block;
    }
}

@media ( min-width: 576px )
{
    #login .login-top
    {
        padding-bottom: 1.5em;
    }
    #login .login-link
    {
        margin: 0;
        padding: 0;
    }
}

@media ( min-width: 992px )
{
    h1,h2,h3,h5,h5,h6,
    footer .footer-link
    {
        text-align: left;
    }
    header .titolare-title
    {
        align-items: center;
        display: -ms-flexbox;
        display: flex;
    }
    header .titolare-logo
    {
        -ms-flex: none;
        flex: none;
        width: auto;
    }
    header .titolare-logo .container-logo img
    {
        margin-left: 0;
    }
    header .titolare-logo .container-logo
    {
        padding: 0;
    }
    footer .webloom-info
    {
        justify-content: flex-end;
    }
    footer .footer-link
    {
        justify-content: flex-start;
    }
    footer .webloom-info .webloom-logo .container-logo
    {
        margin-right: 0;
    }
    footer .footer-link
    {
        margin-bottom: 0;
    }
    #login .login-tab
    {
        margin-bottom: 0;
    }
    #login .login-top
    {
        padding-bottom: 0;
        min-height: 100px;
    }
}

/*IE 6 and 7, IE 8,9 and 10*/
@media screen\9 , screen\0 {
    footer
    {
        display: block;
    }
}
/*IE 10 and above*/
_:-ms-lang(x), footer
{
    display: block;
}


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

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

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

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

/** 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;
}

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


#wbm-cie .wbm-cie-alert
{
    padding: 1em 2em 1em 5em;
    background-color: #eeeeee;
    background-image: url('data:image/svg+xml;charset=utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="exclamation-circle" class="svg-inline--fa fa-exclamation-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><path fill="%23bbbbbb" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg>');
    background-position: left 1.5em top 1em;
    background-size: 2em;
    background-repeat: no-repeat;
    margin-top: 1.5em;
}

#wbm-cie .wbm-cie-alert p
{
    margin: 0;
}

#wbm-cie .wbm-cie-tutorial
{
    padding-left: 1.7em;
    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>');
    background-position: left top 0.2em;
    background-size: 1.2em;
    background-repeat: no-repeat;
    font-weight: bold;
    cursor: pointer;
    display: block;
    margin: .7em 0 .4em;
}

/*** 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('../img/cie-icon-help.png');
    }
    #wbm-cie .wbm-cie-alert
    {
        background-image: url('../img/cie-icon-alert.png');
    }
}
IE 10 and above
_:-ms-lang(x), #wbm-cie .wbm-cie-tutorial
{
    background-image: url('../img/cie-icon-help.png');
}
_:-ms-lang(x), #wbm-cie .wbm-cie-alert
{
    background-image: url('../img/cie-icon-alert.png');
}
*/

header#cnoas
{
    padding-top: 5px;
    padding-bottom: 5px;
}

header#cnoas .container-logo
{
    padding-top: 30px;
    padding-bottom: 30px;
}