/* Importo i font*/
@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Light'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semilight'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semibold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Bold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');
    font-weight: 700;
}

:root {
    /* Colors: */
    --gray-white: #D9E1E2;
    --mid-white: #F1F1F1;
    --full-white: #FAFCFC;
    --white-blue: #E0FBFF;
    --light-blue: #31CCE3;
    --white-orange: #F3EADA;
    --light-orange: #FFA17A;
    --dark-orange: #AE1313;
    --white-green: #E0EEE8;
    --light-green: #13AEA7;
    --dark-green: #0D726E;
    --black-green: #003331;
    /* Font/text values */
    --ChatAnd-font-family-segoe-ui: Segoe UI;
    --ChatAnd-font-style-normal: normal;
    --ChatAnd-font-weight-300: 300;
    --ChatAnd-font-weight-600: 600;
    --ChatAnd-font-weight-normal: normal;
    --ChatAnd-font-weight-bold: bold;
    --ChatAnd-font-size-13: 13px;
    --ChatAnd-font-size-15: 15px;
    --ChatAnd-font-size-20: 20px;
    --ChatAnd-font-size-25: 25px;
    --ChatAnd-font-size-35: 35px;
    --ChatAnd-character-spacing-0: 0px;
    --ChatAnd-character-spacing-0-13: 0.13px;
    --ChatAnd-character-spacing-0-2: 0.2px;
    --ChatAnd-character-spacing-0-15: 0.15px;
    --ChatAnd-character-spacing-0-25: 0.25px;
    --ChatAnd-character-spacing-0-35: 0.35px;
    --ChatAnd-line-spacing-16: 16px;
    --ChatAnd-line-spacing-18: 18px;
    --ChatAnd-line-spacing-24: 24px;
    --ChatAnd-line-spacing-30: 30px;
    --ChatAnd-line-spacing-42: 42px;
    --ChatAnd-decoration-underline: underline;
    --ChatAnd-text-transform-uppercase: uppercase;
    --background-login: #0a8580;
    --background-login-hover: #4da6a3;
    --distance-to-top:60px;

}

/* Character Styles */
.p-variant {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-300);
    font-size: var(--ChatAnd-font-size-15);
    line-height: var(--ChatAnd-line-spacing-18);
    letter-spacing: var(--ChatAnd-character-spacing-0);
    color: var(--black-green);
}

.sub-2 {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-normal);
    font-size: var(--ChatAnd-font-size-15);
    line-height: var(--ChatAnd-line-spacing-18);
    letter-spacing: var(--ChatAnd-character-spacing-0-15);
    color: var(--black-green);
}

.p-filters {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-300);
    font-size: var(--ChatAnd-font-size-15);
    line-height: var(--ChatAnd-line-spacing-18);
    letter-spacing: var(--ChatAnd-character-spacing-0);
    color: var(--dark-green);
}

.table-header {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-600);
    font-size: var(--ChatAnd-font-size-20);
    line-height: var(--ChatAnd-line-spacing-24);
    letter-spacing: var(--ChatAnd-character-spacing-0-2);
    color: var(--black-green);
}

.button {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-600);
    font-size: var(--ChatAnd-font-size-13);
    line-height: var(--ChatAnd-line-spacing-16);
    letter-spacing: var(--ChatAnd-character-spacing-0-13);
    color: var(--dark-green);
    text-transform: var(--ChatAnd-text-transform-uppercase);
}

.h3-section-title {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-bold);
    font-size: var(--ChatAnd-font-size-25);
    line-height: var(--ChatAnd-line-spacing-30);
    letter-spacing: var(--ChatAnd-character-spacing-0-25);
    color: var(--black-green);
}

.h2-subtitle {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-bold);
    font-size: var(--ChatAnd-font-size-25);
    line-height: var(--ChatAnd-line-spacing-30);
    letter-spacing: var(--ChatAnd-character-spacing-0-25);
    color: var(--dark-green);
    text-transform: var(--ChatAnd-text-transform-uppercase);
}

.h1-pagina {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-bold);
    font-size: var(--ChatAnd-font-size-35);
    line-height: var(--ChatAnd-line-spacing-42);
    letter-spacing: var(--ChatAnd-character-spacing-0-35);
    color: var(--dark-green);
    text-transform: var(--ChatAnd-text-transform-uppercase);
}



/* css generale per input date */
/*
Input Dates datepicker
*/

input[type="date"], .inputdate {
    position: relative;
cursor:pointer !important;
}

    input[type="date"]:hover:after {
        color: #bf1400;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }

    input[type="date"]::-webkit-inner-spin-button {
        z-index: 1;
    }

    input[type="date"]::-webkit-clear-button {
        z-index: 1;
    }