/*
 * After modifying this style sheet, refresh the page being designed to see the effect of the modification.
 * Click the Refresh button in the Visual Designer toolbar to refresh the page.
 */

/* Style rules to make Java Server faces Standarad data tables look better */
/* cabin-regular - latin */
/*@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cabin-v17-latin-regular.eot');  IE9 Compat Modes
    src: local(''),
        url('../fonts/cabin-v17-latin-regular.eot?#iefix') format('embedded-opentype'),  IE6-IE8
        url('../fonts/cabin-v17-latin-regular.woff2') format('woff2'),  Super Modern Browsers
        url('../fonts/cabin-v17-latin-regular.woff') format('woff'),  Modern Browsers
        url('../fonts/cabin-v17-latin-regular.ttf') format('truetype'),  Safari, Android, iOS
        url('../fonts/cabin-v17-latin-regular.svg#Cabin') format('svg');  Legacy iOS
}*/

/* FONT-FACE*/
@font-face {
    font-family: 'titillium_webregular';
    src: url('../fonts/titilliumweb-regular-webfont.eot');
    src: url('../fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumweb-regular-webfont.woff') format('woff'),
        url('../fonts/titilliumweb-regular-webfont.ttf') format('truetype'),
        url('../fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fonts/titilliumweb-semibold-webfont.eot');
    src: url('../fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumweb-semibold-webfont.woff') format('woff'),
        url('../fonts/titilliumweb-semibold-webfont.ttf') format('truetype'),
        url('../fonts/titilliumweb-semibold-webfont.svg#titillium_websemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_webbold';
    src: url('../fonts/titilliumweb-bold-webfont.eot');
    src: url('../fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumweb-bold-webfont.woff') format('woff'),
        url('../fonts/titilliumweb-bold-webfont.ttf') format('truetype'),
        url('../fonts/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_webbold_italic';
    src: url('../fonts/titilliumweb-bolditalic-webfont.eot');
    src: url('../fonts/titilliumweb-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumweb-bolditalic-webfont.woff') format('woff'),
        url('../fonts/titilliumweb-bolditalic-webfont.ttf') format('truetype'),
        url('../fonts/titilliumweb-bolditalic-webfont.svg#titillium_webbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titillium_websemibold_italic';
    src: url('../fonts/titilliumweb-semibolditalic-webfont.eot');
    src: url('../fonts/titilliumweb-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/titilliumweb-semibolditalic-webfont.woff') format('woff'),
        url('../fonts/titilliumweb-semibolditalic-webfont.ttf') format('truetype'),
        url('../fonts/titilliumweb-semibolditalic-webfont.svg#titillium_websemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.FontTitilliumRegular{
    font-family: 'titillium_webregular';
}
.FontTitilliumBoldItalic{
    font-family: 'titillium_webbold_italic';
}
.FontTitilliumSemiBoldItalic{
    font-family: 'titillium_websemibold_italic';
}

.list-header {
    background-color: #eeeeee;
    font-size: larger;
    font-weight: bold;
}

.list-paging-header {
    background-color: white;
}

.list-paging-footer {
    background-color: white;
}

.list-row-even {
}

.list-row-odd {
    background-color: #eeeeee;
}

tr.list-row-even td, tr.list-row-odd td{
    border-bottom: 1px solid #ababab;
    padding: 3px 1px;
}

.list-row-even-c {
}
.list-row-odd-c {
    background-color: #eeeeee;
    text-align:center;
}

tr.list-row-even-c td, tr.list-row-odd-c td{
    border-bottom: 1px solid #ababab;
    padding: 3px 1px;
    text-align:center;
}

tr.list-row-even-c td div, tr.list-row-odd-c td div{
    margin-left: auto;
    margin-right: auto;

}


/* Style rules for message severity levels */

.infoMessage {
    color: black;
}

.warnMessage {
    color: orange;
    font-weight: bold;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

.fatalMessage {
    color: red;
    font-style: italic;
    font-weight: bold;
}
.Select {
    width: 130px;
    background-color: #EEEEEE;
}
.Obbligatorio {
    background-color: #FFFFBA;
    height:16px;
}
.Disabilitato {
    background-color: #e6e6e6;
    height:16px;
}
.Standard{
    height:16px;
}
.Numerico{
    text-align:left;
    height:16px;
}
.NumObbligatorio {
    text-align:left;
    background-color: #FFFFBA;
    height:16px;
}
.NumDisabilitato {
    text-align:left;
    background-color: #e6e6e6;
    height:16px;
}
.ComboStandard{
    height:24px;
    border-radius:5px;
}

.ComboDisabilitato {
    background-color: #e6e6e6;
    height:24px;
    border-radius:5px;
}
.ComboObbligatorio {
    background-color: #FFFFBA;
    height:24px;
    border-radius:5px;
}
.Etichetta {
    font-weight: bold;
}
.EtichettaBig{
    font-weight: bold;
    font-size:16px;
}
.EtichettaRiepilogo {
    color: rgb(102, 0, 102);
}
.StatoRiepilogo {
    color: rgb(153, 0, 153);
}
.AreaDisabilitato {
    background-color: #e6e6e6;
}
.AreaObbligatorio {
    background-color: #FFFFBA;
}

.coloreRosso{
    background: linear-gradient(180deg, #e84e43 0%, #bf4037 100%) !important;
    color: white !important;
}
.coloreBlu{
    color: rgb(0, 0, 255);
}

.coloreStandard{
    color: rgb(0, 0, 0);
}

#attesa {
    position:absolute;
    width:150%;
    display:none;
    left:0px;
    top:0px;
    z-index:+2000;
    height:150%;
    overflow:visible;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);   /* IE6 & 7 */
    zoom: 1;
    background:rgba(0, 0, 0, 0.5);

}


.maschera{
    z-index:+2011;
    width:250px;
    font-size:larger;
    font-weight:bolder;
    /*font-style:italic;*/
    color:black;
    margin-top:15%;
    margin-left:25%;
    height:150px;
    background-color:#e5eff1 !important;
    text-align:center;
    opacity: 1.0;
    position:absolute;
    border: 1px solid #575757;
    border-radius: 5px;
}

.maschera img{
    width: 70px !important;
    margin-top: -40px !important;
}
.paddingBottoni table.Tbl_sun4{
    padding-top:32px;
}

.checkBoxList td{
    vertical-align:top;
}

.calendarCont input{
    width:80px !important;
}

/*****----RESTYLING----******/
a.Hyp_sun4[id*="form1:hyperlink"],
.Btn2_sun4,
.btnRaggruppamento{
    background: linear-gradient(180deg, #3d9be8 0%, #3a76a6 100%);
    color: white !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 7px;
    padding: 6px;
    height: auto !important;
    white-space: break-spaces;
}

.Btn2Dis_sun4{
    background: linear-gradient(180deg, #d4d4d4 0%, #b6b6b6 100%);
    color: black !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 7px;
    padding: 6px;
    height: auto !important;
    white-space: break-spaces;
}


.Btn2Hov_sun4{
    background: linear-gradient(180deg, #3d9be8 0%, #3a76a6 100%);
    color: yellow !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 7px;
    padding: 6px;
    height: auto !important;
    white-space: break-spaces;
}



.TblTdLyt_sun4{
    border-bottom: 1px solid #adadad !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.MenuItem_sun4:hover{
    background: #A8C7D6 !important;
    color: #313131 !important;
}

caption.TblTtlTxt_sun4{
    background: #A8C7D6 !important;
    color: #313131 !important;
    font-size: 13px;
    border-radius: 4px;
}

table.Tbl_sun4 th.TblColHdr_sun4,
table.TblHdrTbl_sun4 td,
.TblMultHdr_sun4,
.TblMultColHdr_sun4,
.TblColHdrSrt_sun4,
.TblHdrLnk_sun4,
.TblHdrImgLnk_sun4,
.TblHdrTxt_sun4{
    background: #A8C7D6  !important;
    color: #313131 !important;
    font-size: 13px;
    border-radius: 4px;
}

.TblGrpFtrRow_sun4,
.TblActTdLst_sun4
{
    background: #A8C7D6  !important;
    color: #313131 !important;
    border:1px solid #7a7a7a !important;
}

.TblHdrImgLnk_sun4{
    border-left-color: #668493 !important;
}

.TblTdSrt_sun4{
    background-color: white !important;
    border-bottom: 1px solid #adadad !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

tr:nth-child(odd) td.TblTdLyt_sun4,
tr:nth-child(odd) td.TblTdSrt_sun4
{
    background-color:#cecece !important;
}

tr:nth-child(even) td.TblTdLyt_sun4,
tr:nth-child(even) td.TblTdSrt_sun4
{
    background-color: #ffffff  !important;
}

.MenuItem_sun4.MenuFocus_sun4{
    border: 1px solid !important;
    background: #A8C7D6 !important;
    color: #313131 !important;
}

*{
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;*/
    font-family: 'titillium_webregular' !important;
}


.ChoLstHdr_sun4{
    background: #A8C7D6 !important;
    color: #313131 !important;
    font-size: 13px;
    border-radius:6px !important;
}

/*a.Hyp_sun4:link, a.Hyp_sun4:visited,*/
a[id*="indietro"],
a[id*="indietro_1"],
a[id*="indietro_2"],
a[id*="indietro_3"],
a[id*="Indietro"],
a[id*="Aiuto"],
a[id*="aiuto"]
{
    /*background-color: #3F51B5 !important;*/
    background: linear-gradient(180deg, #e84e43 0%, #bf4037 100%) !important;
    text-align: center;
    line-height: 24px;
    color: white !important;
    border: 1px solid #000000;
    border-radius: 5px;
    margin-left: -5px;
    padding: 2px;
    height: auto !important;
    white-space: break-spaces;
}



a.Hyp_sun4[id*="hyperlink"][title*="precedente"],
a.Hyp_sun4[id*="hyperlink"][title*="successivo"]
{
    background: linear-gradient(180deg, #e8a643 0%, #bfa837 100%) !important;
    color: black !important;
    border: 1px solid !important;
    border-radius: 5px !important;
    padding: 2px !important;
}

table.MniTabTbl_sun4{
    border-collapse: unset !important;
}

table.Tbl_sun4,
table.Tbl_sun4 td.TblActTd_sun4{
    background-color: #ffffff !important;
}

td.TblActTdLst_sun4:empty{
    background: none !important;
    border: unset !important;
}

input:focus{
    outline-color: #3F51B5;
}
input
{
    border: 1px solid #767676;
    border-radius: 5px;

}
input[type=text],
input[type=password]{
    height: 22px !important;
}

.preferenzeTabella input[type=checkbox]{
    height: 16px !important;
    width: 16px !important;
}

input[type=checkbox]{
    height: 16px;
    width: 16px;
}

.TblTdLyt_sun4 input[type=checkbox]{
    height: auto !important;
    width: auto !important;
}

input[name*="tableRowGroup"]{
    height: 20px !important;
}

.ChoLstDiv_sun4 select{
    height: auto !important;
    width: 100%;
}
select{
    height: 27px !important;
    border-radius: 5px !important;
}

textarea{
    border-radius: 5px !important;
}

select option{
    font-family: 'titillium_webregular' !important;
    font-size: 115%;
}


td input[value="GO"],
td input[value="VAI"],
td input[value="Go"]{
    background: linear-gradient(180deg, #3d9be8 0%, #3a76a6 100%);
    color: white !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 7px;
    padding: 3px;
    height: auto !important;
    white-space: break-spaces;
}


.Btn3_sun4,
.Btn3Hov_sun4
{
    border: none !important
}

img[id*="clearSortButton"]{
    background-image: url(../immagini/pulisci_ordinamento.svg) !important;
    background-repeat: repeat-y !important;
    margin-top: -3px;
}

/*CALENDARIO*/
.DatSelTopMiddle_sun4{
    background: #A8C7D6 !important;
}
.DatSelContent_sun4{
    background: #A8C7D6 !important;
    color: #313131 !important;
    width:99% !important;
}

.CalPopDiv_sun4 .DatCalDiv_sun4 {
    background-color: #e2f0ff !important;
}

input[id*="calendar"],
input[id*="Data"],
input[id*="data"]{
    width:70px !important;
}

input[type=checkbox][id*="Data"],
input[type=checkbox][id*="data"]{
    width:16px !important;
}

img[id*="datePickerLink_image"]{
    background-image: url(../immagini/calendar.svg) !important;
    background-position: 0 0 !important;
}

img[id*="datePickercloseButtonLink_close"]{
    background-image: url(../immagini/close.svg) !important;
    background-position: 0 0 !important;
}

img[id*="nextMonthLink_image"]{
    background-image: url(../immagini/avanti_table.svg) !important;
    background-position: 0 0 !important;
}

img[id*="previousMonthLink_image"]{
    background-image: url(../immagini/indietro_table.svg) !important;
    background-position: 0 0 !important;
}



table.MniTabTbl_sun4 td.MniTabTblSelTd_sun4,
.Tab1Lnk_sun4.Tab1SelTxtNew_sun4,
.Tab1SelTxtNew_sun4{
    background: linear-gradient(180deg, #f9c362 0%, #ff901f 100%) !important;
    color: black !important;
    font-weight: 400;
    border: 1px solid #524e4e !important;
    border-radius:6px;
    margin-top: -2px;
    font-size: 12px !important;
}

.MniTabTbl_sun4 td,
.Tab1Lnk_sun4{
    background: linear-gradient(180deg, #3d9be8 0%, #3a76a6 100%) !important;
    color: white !important;
    border:1px solid #524e4e !important;
    border-radius:6px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.MniTabTbl_sun4 td a{
    color: white !important;
}

.Tab1Div_sun4 td{
    border:none !important;
}

table.Tbl_sun4 a.TblHdrImgLnk_sun4:link,
table.Tbl_sun4 a.TblHdrImgLnk_sun4:visited{
    border : none !important;
}

.Tbl_sun4 {
    border-color: #3a7cb1 !important;
    border-top-color: #3a7cb1 !important;
    border-radius: 5px !important;
}

/****PULSANTI TABELLA DEFAULT************/

.Hyp_sun4 img[id*="paginationNextButton_image"]{
    background-image: url(../immagini/avanti_table.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.HypDis_sun4 img[id*="paginationNextButton_image"]{
    background-image: url(../immagini/avanti_table_dis.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.Hyp_sun4 img[id*="paginationLastButton_image"]{
    background-image: url(../immagini/ultima_table.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.HypDis_sun4 img[id*="paginationLastButton_image"]{
    background-image: url(../immagini/ultima_table_dis.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.Hyp_sun4 img[id*="paginationPrevButton_image"]{
    background-image: url(../immagini/indietro_table.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.HypDis_sun4 img[id*="paginationPrevButton_image"]{
    background-image: url(../immagini/indietro_table_dis.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.Hyp_sun4 img[id*="paginationFirstButton_image"]{
    background-image: url(../immagini/prima_table.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

.HypDis_sun4 img[id*="paginationFirstButton_image"]{
    background-image: url(../immagini/prima_table_dis.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
    margin-left: 3px;
}

a[title*="Single Page"] img[id*="paginateButton_image"],
a[title*="pagina singola"] img[id*="paginateButton_image"]{
    background-image: url(../immagini/more_one.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
}

a[title*="Multiple Pages"] img[id*="paginateButton_image"],
a[title*="piu pagine"] img[id*="paginateButton_image"]
{
    background-image: url(../immagini/one_more.svg) !important;
    height: 20px !important;
    width: 20px !important;
    background-position: 0 0 !important;
}

.ChoNavBtnGrpDiv_sun4 input[id*=openButton]{
    background-image: url(../immagini/folder.svg) !important;
    border: none !important;
    width:0px;
    height:0px;
    padding: 10px;
    cursor:pointer;
}

.ChoNavBtnGrpDiv_sun4 input[id*=upButton]{
    background-image: url(../immagini/up_level.svg) !important;
    border: none !important;
    width:0px;
    height:0px;
    padding: 10px;
    cursor:pointer;
}

#backgroudLogin {
    position: relative;
    height: 200px;
}

#backgroudLogin .leftBg {
    height: 200px;
    background: url(../immagini/bg_top_left.jpg) repeat scroll 0% 0% transparent;
    width: 50%;
    float: left;
}

#backgroudLogin .rightBg {
    height: 200px;
    background: url(../immagini/bg_top_right.jpg) repeat scroll 0% 0% transparent;
    width: 50%;
    float: left;
}

#backgroudLogin .middleBg {
    position: relative;
    top: -200px;
    width: 140px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background: url(../immagini/bg_top_center.jpg) repeat scroll 0% 0% transparent;
}

.ChoLstHdr_sun4 .ChoNameHdr_sun4{
    width: 45% !important;
}
.ChoLstHdr_sun4 .ChoSizeHdr_sun4{
    width: 20% !important;
}
.ChoLstHdr_sun4 .ChoDateTimeHdr_sun4{
    width: 25% !important;
}

input[type=checkbox] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #000000;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    /*padding: 9px;*/
    border-radius: 3px;
    display: inline-block;
    position: relative;
    cursor:pointer;
}

input[type=checkbox]:checked {
    background: linear-gradient(180deg, #3d9be8 0%, #3a76a6 100%);
    border: 1px solid #000000;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #ffffff;
}

input[type=checkbox]:checked:after {
    content: '\2714';
    /*content: '\2713\0020';*/
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 2px;
    color: #ffffff;
}

input[type=checkbox]:focus{
    outline-color: transparent;
    outline: none;
}

td.TblTdLyt_sun4 input[type=checkbox]{
    padding: 7px;
}

.swal-modal{
    width:260px;
}

.swal-title {
    margin: 0px !important;
    font-size: 16px;
    box-shadow: 0px 2px 2px rgb(35 79 115);
    margin-bottom: 28px;
}

.swal-button--cancel {
    border:1px solid !important
}

.swal-text{
    margin-top: 20px !important;
}

.limiter {
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(to bottom, #a0aae1,#c2e9bf);
    height: calc(100vh);
}

.container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wrap-login100 {
    width: 500px;
    border-radius: 10px;
    overflow: hidden;
    height: calc(95vh);
    margin-top: 20px;
}

#applicativo{
    text-align: center;
    margin-top: -80px;
}

.fontApplicativo{
    font-family: 'titillium_websemibold_italic' !important;
    font-size: 30px !important;
    color:#27AAE1;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

.col-1 {
    width: 8.33%;
}
.col-2 {
    width: 16.66%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.33%;
}
.col-5 {
    width: 41.66%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.33%;
}
.col-8 {
    width: 66.66%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.33%;
}
.col-11 {
    width: 91.66%;
}
.col-12 {
    width: 100%;
}

.elementAlignCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

#rowMessageLogin span{
    color: #f41b1b !important;
}
/*****---- FINE RESTYLING----******/

.swal-overlay{
    transition: opacity .7s !important;
}

.swal-overlay--show-modal .swal-modal{
    animation: unset !important;
    will-change: unset !important;
    -webkit-animation: unset !important;
}

.hoverDialog{
    z-index: 900;
    display: none;
    background: white;
    position: absolute;
    border: 1px solid #8c8f91;
    box-shadow: #bbbbbb 6px 6px !important;
}


.btnList{
    height: 25px !important;
    background: white;
    color: #003399 !important;
    border: none !important;
    text-align: inherit;
    z-index: 908;
    width: 95%;
    /*margin: 3px;*/
}

.btnList:hover{
    background: #A8C7D6 !important;
    color: #313131 !important;
}

.noPadding{
    padding:0 !important;
}

.noPaddingBottom{
    padding-bottom: 0 !important;
}

.noPaddingLeft{
    padding-left: 0 !important;
}

.noPaddingRight{
    padding-right: 0 !important;
}

.noPaddingTop{
    padding-top: 0 !important;
}

#DigiCertClickID_rvJROAqa img{
    width: 105px !important;
    height: 54px !important;
}

.flex-container{
    display: flex;
    width: 30%;
    align-items: center;
    gap: 3px;
    background: #007ebb;
    color: white;
    margin-left: 66% !important;
    cursor: pointer;
}

