/* input(2,14): run-time error CSS1030: Expected identifier, found '#statistiche'
input(2,26): run-time error CSS1025: Expected comma or open brace, found ')'
input(185,18): run-time error CSS1030: Expected identifier, found '#reportIncasso'
input(185,32): run-time error CSS1025: Expected comma or open brace, found ')'
input(188,18): run-time error CSS1030: Expected identifier, found '#reportIncasso'
input(188,32): run-time error CSS1025: Expected comma or open brace, found ')'
input(208,34): run-time error CSS1030: Expected identifier, found '#reportPayGEST'
input(208,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(212,34): run-time error CSS1030: Expected identifier, found '#reportPayGEST'
input(212,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(216,34): run-time error CSS1030: Expected identifier, found '#reportPayGEST'
input(216,48): run-time error CSS1025: Expected comma or open brace, found ')'
input(220,34): run-time error CSS1030: Expected identifier, found '#reportPayGEST'
input(220,48): run-time error CSS1025: Expected comma or open brace, found ')' */

#content:has(#statistiche) {
    padding: 5px 5px;
    height: 100%;
}

#statistiche #statisticheCont {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 15% 1fr;
    grid-column-gap: 5px;
}
    #statistiche #statisticheCont #colMenu {
        grid-row: 1 / span 2;
        grid-column: 1;
        border-right: thin solid antiquewhite;
        background-image: linear-gradient(to left, floralwhite, white);
    }

    #statistiche #statisticheCont #colFilter {
        padding-top: 10px;
        grid-row: 1;
        grid-column: 2;
        border: thin solid white;
        border-radius: 4px;
        box-shadow: 0px 1px 5px lightgrey;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    #statistiche #statisticheCont #reportContent {
        grid-row: 2;
        grid-column: 2;
    }

#statistiche.reportExpPreno #statisticheCont {
   display:flex;
   flex-direction:column;
}


#statistiche .dropdownBox{
    background-color: white;
    border-color: lightgray;
}
    #statistiche .dropdownBox .k-button-solid-base {
        background-color: white;
        border-color: transparent;
    }


#statistiche .rangeComponent {
    cursor: pointer;
}


#statistiche #divButtonExport .divBtnExport .btnExport {
    display: block;
    height: 50px;
    width: 50px;
    padding: 5px;
    box-shadow: none;
}
#divButtonExport .divBtnExport .btnExport i {
    font-size: x-large;
}



/*-------------------------- MENU -------------------------------*/
#statistiche #statisticheCont #colMenu #colMenuCont {
    display: flex; 
    flex-direction: column;
}


#statistiche #colMenu .menuItemCont {
    padding: 10px;
    border-bottom: thin solid whitesmoke;
    font-weight: 300;
}
    #statistiche #colMenu .menuItemCont.reportShow {
        border: thin solid antiquewhite;
        border-left: 5px solid #fb0;
        background-size: 10px 10px;
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
        font-weight: 500;
    }

#statistiche #colMenu .menuItemCont div{
   cursor: default;
}


#statistiche #colMenu .menuItemCont:has(.menuSubHeader) {
    padding: 15px 5px 3px 5px;
    border-bottom: thin solid antiquewhite;
    text-transform:uppercase;
    color: lightgray;
    cursor: none;
}

#statistiche #colMenu .menuItemCont:has(.menuItem) {
    padding-left: 20px;
}



/*-------------------------- SEARCH -------------------------------*/
#statistiche #divFilterSearch {
    display: flex;
    flex-wrap: wrap;
    align-items:end;
    gap: 30px;

    padding: 0px 10px;
}


#statistiche #divFilterSearch #divComponentFilter {   
    flex-grow: 1;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 20px;
}
    #statistiche #divComponentFilter .blockFilter,
    #statistiche #divComponentFilter .blockFilter .blockFilter_ColSx{
        display: grid;
        grid-template-columns: 50% 1fr;
        gap: 10px;
    }
        #statistiche #divComponentFilter .filter_data {
            grid-column: 1 / span 2;
            gap: 20px;
        }

        #statistiche #divComponentFilter .filter_preno {
            grid-row: 2 / span 2;
            grid-column: 1;
        }
            #statistiche #divComponentFilter .filter_preno .filter_tipo {
                grid-column: 1 / span 2;
                display: grid;
                grid-template-columns: 50% 1fr;
                grid-column-gap: 10px;
                align-items: end;
            }
                #statistiche #divComponentFilter .filter_preno .filter_tipo .filter_tipoStag {
                    grid-column: 2;
                }


        #statistiche #divComponentFilter .filter_owner {
            grid-row: 2;
            grid-column: 2;
        }

        #statistiche #divComponentFilter .filter_map {
            grid-row: 3;
            grid-column: 2;
            align-items: end;
        }
            #statistiche #divComponentFilter .filter_map .filter_settore {
                grid-column: 1 / span 2;
            }
                 #statistiche #divComponentFilter .filter_map .filter_settore .dropdownBox{
                     max-width: 100%;
                 }



#statistiche #divComponentFilter .blockFilter_Extra {
    display: none;
    grid-row: 4;
    grid-column: 1 / span 2;
    gap: 20px;
    padding-top: 15px;
}

/*
#statistiche:has(#reportHistory) #divComponentFilter .blockFilter_Extra.filter_storico {
    display: block;
}*/

#statistiche:has(#reportIncasso) #divComponentFilter .blockFilter_Extra.filter_incasso{
    display: grid;
}
#statistiche:has(#reportIncasso) #divComponentFilter .filter_data {
    visibility: hidden;
    height: 0;
}


#statistiche #divComponentFilter .filter_exp {
    grid-row: 4;
    grid-column: 1 / span 2;
    gap: 20px;
    padding-top: 15px;
}


#statistiche.reportPrint #divComponentFilter .filter_chkToPrint {
    grid-row: 2;
    grid-column: 1;
    grid-template-columns: 1fr;
    align-content: end;
}
    #statistiche.reportPrint:has(#reportPayGEST) #divComponentFilter .blockFilter_Extra {
        grid-row: 1;
        padding-top: 0px;
    }
    #statistiche.reportPrint:has(#reportPayGEST) #divComponentFilter .filter_data {
        visibility: hidden;
        height: 0;
    }
    #statistiche.reportPrint:has(#reportPayGEST) #divComponentFilter .filter_owner {
        visibility: hidden;
        height: 0;
    }
    #statistiche.reportPrint:has(#reportPayGEST) #divComponentFilter .blockFilter_Extra.filter_incasso {
        display: grid;
    }



#statistiche #divFilterSearch #divButtonFilter {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-content: end;
}
    #statistiche #divButtonFilter .rowButtonSearch {
        display: flex;
        justify-content: end;
    }
        #statistiche #divButtonFilter .rowButtonSearch > div {
            display: grid;
            gap: 5px;
            grid-auto-flow: column;
            grid-auto-columns: 1fr;
            width: max-content;
        }

    #statistiche .rowButtonSearch {
        margin-top: 5px;
        text-align: center;
    }

    #statistiche #divButtonFilter .btnResetSearch {
        display: flex;
        gap: 5px;
        align-items: center;
        font-size: small;
        padding: 7px 10px;
        width: 100%;
    }
        #statistiche #divButtonFilter .btnResetSearch span {
            flex-grow: 1;
            text-align: center;
        }



#statistiche #divFilterSearch .btnEnableFilter {
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;

    border-radius: 4px;
    background-color: white;
    border-color: #4285F4;
    color: #4285F4;
    padding: 0px;
    margin-left: 20px;
}

#statistiche #divComponentFilter #msgEver {
    display: none;
    font-style: italic;
    color:gray;
}


#statistiche #divComponentFilter .hideFilter #divForDateCreate {
    visibility:hidden;
    height: 0;
}
#statistiche #divComponentFilter .hideFilter .rangeComponent{
    display:none;
}
#statistiche #divComponentFilter .hideFilter #msgEver {
    display: block;
}
#statistiche #divComponentFilter .hideFilter .btnEnableFilter i.fa::before {
    content: "\f067";
}




/*-------------------------- window for mobile -------------------------------*/
#statistiche #colNavMobile {
    display: none;
    padding: 10px 5px;
    margin-bottom: 5px;
}
    #statistiche #colNavMobile .colNavMobileCont {
        display: flex;
        justify-content: space-between;
    }


#statistiche #colMenu:has(.show),
#statistiche #colFilter:has(.show) {
    display: block;
}
    #statistiche #colMenu #colMenuCont.show,
    #statistiche #colFilter #colFilterCont.show {
        visibility: visible;
        transform: none;
    }



#statistiche #colNavMobile #btnOpenNav,
#statistiche #colNavMobile #btnOpenFilter {
    border-color: #4285F4;
    color: #4285F4;
    height: 100%;
}
#statistiche #colNavMobile #btnOpenFilter {
   visibility:hidden;
}



#statistiche #divTitleSide {
    display: none;
}
    #statistiche #divTitleSide .navTitleCont {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
        #statistiche #divTitleSide .navTitleCont h5 {
            flex-grow: 1;
            display: flex;
            align-items: center;
            gap: 10px;
            text-transform: uppercase;
        }
        #statistiche #divTitleSide .navTitleCont #btnCloseNav.btnPreno {
            background: none;
            border: none;
            font-size: 16px;
        }







/*-------------------------- CONTENT -------------------------------*/

.reportGridCont {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-row-gap: 15px;
    padding-top: 20px;
}


.reportGridCont .divTitleReportLegend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}
    .reportGridCont .divTitleReportLegend h1 {
        margin: 1px 0;
    }
        .reportGridCont .divTitleReportLegend h1 span {
            font-size: 18px;
        }



/*-------------------------- SUMMARY -----------------------------*/
#statistiche #summaryReport{
    padding: 10px 5px;

    display:grid;
    grid-row-gap: 15px;
}


.summaryRow {
    padding: 10px;
}
    .summaryRow .summaryCol {
        align-items: center;
    }
    
.summay_blockData .sumDataCont {
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 4px;
}
    .summay_blockData .sumDataCont .sumDataRow {
        height: 100%;
        display: grid;
        grid-template-rows: 1fr auto;
        grid-row-gap: 5px;
        font-size: 16px;
        line-height: normal;
    }
        .summay_blockData .sumDataCont .sumDataRow .sumDataTitle {
            display: flex;
            flex-direction: column;
            gap: 5px;
            font-weight: 300;
        }
        #summaryIncassi .summay_blockData .sumDataCont.summaryTipoPay .sumDataRow .sumDataTitle {
            display: flex;
            flex-direction: row;
            align-items:center;
        }

        .summay_blockData .sumDataCont .sumDataRow.total .sumDataTitle {
            font-size: 18px;
            font-weight: 500;
        }
        .summay_blockData .sumDataCont .sumDataRow small {
            font-size: 12px;
            font-weight: 200;
        }
        .summay_blockData .sumDataCont .sumDataValue {
            font-size: 20px;
            font-weight: 600;
            text-align: end;
            padding-right: 5px;
        }


.summaryCol .summay_blockData,
#summaryReportCont #summaryIncassi.sumReport_blockData .summay_blockData {
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
}
    .sumDataCont:has(.total) {
        grid-row: 1 / span 2;
        border-color: #f2af50;
    }
    .sumDataCont:has(.subtotal1) {
        grid-row: 1;
        grid-column: 2;
    }
    .sumDataCont:has(.subtotal2) {
        grid-row: 2;
    }



#summaryIncassi .summaryCol .summay_blockData .sumDataContList {
    display: grid;
    grid-template-columns: 33% 33% 1fr;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
}
#summaryIncassi .sumDataCont:has(.total) {
    grid-row: 1;
}


.summaryCol .summay_blockData.postDetail {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
}
    .summaryCol .summay_blockData.postDetail .rowTitle {
        display: grid;
        grid-template-columns: auto auto;
        align-items: baseline;
    }
    .summay_blockData.postDetail .sumDataCont .sumDataRow {
        font-size: 14px;
    }
    .summaryCol .summay_blockData.postDetail .subRowTitle{
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        align-items: baseline;
        justify-content: space-between;
    }
    .summaryCol .summay_blockData.postDetail .sumDataCont .sumDataValue {
        font-size: 16px;
        font-weight: 500;
        padding-right: 0px;
    }
    .summaryCol .summay_blockData.postDetail .descr {
        font-size: 12px;
        color: gray;
        font-weight: 300;
    }





.summay_blockData .tohide {
    display: none;
}
    #summary_Settori .summay_blockData .totPost {
        display: block;
    }



.summaryRow#sumHeader {
    grid-row:1;
    display: grid;
    grid-template-columns: 33% 33% 1fr;
    gap: 20px;
    align-items: start;
}

.summaryRow#summaryGraph {
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 33%;
    gap: 20px;
    align-items: center;
    border: thin solid whitesmoke;
    border-radius: 4px;
    background: linear-gradient(to right, floralwhite, white);
    padding: 0px 10px 10px;
}
    .summaryRow#summaryGraph path {
        fill: transparent;
    }


.summaryRow#sumParamMap {
    grid-row: 3;
    border: thin solid whitesmoke;
    border-radius: 4px;
    padding: 5px;
    margin-top: 30px;
}
    .summaryRow .summaryCol#summary_Settori {
        display: grid;
        grid-template-columns: 33% 33% 1fr;
        gap: 20px;
        align-items: start;
        border: thin solid whitesmoke;
        box-shadow: -1px 3px 8px lightgrey;
        padding: 3px;
    }
    .summaryRow#sumParamMap h2{
        padding:0px;
        margin:10px 0px;
        padding-left: 5px;
    }



#sumHeader .summaryCol#summary_Preno,
#sumHeader .summaryCol#summary_Pay,
#sumHeader .summaryCol#summary_Param {
    border: thin solid whitesmoke;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-row-gap: 10px;
}



#summaryReport .k-chart,
#summaryReport .k-stockchart {
    max-height: 300px;
}

#summaryReport .summary_blockChart {
    opacity: 0.7;
}
#summaryReport .chart_InLoco {
    color: #0275d8;
}
#summaryReport .chart_OnBooking {
    color: #5bc0de;
}






/*------------------------ GRID --------------------------*/
#statistiche #reportContent .resultContainer,
#statistiche #reportContent #gridContainer {
    max-width: 78vw;
}


#statistiche.reportExpPreno #reportContent #gridContainer {
    max-width: 95vw;
}


.gridReport.gridReportList {
    height: 650px;
}
    #statistiche .gridReport {
        height: 600px;
    }

    .gridReport td.colLinkForPreno {
        text-align: center;
    }
    #statistiche .gridReport td.colBtnCheckIN {
        text-align: center;
    }



.gridReport .prenoSlot {
    font-style: italic;
    font-weight: lighter;
}


#statistiche .gridReport .btnUpdateCheck,
.k-pdf-export .gridReportList .btnUpdateCheck{
    width: 100%;
    height: 100%;
    font-size: 12px;
    background-color: transparent;
}
    #statistiche .gridReport .btnUpdateCheck.success,
    .k-pdf-export .gridReportList .btnUpdateCheck.success {
        border: none;
        color: #247236ff;
        font-size: 14px;
    }

    #statistiche .gridReport button.btnUpdateCheck.success,
    .k-pdf-export .gridReportList button.btnUpdateCheck.success {
        border: 1px solid #247236ff;
        border-radius: 4px;
        color: #247236ff;
        font-size: 12px;
        padding: 10px 5px;
    }
        #statistiche .gridReport button.btnUpdateCheck.success:hover {
            background-color: #247236ff;
            color: white;
        }

    #statistiche .gridReport .btnUpdateCheck.danger,
    .k-pdf-export .gridReportList .btnUpdateCheck.danger {
        border: 1px solid #dc3545;
        border-radius: 4px;
        color: #dc3545;
    }
        #statistiche .gridReport .btnUpdateCheck.danger:hover {
            background-color: #dc3545;
            color: white;
        }





/*------------------------ REPORT summary for grid --------------------------*/
#summaryReportCont {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}
    #summaryReportCont .sumReport_blockData {
        flex-grow: 1;
        
        display: flex;
        flex-direction: column;
        gap: 10px;
        border: 1px solid whitesmoke;
        border-radius: 4px;
        box-shadow: 0px 1px 2px lightgrey;
        padding: 5px 10px;
    }
        #summaryReportCont .sumReport_blockData.multiColumn {
            max-width: 50%;
        }

#summaryReportCont .sumReport_blockData .summay_blockData{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sumDataCont{
    flex-grow: 1;
}

.sumReport_blockData .sumReport_Title {
    text-align: center;
}
    .sumReport_blockData .sumReport_Title h1{
        font-weight: 300;
        margin: 0px;
    }



.sumReport_blockData .sumReport_HeadCont {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 10px;
}
    .sumReport_HeadCont .sumReport_DataCont {
        flex-grow: 1;
        padding: 10px;
        border: 1px solid #f2af50;
        border-radius: 4px;
    }
        .sumReport_HeadCont .sumReport_DataCont .sumReport_DataRow {
            display: grid;
            grid-template-rows: 1fr auto;
            grid-row-gap: 5px;
            font-size: 16px;
            line-height: normal;
        }



.sumReport_blockData .sumReport_BodyCont {
    display: grid;
    grid-row-gap: 15px;
    border: 1px solid lightgrey;
    border-radius: 4px;
    font-weight: 300;
    padding: 10px;
}
    .sumReport_BodyCont .sumReport_DataCont {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
        .sumReport_BodyCont .sumReport_DataCont .sumReport_DataRow {
            flex-grow: 1;
            display: grid;
            grid-template-rows: 1fr auto;
            grid-row-gap: 5px;
            line-height: normal;
            max-width: 50%
        }




.sumReport_DataCont .sumReport_DataTitle {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    font-size: 14px;
    font-weight: 300;
}
    .sumReport_HeadCont .sumReport_DataCont .sumReport_DataTitle {
        font-weight: 400;
    }
    .sumReport_BodyCont .sumReport_DataCont .sumReport_DataTitle {
        font-weight: 500;
    }
        .sumReport_DataCont .sumReport_DataTitle strong {
            font-size: 18px;
            font-weight: 500;
        }
        .sumReport_DataCont .sumReport_DataTitle small {
            font-size: 12px;
            font-weight: 200;
        }
            .sumReport_BodyCont .sumReport_DataCont .sumReport_DataTitle small {
                font-size: 10px;
                color: grey;
            }

.sumReport_HeadCont .sumReport_DataCont .sumReport_DataValue {
    font-size: 20px;
    font-weight: 600;
    text-align: end;
    padding-right: 5px;
}




.sumReport_DataCont .sumReport_DataDetail {
    display: flex;
    align-items: center;
    gap: 10px;
}
    .sumReport_DataCont .sumReport_DataDetail .sumReport_DataDetailRow {
        display: grid;
        grid-template-columns: auto auto;
        align-items: baseline;
        gap: 10px;
    }

    .sumReport_DataCont .sumReport_DataDetail .sumReport_DetailValue {
        font-size: 14px;
        font-weight: 500;
    }





/*---------------- STORICO -------------------*/
#statistiche .divManagerStorico {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 15px;

    margin-bottom: 15px;
    padding: 0px 10px;
}

    #statistiche .divManagerStorico .btnPreno {
        padding: 10px 15px;
        font-size: 14px;
    }

    #statistiche .divManagerStorico #btnUpdateStorico {
        background-color: #3ab69e;
        border-color: darkgreen;
        color: white;
    }
        #statistiche .divManagerStorico #btnUpdateStorico:hover,
        #statistiche .divManagerStorico #btnUpdateStorico:focus,
        #statistiche .divManagerStorico #btnUpdateStorico:active {
            background-color: darkgreen;
        }

    #statistiche .divManagerStorico #btnDelAllOriginal {
        background-color: #e93535;
        border-color: #c92626;
        color: white;
    }
        #statistiche .divManagerStorico #btnDelAllOriginal:hover,
        #statistiche .divManagerStorico #btnDelAllOriginal:focus,
        #statistiche .divManagerStorico #btnDelAllOriginal:active {
            background-color: #c92626;
        }




#statistiche #filterStorico .boxRiepilogo .rowDettaglio {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: lightgray;
}
    #statistiche #filterStorico .boxRiepilogo .rowDettaglio span {
        font-size: 12px;
    }

    #statistiche #filterStorico .boxRiepilogo .rowDettaglio .reportVal {
        text-align: right;
        font-weight: 700;
    }






/*----------------- REVIEW -----------------*/

#reportReview #summaryReportCont {
    display: grid;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
}

#summaryReportCont .sumReport_blockData{
    border-color: transparent;
    box-shadow:none;
}



#reportReview .divRew_Head {
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-column-gap: 15px;
    align-items: start;
}
	#reportReview .divRew_Head .colRewChart {
		justify-items: end;
	}



#reportReview .divRew_Head .colRewChart .colRewChartCont {
	padding: 0px 15px 10px;
	border: 1px solid whitesmoke;
	border-radius: 4px;
}
	#reportReview .divRew_Head .colRewChart .k-chart {
		height: 350px;
		min-width: 800px;
		max-width: 800px;
	}


#reportReview .divRew_BodyQst .divRew_BodyCont {
	display: grid;
	grid-template-columns: 50% 1fr;
	align-items: stretch;
	grid-row-gap: 20px;
	grid-column-gap: 10px;
}
	#reportReview .divRew_BodyQst .rowForQuestion {
		display: grid;
		grid-template-rows: 1fr 50px;
		grid-row-gap: 15px;

		border: thin solid lightgrey;
		border-radius: 4px;
		padding: 10px;
	}
		#reportReview .rowForQuestion .qstTitle {
			font-size: 16px;
			font-weight: 400;
		}
		#reportReview .rowForQuestion .qstSubTitle {
			font-size: 14px;
			font-weight: lighter;
		}

		#reportReview .rowForQuestion .rewQstBody {
			display: grid;
			grid-template-columns: 1fr 50px;
		}

			#reportReview .rowForQuestion .qstBtnDetail {		
				align-content: end;
			}

			#reportReview .rowForQuestion .qstVoto {
				border: thin solid #ff9703;
				border-radius: 50%;
				background-color: #f2af50;
				color:white;
				align-content: center;
			}
					.rowForQuestion .qstVoto h5{
						font-size: 16px;
						font-weight: 500;
						text-align:center;
						margin: 0px;
					}

.divRew_GridComment{
    margin-top: 15px;
}


#reportReview h3:has(.sectionTitle) {
    font-size: 16px;
    font-weight: 300;
    border-bottom: thin solid whitesmoke;
    padding-left: 5px;
    margin-bottom: 10px;
}
#reportReview .sectionTitle {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: normal;
    font-weight: 500;
}


.windowForRewReport {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
	.windowForRewReport legend {
		margin-bottom: 10px;
		font-weight: 500;
	}


#detailReviewWindow .windowForRewReport .divForDatiHead {
	display: flex;
	flex-wrap:wrap;
	gap: 10px;
}

	.windowForRewReport .divForDatiHead .divHeadRow {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 10px;
	}
		#listAnswerQstWindow .windowForRewReport .divForDatiHead .divHeadRow {
			flex-direction: column;
			gap: 3px;
		}

	.windowForRewReport .headRow_Title {
		font-size: 14px;
	}
		#listAnswerQstWindow .windowForRewReport .headRow_Title {
			font-size: 18px;
			font-weight: 400;
		}

	.windowForRewReport .headRow_SubTitle {
		font-size: 16px;
		font-weight: lighter;
	}
		#listAnswerQstWindow .windowForRewReport .headRow_SubTitle {
			font-size: 16px;
		}
		.windowForRewReport .headRow_SubTitle span{
			font-size: 12px;
			font-style: italic;
		}

	.windowForRewReport .divForComment {
		font-size: 14px;
	}

	#detailReviewWindow .rowForQuestion {
		display: flex;
		flex-wrap:wrap;
		align-items:center;
		gap: 15px;
		padding: 10px 0px;
		border-bottom: thin solid lightgrey;
	}
		#detailReviewWindow .rowForQuestion.rowVoteTot {
			border-bottom: none;
			border-top: thin double lightgrey;
			font-size: 16px;
		}

	#detailReviewWindow .rewQstBody {
		flex-grow: 1;
		padding-right: 20px;
	}
		#detailReviewWindow .rewQstBody .qstVoto h5 {
			text-align: end;
			font-size: 18px;
		}
		#detailReviewWindow .rowForQuestion.rowVoteTot .qstVoto h5 {
			font-size: 20px;
		}









/*------------------------ PRINT/EXPORT PDF GRID --------------------------*/
.page-template {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        color: #888;
    }




.k-pdf-export .gridReportList .k-column-title {
    white-space: pre-wrap;
}


.k-pdf-export .gridReportList:has(.colLinkForPreno) colgroup > col:first-child {
    width: 0;
    padding: 0;
}
    .k-pdf-export .gridReportList:has(.colLinkForPreno) .k-grid-header th:first-child,
    .k-pdf-export .gridReportList .k-grid-content td.colLinkForPreno {
        display: none; /* Hide the header cell and data cells */
    }
    .k-pdf-export #gridPayGEST.gridReportList:has(.colLinkForPreno) .k-grid-header th:first-child,
    .k-pdf-export #gridPayGEST.gridReportList .k-grid-content td.colLinkForPreno {
        display: block;
        visibility: hidden;
    }


.k-pdf-export .gridReportList:has(.colBtnToHide) colgroup > col:first-child {
    width: 0;
    padding: 0;
}
    .k-pdf-export .gridReportList:has(.colBtnToHide) .k-grid-header th:first-child,
    .k-pdf-export .gridReportList .k-grid-content td.colBtnToHide {
        display: none; /* Hide the header cell and data cells */
    }



.k-pdf-export #logPresenze colgroup > col:nth-last-child(-n + 2) {
    width: 0px !important;
}

.k-pdf-export #incassoBooking colgroup > col:nth-child(15),
.k-pdf-export #incassoLink colgroup > col:nth-child(13) {
    width: 0px !important;
}