:root {
    /* Colors: */
    --componenti: #F1F3F6;
    --white: #FFFFFF;
    --light-gray: #F2F4F7;
    --gray: #949494;
    --blue-gray: #8096B2;
    --readonly-gray: #c1c1c1;
    --dark-blue: #002C77;
    --yellow: #FFBE00;
    --green: #00AC41;
    --turquoise: #00968F;
    --teal: #0077A0;
    --light-blue: #76D3FF;
    --blue: #009DE0;
    --giallo-alert: #FFE97F;
    --azure: #E5F5FC;
    --azure1: #CEE1EA;
    --unnamed-color-000000: #000000;
    --unnamed-color-343434: #343434;
    /* Font/text values */
    --unnamed-font-family-noto-sans: Noto Sans;
    --unnamed-font-family-mmc-display: MMC Display;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-size-12: 12px;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-25: 25px;
    --unnamed-font-size-30: 30px;
    --unnamed-font-size-35: 35px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-19: 19px;
    --unnamed-line-spacing-22: 22px;
    --unnamed-line-spacing-24: 24px;
    --unnamed-line-spacing-25: 25px;
    --unnamed-line-spacing-26: 26px;
    --unnamed-line-spacing-30: 30px;
    --unnamed-line-spacing-35: 35px;
    --unnamed-line-spacing-36: 36px;
    --unnamed-line-spacing-48: 48px;
    --unnamed-line-spacing-50: 50px;
}

/* Character Styles */
.titolo-domanda {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-36);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-343434);
}

.titolo-pagina {
    font-family: var(--unnamed-font-family-mmc-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-35);
    line-height: var(--unnamed-line-spacing-48);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.voci-menu {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-19);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.footer {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--white);
}

.titolo, .titolo-lightblue {
    font-family: var(--unnamed-font-family-mmc-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-30);
    line-height: var(--unnamed-line-spacing-35);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}
.titolo-lightblue {
    color: var(--light-blue);
}
.sottotitolo {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.text-info {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-26);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.body {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.body-bold {
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-24);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

/**********************Layout***************************/
.divPageInner {
    width: 1362px;
    margin: auto;
    overflow: auto;
    height: auto;
}
/*******************************************************/
/**************************Bottoni***********************/
.bluButton, .darkBluButton, .greenButton, .tealButton {
    background: var(--blue) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    display: block;
    height: 50px;
    min-width: 200px;
    padding: 0px 10px;
    font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-50);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--white) !important;
}
.bluButton:hover {
    border: 1px solid var(--blue);
    background: transparent 0% 0% no-repeat padding-box;
    color: var(--blue)!important;
}

.darkBluButton {
    background: var(--dark-blue) 0% 0% no-repeat padding-box;   
}

.darkBluButton:hover {
    border: 1px solid var(--dark-blue);
    background: transparent 0% 0% no-repeat padding-box;
    color: var(--dark-blue)!important;
}
.greenButton {
    background: var(--green) 0% 0% no-repeat padding-box;
}

.greenButton:hover {
    border: 1px solid var(--green);
    background: transparent 0% 0% no-repeat padding-box;
    color: var(--green) !important;
}
.tealButton {
    background: var(--teal) 0% 0% no-repeat padding-box;
}

.tealButton:hover {
    border: 1px solid var(--teal);
    background: transparent 0% 0% no-repeat padding-box;
    color: var(--teal) !important;
}
.disabled {
    color: var(--blue-gray);
    cursor:default;
}
.enabled {
    cursor: pointer;
}
.btnRight {
    float: right;
    margin-left: 20px;
}
.btnLeft {
    float: left;
    margin-right: 20px;
}
.uploadButton {
    width: 100px;
    min-width: 100px;
}
/*******************************************************/
/*******************componenti input*******************/
.textbox-gray {
    /*font-family: var(--unnamed-font-family-noto-sans);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);*/
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-30);
    letter-spacing: var(--unnamed-character-spacing-0);
    /*color: var(--blue-gray);*/
    background: var(--componenti) 0% 0% no-repeat padding-box;
    border-radius: 5px;
}


input:focus ~ .floating-label,
input:not(:placeholder-shown) ~ .floating-label,
textarea:focus ~ .floating-label,
textarea:not(:placeholder-shown) ~ .floating-label {
    top: -15px;
    bottom: 10px;
    left: 10px;
    font-size: var(--unnamed-font-size-12);
    opacity: 1;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: var(--unnamed-font-size-18);
}
/******************************************************/


/****************download files************************/
.lbDownloadDoc, .lbDownloadUploadedDoc {
    /*background: var(--azure) 0% 0% no-repeat padding-box;
    display: inline-block;
    padding: 10px 10px;
    height: auto;
    overflow: auto;*/
    background: var(--azure) url(../images/pdf.svg) 10px 50% no-repeat padding-box;
    background-size: 25px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    padding-left: 45px;
    /*display: block;*/
    width: max-content;
    text-decoration: underline;
    color: var(--black);
    font-size:var(--unnamed-font-size-14);


    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lbDownloadDoc {
    max-width: calc(50% - 60px);
    float: left;
}
.lbDownloadUploadedDoc {
    max-width: calc(100% - 120px);
    background-color: #CCEED9;
    float: right;
}

/*.lbDownloadDoc > span {
    float: left;
    height: 50px;
    line-height: 50px;
    text-decoration: underline;
}

.lbDownloadDoc > img{
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px 10px 0px 0px;
}*/
.lbDownloadDocAzure1 {
    background-color: var(--azure1);
}
/*******************************************************/