/*
	rosso			#b6143d
	rosso scuro	    #8e2742
	grigio			#333F48
	grigio chiaro	#b7b7b7
	giallo			#c39f4e
	marrone scuro 	#866c33
	
*/

@font-face {
	font-family: 'Mulish-Medium';
	src: url('../../../fonts/Mulish-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Mulish-Black';
	src: url('../../../fonts/Mulish-Black.ttf') format('truetype');
}
html {
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
body, input {
	font-family: 'Mulish-Medium', sans-serif;
	margin: 0;
}
body > div {
	background: #fff;
	height: 768px !important;
	overflow: hidden !important;
}
div.content,
div.header{
	width:100%;
	min-width: 590px;
	max-width: 1300px;
	margin: auto;
    display: block;
}
@media only screen and (max-width: 1380px) {
	div.header{
		width:964px;
	}
	div.content{
		width:954px;
	}
}
div.content {
    margin-top: 5px;
    border: 1px solid #cacaca;
    padding: 15px 25px;
    height: 580px;
    overflow-x: hidden;
    overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}


/*--HEADER--*/

div.header {
	height: 65px;
	margin-bottom: 30px;
	padding: 0 30px;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
div.header > span.tit {
    font-family: 'Mulish-Medium', sans-serif;
    font-size: 12px;
    padding: 8px 0 0 0;
    color: #ffffff;
    text-shadow: 1px 1px 2px #580404;
    display: inline-block;
    position: absolute;
}
div.header > span.titScenario {
	font-size: 12px;
    color: #676767;
    position: relative;
    top: 50px;
    text-shadow: none;
}
div.header > div {
	width: 150px;
	font-size: 18px;
	position: relative;
	bottom: -33px;
	color: #535353;
	margin-top: 4px;
	margin-right: 27px;
	padding: 5px 0 2px 0;
	box-shadow: 0px -6px 7px #42424247;
	border-radius: 4px;
	vertical-align: top;
    border-top: 3px solid #b3b3b3;
	background: rgb(249, 249, 249);
	background: -moz-linear-gradient(0deg, rgba(249, 249, 249,1) 60%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(249, 249, 249,1) 60%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(249, 249, 249,1) 60%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#ffffff",GradientType=1);
	
}
div.header > div:active {
	color: #8e2742;
}
div.header > div.current {
	font-family: 'Mulish-Black';
	color: #8e2742;
	border-top:3px solid #b6143d;
}
div.header > div.pulDx {
	float: right;
	width: 29px;
	height: 24px;
	padding-left: 2px;
	margin-right: 0px;
	margin-left: 10px;
	border-radius: 17px;
    border: 1px solid #a0a0a06b;
}



p {
	margin: 0;
}
tr.b td,
td.b {
    font-weight:bold;
}
.sx {
	text-align: left !important;
}
.dx {
	text-align: right !important;
}
.cn {
	text-align: center !important;
}
div {
	display: inline-block;
}
.nascosto,
.colspan6,
.mostraInPDF {
	display: none;
}
.invisibile {
	opacity: 0;
}
table {
	width: 100%;
	font-size: 13px;
	border-spacing: 0;
	border-top: 3px solid #b7b7b7;
	border-bottom: 3px solid #b7b7b7;
	margin-bottom: 8px;
}
table > tbody > tr > td:first-child, table tr > th:first-child {
	text-align: left;
	border-left: 1px solid #b7b7b7;
}
table > tbody > tr > td.cn, table tr > th.cn{
	text-align: inherit;
	border-left: inherit;
}

table > tbody > tr:nth-child(odd) {
	background: #ffdf9126;
	text-shadow: none;
}
table > tbody > tr:nth-child(even) {
	text-shadow: none;
}
th {
	font-weight:bold;
	background: #866c33;
	color:#ffffff;
	padding-left: 8px;
	padding-right: 8px;
}
th, td {
	padding: 1px 8px;
	text-align: center;
	height: 21px;
	line-height: 1.4em;
	border-right: 1px solid #b7b7b78a;
	border-bottom: 1px solid #b7b7b78a;
}
tr.bt td,
tr.bt th {
	border-top: 2px solid #b7b7b7;
}
tr.bb td,
tr.bb th {
	border-bottom: 2px solid #b7b7b7;
}
td.br,
th.br {
	border-right: 2px solid #b7b7b7 !important;
}
td.br1,
th.br1 {
	border-right: 1px solid #b7b7b78a !important;
}
td.bl,
th.bl {
	border-left: 1px solid #b7b7b7 !important;
}

tr.tot td{
	font-weight:bold;
	background:#f1daa9;
}

.spacer {
	background: #b7b7b7;
	width: 15px;
}
.perc:after {
	content: "%";
	margin-left: 3px;
}
.euro:after {
	content: "€";
	margin-left: 3px;
}	
h2 {
    font-family: 'Mulish-Black';
    margin-top: 0;
    margin-bottom: 1px;
    font-size: 14px;
    color: #8e2742;
}

/*  POPOLAZIONE  */

#marketShare tr td:nth-child(1),
#marketShare tr td:nth-child(2) {
	border-right: 2px solid #b7b7b7;
}
#pazManualeSwitch,
#adesionePaybackSwitch{
    position: absolute;
    width: 180px;
    margin-left: 900px;
    z-index: 1;
    display: inline-block;
}

@media only screen and (max-width: 1380px) {
	#pazManualeSwitch,
	#adesionePaybackSwitch{
		margin-left: 650px;
	}
}

#pazManualeSwitch label,
#adesionePaybackSwitch label{
	font-weight: bold;
    font-size: 13px;
	margin: 5px 0 0 0;
}
.ui-page-theme-a .ui-flipswitch-active{
	background-color: #c39f4e;
    border-color: #c39f4e;
    text-shadow: 0 1px 0 #501525;
}
.ui-page-theme-a .ui-btn:focus{
	-webkit-box-shadow: 0 0 12px #565656;
    -moz-box-shadow: 0 0 12px #565656;
    box-shadow: 0 0 12px #565656;
}

.disclaimer{
    font-size: 13px;
    text-align: center;
    color: #b1b1b1;
    margin-top: -22px;
	
}
/* PAGINA RISULTATI  */

#risultati table tr td{
	text-align:right;
}
#risultati table.pz tr td{
	text-align:center;
}
#risultati table tr td:nth-child(1){
	text-align:left;
}
#confrontoCosti td:after,
#budgetImpact td:after {
	content: "€";
	margin-left: 3px;
}
#confrontoCosti tr td:nth-child(1):after,
#budgetImpact tr td:nth-child(1):after{
	content: unset;
	margin-right: unset;
}
#confrontoCosti tr td:nth-child(1),
#confrontoCosti tr td:nth-child(4),
#budgetImpact tr td:nth-child(1),
#budgetImpact tr td:nth-child(4){
	border-right: 2px solid #b7b7b7;
}
div.focus{
	width: 100%;
	margin:0 0 10px 0
}
div.focus[m=focusGilteritinib] h2{
	font-size:105%;
}
div.focus[m=focusGilteritinib] table{
	margin-bottom:15px;
	font-size:96%;
}

div.focus[m=focusGilteritinib] td,
div.focus[m=focusGilteritinib] th{
	padding-top:6px;
	padding-bottom:6px;
}

#grafico1,
#grafico2{
	width: 600px;
	height: 240px;
	margin-top:5px;
	margin-left:150px;
}
#grafico1 .jqplot-series-2{
    background: rgba(96, 125, 139, 1);
    color: #ffffff;
    padding: 1px 4px;
    border-radius: 2px;
    text-shadow: 0 1px 0 #09080847;
    font-weight: bold;
}
#risultati .jqplot-target table tr td{
	text-align: left;
}
table.jqplot-table-legend td{
	border:unset;
}
table.jqplot-table-legend{
	width:500px;
	font-size:13px;
	margin-left:50px;
}
div.jqplot-table-legend-swatch-outline{
	padding:0;
	border:unset;
	margin-right: 10px;
}
table.jqplot-table-legend > tbody > tr:nth-child(odd){
	background:unset;
}
table.jqplot-table-legend > tbody > tr > td:first-child{
	border:unset;
}
#risultati div.mezzo.d {
	left: 1546px;
}
#graficoSpesaDettaglio .jqplot-xaxis-tick {
	font-size: 0.75em;
}
div.mezzo {
	width: 48%;
}
div.mezzo.d {
	float: right;
}/*
#risultati table {
	margin-top:18px;
}*/
#risultati .a {
	width: 2800px;
	position: relative;
}
#risultati .content.tab > .a{
	left: 0 !important;
}
#risultati .content.gra > .a{
	left: -1340px !important;
}

@media only screen and (max-width: 1380px) {
	#risultati .content.gra > .a{
		left: -990px !important;
	}
	table.jqplot-table-legend {
		width: 300px;
		margin-left:0;
		margin-left:20px;
	}
	#grafico1,
	#grafico2{
		margin-left:0;
	}
}

#risultati .a > div {
	vertical-align: top;
	width: 1300px;
	margin-right:40px;
}

#risultati .pulsanti{
	position: absolute;
	width: 1300px;
    text-align: right;
}
@media only screen and (max-width: 1380px) {
	#risultati .a > div {
		width: 955px;
	}
	#risultati .pulsanti{
		width: 955px;
	}
}

#risultati .b {
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}


.ui-page-theme-a .ui-focus {
	box-shadow: none;
}
.pulTab {
    font-size: 80%;
    /* background: #b6143d; */
    border-radius: 6px;
    padding: 3px 15px;
    text-align: center;
    min-width: 100px;
    color: #8e2742;
    margin-top: -7px;
    margin-left: 25px;
    margin-bottom: 10px;
    float: right;
    text-shadow: none;
    border-top: 1px solid #cccccc;
    border-bottom: 3px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
	font-weight:bold;
}
div.pulIcon:active {
	background: #b6143d;
	color: #8e2742;
}


#risultati > div.content > div[m="mercatoComplessivo"] div.pulTab.mercatoComplessivo,
#risultati > div.content > div[m="focusGilteritinib"] div.pulTab.focusGilteritinib {
	background: -moz-linear-gradient(0deg, rgba(142,39,66,1) 10%, rgba(182,20,61,1) 70%);
	background: -webkit-linear-gradient(0deg, rgba(142,39,66,1) 10%, rgba(182,20,61,1) 70%);
	background: linear-gradient(0deg, rgba(142,39,66,1) 10%, rgba(182,20,61,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8e2742",endColorstr="#b6143d",GradientType=1);
    color: #ffffff;
    border-top: 1px solid #b6143d;
    border-bottom: 3px solid #b6143d;
    border-right: 3px solid #b6143d;
    border-left: 3px solid #b6143d;
}
#risultati > div.content > div[m="focusGilteritinib"] div[m="mercatoComplessivo"],
#risultati > div.content > div[m="mercatoComplessivo"] div[m="focusGilteritinib"]{
	display:none;
}