/* .simulatore_risparmio_container .orange {
    color: orange;
}

.simulatore_risparmio_container .green {
    color: #94c356;
} */


.simulatore_risparmio_submit_btn_container {
	text-align: center;
}


.simulatore_risparmio_submit_btn_container .custom-btn-primary {
	padding: 20px;
	font-weight: bold;
	font-size: 1em !important;
	background: var(--color-orange) !important;
	border: 1px solid var(--color-orange) !important;
}
.simulatore_risparmio_submit_btn_container .custom-btn-primary:hover,
.simulatore_risparmio_submit_btn_container .custom-btn-primary:focus
{
	color: var(--color-orange) !important;
	background: white !important;
}


.calcola_risparmio_section .main_title {
	color: var(--color-orange);
	margin-bottom: .3em;
	font-size: 1.2em;
	font-weight: 700;
}



.simulatore_risparmio_container {
    margin-top: 5em;
}

.simulatore_risparmio_container,
.simulatore_risparmio_container .container,
.simulatore_risparmio_container .row
{
	padding: 0;
}




.green { color: #94c356; }
.red { color: #d9534f; }
.orange { color: orange; }





/******************************************************************************
FORM
******************************************************************************/
span.validateError {
    font-size: 0.8em;
    color: #d9534f;
}

.simulatore_risparmio_form_small_note {
    font-size: .9em;
}

.calcola_risparmio_section .row.mono .label {
    font-weight: bold;
}

.calcola_risparmio_section .form-control {
	/* border: 1px solid rgba(0,0,0,.15) !important; */
	border: 1px solid var(--color-orange) !important;
}


.calcola_risparmio_section .container {
	padding: 0;
}



/******************************************************************************
INNER CONTENTS
******************************************************************************/
.inner-contents-wrapper {
    min-height: 100vh;
}

.inner-contents-box {
    background: white;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 8px 24px -10px rgba(89, 89, 89, 0.4);
    margin-bottom: 30px;
}

.calcola_risparmio_section .inner-contents-box {
    border: 3px solid var(--color-2);
	box-shadow: none;
}

.inner-contents-box-title {
    font-size: 1.3em;
    font-weight: 600;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: var(--color-grey);
}

.inner-contents-box-title small {
    font-size: 0.7em;
}


.row.mono {
    display: flex;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 0.85em;
    border-bottom: 1px solid #f4f4f4;
}

.row.mono .label {
    align-self: center;
}



.row.mono .value {
    align-self: center;
    font-weight: 500;
}

.inner-contents-box-divider {
    display: block;
    color: var(--color-main);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color-main);
    font-size: 0.8em;
}

.where_popup_a {
    color: var(--color-2);
    font-size: .9em;
    font-weight: normal;
    text-decoration: underline;
}
.where_popup_a i {
    color: var(--color-2);
    font-size: .9em;
}



/******************************************************************************
POPUP
******************************************************************************/
.custom_modal_popup {
    z-index: 999999;
}

.custom_modal_popup .modal-xl {
    width: 80% !important;
    max-width: none;
}

.custom_modal_popup .modal-title {
    color: var(--color-main);
    font-weight: 700;
}


.custom_modal_popup .modal-content {
    width:100%;
    padding: 30px;
    font-size: 13px !important;
}

  
.custom_modal_popup .modal-dialog-centered {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:calc(100% - (.5rem * 2));
}


.classifica-offerte-details-title {
    display: block;
    background: #333333;
    padding: 5px 10px;
    color: #ffffff;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.classifica-offerte-details-row {
    margin-bottom: 20px;
}


.custom_modal_popup button.close {
	color: var(--color-1);
    font-size: 2.5em;
    background: none;
    border: none;
}
.custom_modal_popup button.close:hover {
    background: none;
    border: none;
}



/******************************************************************************
RESPONSIVE
******************************************************************************/

@media(max-width:768px){

    .row.mono .label {
        margin-bottom: 10px;
    }

    .ribbon_image {
        max-width: 150px;
    }
	
	.calcola_risparmio_section .main_title {

		margin-bottom: .3em;
		font-size: 1em;
		line-height: 1.2em;

	}

}


@media (min-width: 576px) {
    .custom_modal_popup .modal-dialog-centered {
        min-height:calc(100% - (1.75rem * 2));
    }
	
}






/******************************************************************************
PRINT
******************************************************************************/

/* --- STILI PER LO SCHERMO (Screen) --- */
.onlyprint {
    display: none;
}


@media print {
	
	body {
        margin: 0; /* Resetta il margine del body per evitare conflitti con @page */
        padding: 0;
		font-size: .8em;
    }
	
	@page {
        size: A4 portrait; /* Imposta il foglio A4 in verticale (usa 'landscape' per orizzontale) */
        margin: 10mm; /* Margini: Sopra, Destra, Sotto, Sinistra */
    }
	
	/* 1. PRIMA COSA: La griglia e la row */
    .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .col-print-2  { flex: 0 0 16.666667% !important; max-width: 16.666667% !important; }
    .col-print-3  { flex: 0 0 25% !important; max-width: 25% !important; }
    .col-print-4  { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
    .col-print-6  { flex: 0 0 50% !important; max-width: 50% !important; }
    .col-print-9  { flex: 0 0 75% !important; max-width: 75% !important; }
    .col-print-12 { flex: 0 0 100% !important; max-width: 100% !important; }


    .noprint,
	header,
	footer,
	section.title_section
	{
        display: none !important;
    }

    .onlyprint {
        display: block !important;
    }
	
	.page-break {
        break-before: page !important; /* Sintassi standard moderna */
        page-break-before: always !important; /* Supporto per i browser più vecchi */
    }
	
	
    .page-break-before {
        page-break-before: always;
        break-before: page; /* Sintassi moderna */
    }

    .no-page-break {
        page-break-inside: avoid;
        break-inside: avoid;
    }
    
    h1, h2, h3, .print-title {
        page-break-after: avoid;
        break-after: avoid;
    }
	

    a[href]::after {
        content: none !important;
    }
	
	section {
		padding: 10mm !important;
	}
	
	
	.print_header {
		text-align: center;
	}
	
	.print_header_logo {
		margin-bottom: 3em;
	}
	
	.print_header_logo img {
		max-width: 50mm;
	}
	
	.simulatore_risparmio_container {
		margin-top: 1em;
	}
	
	.ribbon_image{
		max-width: 30mm !important;
	}
	
	
    
	
	
}