/**
	Palette > https://coolors.co/5eb1bf-a63a50-222e50-ffe45e
*/


@media (min-width: 1100px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1140px;
	}
	#header .container{
		/* max-width: 1000px; */
	}
}

@media (max-width: 1100px){
	table.t-fx, table.t-fx table {
		table-layout: auto !important;
	}
	.btn-group-sm>.btn, .btn-sm {
		--bs-btn-font-size: 0.75rem;
		padding:0;
	}
	.btn-group {
		height: 27px !important;
	}
	.ui-input-text, .ui-input-search, div.input {
		min-width: unset !important;
		height: 18px !important;
		line-height: 12px !important;
	}
	#italia svg {
		max-height: 280px !important;
		margin:15px 0 -20px 0 !important;
	}
	h3.mt-5{
		margin-top: 1.5rem!important;356
	}
	#scenario .mh {
		margin-right: 25px;
	}
	#graTempi .grafico {
		height: 250px;
	}
	
	#pulCumulato{
		margin-top:30px
	}
	#opzioneGrafico{
		padding: 0 0 10px 0!important;
	}
	#graCosti .grafico{
		margin-top:-20px !important;
		margin-bottom:55px !important;
	}
	#graTempi .grafico{
		margin-top:0px !important;
		margin-bottom:10px !important;
		height: 250px !important;
	}
	#graCosti,
	#graTempi{
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}	
	h2.section-title::after {
		display: none;
	}
}

@media (max-width: 990px){
	body{
		font-size:80% !important;
	}
	h2.section-title{
		font-size: 16px;
		margin: 15px 0 5px 0;
	}
	h3{
		font-size: 13px;
		margin: 10px 0 2px 0;
	}
	table td:first-child{
		min-width:140px;
		padding:.25rem .25rem !important;
	}
	table tr td.p-0{
		padding:0 !important;
	}	
}

@media (min-width: 991px){
	#header h1 > i{
		display:none;
	}
}

@media (max-width: 420px){
	.table-responsive h2.section-title,
	.table-responsive table{
		min-width:420px;
	}
	.table-responsive{
		border-right: 1px solid #dee2e6;
	}
	th[a="1"]{
			min-width:115px;
	}
}

tr.accordion-toggle > td {
	border-bottom:unset;
}

:root {
	--bluScuro: #005b7f;
	--blu: #2573ba;
	--bluChiaro: #B1CBEB;
	--verde: #6dad46;
	--verdeScuro: #538235;	
	--grigio: #454D54;
	--grigio-2: rgba(0, 0, 0, 0.1);
}
body{
	font-size:0.95rem;
	line-height:1.2;
	touch-action: manipulation;
}
.btn.btn-primary{
	background-color: var(--blu) !important;
	border: 1px solid var(--blu) !important;
}
.btn.btn-outline-primary{
	border: 1px solid var(--bluScuro) !important;
}
.modal-body .btn.btn-outline-primary:hover{
	background-color: var(--blu) !important;
}
.bg-primary{
	background-color: var(--verde) !important;
}
.bg-primary-2 {
	/* background-color: var(--bs-gray-300) !important; */
	border-left: 1px solid var(--blu);
	border-bottom: 1px solid var(--blu);
	border-right: 1px solid var(--blu);
}
.btn-outline-primary{
	font-weight:bold;
	color: var(--blu);
	border-color: var(--blu);
	background-color:#fff;
}
.btn-check:not(:checked)+.btn:hover{
	color: var(--blu);
	border-color: var(--blu);
	background-color: var(--bluChiaro);
}
.form-check-input:checked,
.btn-check:checked+.btn{
	background-color: var(--bluScuro) !important;
	border-color: var(--bluScuro);
}
.form-check-input:checked,
.form-check-input:focus{
	box-shadow: 0 0 0 0.25rem #87878733;
}
.btn-outline-primary i{
	font-size: 150%;
	margin-right: 5px;
	font-weight:normal;
	vertical-align: sub;
}
#header.header-top {
	background: var(--bluScuro);
}
#header .messaggi{
	margin-top:30px;
}
#header.header-top > .container > div.messaggi{
	display:none;
}
#header:not(.header-top) span.grigio{
	/* background: var(--bs-gray-600); */
	color: #ff6a00;
	padding: 1px 0;
	font-size: 1.1em;
}
h2.section-title {
	color: var(--verde);
}
h2.section-title::after {
	background: var(--verde);
}
#header .nav-link i.bi {
	color: var(--blu);
}
#header h1 > i{
	margin-left: 10px;
	/* margin-bottom: 0px; */
	color: var(--bluScuro);
	font-size:20px;
	/* position: absolute; */
}
.navbar a, .navbar a:hover, .navbar a:focus {
	color: var(--bluScuro);
}
.btn-group{
	height: 35px;
}
.btn-group label{
	line-height:25px;
}

thead.bg-primary {
	color: #ffffff;;
}
#scenario thead{
	height: 40px;
	vertical-align: middle;
}
#scenario table.t-fx{
	height: 30%;
}
#scenario .mh{
	min-height:700px
}
table {
	text-align:center;
	background-color:#FFFFFF;
}
table.t-fx,
table.t-fx table{
	table-layout:fixed;
}	
table td:first-child,
table td.sx{
	text-align:left !important;
	padding: 0.3rem 0.5rem;
}
table.table td:first-child{
	/* padding: 0.5rem 0.5rem; */
}
table.table{
	margin-bottom:0 !important;
}
.table>thead,td {
	vertical-align: middle;
}
.form-check > input, .form-check > label{
	cursor: pointer;
	margin-top: 5px;
}
#risultati table tbody td:not(:first-child){
	text-align:right;
	/* padding-right:10px; */
}
#risultati table.table td{
	font-size:90%;
}
table.t-euro tbody td:not(:first-child)::after, span.euro::after{
	content:"€";
	margin-left:2px;
}
table.t-ore tbody td:not(:first-child)::after,td.t-ore::after{
	content: "h";
	margin-left: 2px;
	font-size:85%;
}
table.t-ore.t-min tbody td:not(:first-child)::after,td.t-min::after{
	content: "m";
	margin-left: 2px;
	font-size:85%;
}
tr.accordion-toggle td{
	cursor:pointer;
	color:#5eb1bf;
	color: var(--blu);
	font-weight:bold;
	padding: 0.2rem 0.5rem;
}
tr.accordion-toggle td:hover{
	background-color: #222e502e;
}
tr.accordion-toggle td::before{
	content: "\f285";
	margin-right:5px;
	font-family: bootstrap-icons !important;
	display: inline-block;
	transform: rotate(90deg);
	transition: .3s ease-in-out;
}
tr.accordion-toggle.collapsed td::before{
	transform: rotate(0deg);
	transition: .3s ease-in-out;
}
.tot{
	font-weight:bold;
}
table i:not(.info), h2 > i{
	margin-right:7px;
	font-size:130%;
	color: var(--verde);
	border-radius: 50%;
	vertical-align: middle;
}
h2 > i{
	margin-right: 5px;
	font-size: 100%;
	vertical-align: unset;
}
span.diff{
	padding: 0 4px;
	margin:2px 5px;
	font-size: 85%;
	background-color: var(--grigio);
	background-color: #fff;
	color:green;
	border-radius: 2px;
	float:left;
}
span.diff.neg{
	color:red;
}
span.diff::after{
	content:"%";
	/*margin-left:2px;*/
}
.gr-prospettiva{
	/* width: 100%; */
}
.dettaglio, tr.dettaglio i{
	background-color: var(--blu) !important;
	color:#fff;
	/* font-weight: bold; */
}
div.dettaglio{
	border-left: 2px solid var(--blu);
	border-right: 2px solid var(--blu);
	padding-bottom: 2px;
}
tr.dettaglio i{
	margin-left:0;
	font-weight: 100;
}
#graCosti .grafico{
	height: 380px;
	margin: 20px 0;
}
#graTempi .grafico{
	height: 220px;
}
div.paziente.txt{
	border: 2px solid #e5e5e5;
	text-align:center;
	padding: 20px;
	margin: 56px 20px 0px 20px;
	line-height:1.4em;
}
.totArea{
	/* font-weight:normal; */
	font-size: 90%;
}
#pulCumulato{
	padding: 0;
	color: var(--verde);
	background-color: #ffffff;
	border: 3px solid var(--verde);
}
#pulCumulato i{
	margin-right:10px;
	font-weight:bold;
}
#cumulato{
	text-align:center;
	/* padding: 15px 13px 12px 13px; */
	color:#ffffff;
	background-color: var(--verde);
	border: 3px solid #ffffff;
	border-radius: 10px;
	box-shadow: inset 0px 0px 10px 0px #00000036;
	cursor:pointer;
}
#cumulato> div,
#pulCumulato> div{
	margin: 10px;
}
#cumulato span {
	font-weight:bold;
	font-size: 1.4em;
	display: inline-block;
}
#cumulato.collapsing,
#pulCumulato.collapsing {
	/*transition: none !important;*/
	transition-property: height, visibility;
	transition-duration: 0.15s
}

/* ======= Info-salva-apri =======*/

#navbar .nav-funz{
	cursor:pointer;
	font-size:125%;
	margin-left: 20px;
	color: var(--blu);
}
#header.header-top #navbar .nav-funz{
	color: unset;
}

#navbar:not(.navbar-mobile) :nth-child(1 of li.nav-funz){
	padding-left: 20px;
	border-left:1px solid #ffffff;
}
:nth-child(2 of #header:not(.header-top) .nav-funz){
	display:none;
}
i.bi.info{
	cursor:pointer;
	float:right;
	position: relative;
	margin-left: -15px;
}

.infoProspettiva > i.info{
	float:unset;
	margin-left:10px;	
}
#risultati[prospettiva=centroSM] #tabCosti table.detCosti > tbody > tr:not(.centroSM),
#risultati[prospettiva=societa] #tabCosti table.detCosti > tbody > tr:not(.societa),
#risultati[prospettiva=paziente] #tabCosti table.detCosti > tbody > tr:not(.paziente),
#risultati[prospettiva=centroSM] #tabTempi > .col > div > div:not(.centroSM),
#risultati[prospettiva=societa] #tabTempi > .col > div > div:not(.societa),
#risultati[prospettiva=paziente] #tabTempi > .col > div > div:not(.paziente),
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] table.lavoroNonRimborsato_LT th[a="1"],
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] table.lavoroNonRimborsato_LT td[a="1"],
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] #costiTotali_LT th[a="1"],
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] #costiTotali_LT td[a="1"],
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] .lungoTermine table.detCosti th[a="1"],
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] .lungoTermine table.detCosti td[a="1"],
#risultati[orizzontetemporale=treAnni][valutazione=tempi] #opzioneGrafico,
#risultati[orizzontetemporale=lungoTermine][prospettiva=paziente] #opzioneGrafico,
#risultati[orizzontetemporale=lungoTermine] #pulCumulato,
#risultati[prospettiva=centroSM] .treAnni h2.section-title.societa,
#risultati[prospettiva=centroSM] h2.section-title.paziente,
#risultati[prospettiva=paziente] h2.section-title.centroSM,
#risultati[orizzontetemporale=lungoTermine] div.paziente.txt,
#risultati[prospettiva=centroSM] div.paziente.txt,
#risultati[prospettiva=societa] div.paziente.txt,
#risultati[valutazione=costi] div.paziente.txt span.tempi,
#risultati[valutazione=tempi] div.paziente.txt span.costi,
#risultati[prospettiva=paziente] .infoProspettiva > i.info.centroSM,
#risultati[prospettiva=societa] .infoProspettiva > i.info.centroSM,
#risultati[orizzontetemporale=treAnni] .infoProspettiva > i.info.lungoTermine,
#risultati[orizzontetemporale=lungoTermine] .infoProspettiva > i.info.treAnni,
#risultati[orizzontetemporale=treAnni][prospettiva=centroSM] div.centroSM.lungoTermine.txt,
#risultati[orizzontetemporale=lungoTermine][prospettiva=centroSM] div.centroSM.treAnni.txt,
#risultati[orizzontetemporale=lungoTermine] .infoCosti i.info,
#risultati[prospettiva=paziente] .infoCosti i.info,
#risultati[orizzontetemporale=treAnni][prospettiva=paziente] #graCosti,
#risultati[orizzontetemporale=treAnni][prospettiva=paziente] #graTempi,
#risultati[orizzontetemporale=treAnni][prospettiva=paziente] #opzioneGrafico {
	display:none;
}
td[a=anniDiVita]::after,
td[a=anniDiTrattamento]::after,
.no-euro::after{
	content:"" !important;
	margin:unset !important;
}