/* CSS Document */

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width




 */
 
 
 /* CSS Document */

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */

 .waitSubmit:hover{
	cursor: pointer;
}


/************************ BREADCRUMB FORM-WHITE *****************************/
.wizBc.h{
	color: #2b5b90 !important;
	font-size: 1.2em;
	text-align: center;
}
.wizBc ul{
	text-align: center;
	padding:0;
	margin-top: 15px;
	margin-bottom: 10px;
}
.wizBc li {
	color: white;
	font-weight: bold;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	border-radius: 1em;
	background: #2b5b90;
	margin: 0 8px;
	display: inline-block;
	position: relative;
}

.wizBc li a{
	color: white;
	font-weight: 500;
}

.wizBc li:not(.active)::before{
	content: '';
	position: absolute;
	top: .9em;
	left: -22px;
	width: 1.5em;
	height: .2em;
	background: #2b5b90;
	/*opacity: .5;*/
	z-index: 1;
}

.wizBc li.active::before{
	content: '';
	position: absolute;
	top: .9em;
	left: -22px;
	width: 1.5em;
	height: .2em;
	background: #2b5b90;
	/*opacity: 1;*/
	z-index: 1;
}

.wizBc li:first-child{
	margin-left: 0;
}
.wizBc li:last-child{
	margin-right: 0;
}

.wizBc li:first-child::before {
  display: none;
}

.wizBc .active {
  background: #2b5b90;
}

.wizBc [download='true'] {
	background: #2b5b90 !important;
}

.wizBc li:not(.visited){
	opacity: 0.5;
}

.wizBc [download='true']::before{
	background: #2b5b90 !important;
}


/************************ FORM  *****************************/

form{ padding: 15px; }
form .row{ margin-top: 5px; }
form input, form textarea, form select, form option{
	border: 1px solid gray;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-weight: 300;
	font-size: 1.1rem;
	width: 100%;
	
}

form input[readonly=readonly],
form textarea[readonly=readonly],
form select[readonly=readonly],
form option[readonly=readonly]{
	/* border: 1px dotted gray !important; */
	background-color: white !important;
}


form .select2>span>span>span{
	margin: 0;
	font-weight: 300 !important;
	font-size: 1.1rem;
	width: 100%;
	color: black !important;
}

/************************ FINE FORM*****************************/

/* BOTTONI SU PAGINA BIANCA E PAGINA ARANCIONE */

.buttonStyleOff{
	background-color: #2b5b90;
	opacity: 0.4;
	width: 100%;
	padding-right: 10px;
	color: white;
	font-weight: 400;
	cursor: pointer;
}

.buttonStyleOn{
	background-color: #2b5b90;
	color: white;
	width: 100%;
	font-weight: 400;
	cursor: pointer;
}

.buttonStyleOff.reverse{
	background-color: #2b5b90;
	opacity: 0.5;
	color: white;
}

.buttonStyleOn.reverse{
	background-color: #2b5b90;
	color: white;
}


 
 
 
 @-ms-viewport     { width: device-width; }
 @-o-viewport      { width: device-width; }
 @viewport         { width: device-width; }

 * {
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
	box-sizing: border-box !important;         /* Opera/IE 8+ */
}
html, body {
	width: 100vw;
	font-family: 'Oswald';
	font-weight: lighter;
	margin: 0;
	border: 0;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	overflow: hidden !important;
	background-color: #efefef;
	color: #808080;
	font-size: calc(var(--vw1) * 25);

}
.mainContainer{
	height: 100%;
	background-color: #eeeeee;
}
.tray{
	top: var(--headerh);
	overflow: hidden;
	z-index: 99;
	height: calc( var(--vh) - var(--headerh));
}
.container{
	padding-bottom: 50px;
	background-color: #eeeeee,
	height: 100%;
}

/* HUH HEADER */
.header{
	border-bottom: 10px;
	height: 10%;
}
.header #headerContainer{
	font-size: 1em; 
	padding-left: 22px; 
	color: black; 
	background-color: #517793; 
	height: 100%;
}
.header #headerContainer #imgContainer{
	float: left; 
	width: 40%; 
	text-align: center; 
	height: 100%;
}
.header #headerContainer #imgContainer img{
	height: 70%; 
	max-width: 90%; 
	margin-top: 2%;
}
.header #menuContainer{
	float: right; 
	width: 60%; 
	height: 100%;
}
.header .menuItem{
	float: left; 
	width: calc(100% / 6); 
	color: white; 
	position: relative; 
	height: 100%;
}
.header .active{
	color: #f49400 !important;
	font-weight: 300;
}
/* FINE HUH HEADER */

a,
a:link,
a:visited,
a:focus,
a:active{
	text-decoration:none;
	color: #517793;
}
a:hover{
	opacity: 0.5;
	text-decoration:none;
}
label{
	width: 100%;
}
 
/* SELECT2 CSS */
#select2-chooseItinerary-container{
	font-weight: 300;
}
.select2-container--default .select2-selection--single {
	border: 1px solid gray !important;
	height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: black !important;
}
.select2-selection__arrow {
	background-color: #517793;
	color: #fff !important;
	display: flex;
	float: right;
	position: absolute;
	z-index: 10000;
	width: 32px !important;
	right: 0px !important;
	height: 30px !important;
	padding: 6px 10px !important;

}
.s2ReducePadding{
	padding: 6px 6px !important;
}
.select2-selection__arrow i {
	color: #fff !important;
}
.select2-selection__arrow b {
	display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{

	color: #000;
	font-weight: 400;

}
form .select2>span>span>span{
	margin: 0;
	font-weight: 300 !important;
	font-size: 1.1rem;
	width: 100%;
	color: black !important;
}
/* FINE SELECT2 CSS */

/* POPUP JQUERY */
/* POPUP OLD */

.ui-widget[popup='true'] .ui-dialog  {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}


.ui-widget[popup='true'],
.ui-widget[popup='true'] input, .ui-widget[popup='true'] select, .ui-widget[popup='true'] textarea, .ui-widget[popup='true'] button {
    font-family: 'Oswald';
    /*font-size: 1.1em;*/
}

.ui-widget[popup='true'] .ui-widget-header {
	border: 1px solid #aaaaaa;
    /* background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; */
    background-color: orangered;
	color: #222222;
    font-weight: bold;
    opacity: 0;
}

.ui-widget[popup='true'] .ui-widget-content {
	border: none !important;
}

.ui-widget[popup='true'].ui-widget-content {
    border: none !important;
	background-color: transparent;
}


.ui-dialog .ui-dialog-buttonpane {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
}

.ui-dialog .ui-dialog-buttonset {
	width: 100%;
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    background-color: #2b5b90;
	color: white;
    border: none;
    border-radius: 4px;
	width: 100%;
	text-align: center;
}


.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
.ui-button.ui-state-disabled:hover, 
.ui-button.ui-state-disabled:active,
button,
button:hover,
button:focus,
button:active,
button:link,
button:not(:focus) {
	border: none !important;
	outline: none !important;
}
#popup{
	padding: 50px 30px 10px 30px;
	font-weight: 300;
}

.popup-title{
	color: #2b5b90;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.popup-icon{
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: #2b5b90;
	color: white;
	border-radius: 50%;
	top: 0;
	left: 110px;
	text-align: center;
	font-size: 2.5rem;
	padding-top: 5px;
}


#popup a{
	color: #2b5b90;
	text-decoration: underline;
}

.ui-widget[popup='true']-overlay{
	opacity: 0.9 !important;
	background-color: black;
	z-index: 9999;
}
/* FINE POPUP JQUERY */

 

.leaflet-popup-content-wrapper{
	 border-radius: 0 !important;
 }


.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.leaflet-popup-content{
	margin: 0 !important;
	width: 120px !important;
	max-width: 10vw !important;
	white-space: initial;
	word-wrap: break-word;
}
.slider-tick-label.label-is-selection,
.slider-tick-label{
	font-size: .7em;
	font-weight: bold;
}
/* PARTE MAPPA  */

/* PARTE MAPPA AZIONI ( SINISTRA ) */

#mapActions{
	background-color: rgba(26,66,98,1);
	border-right: 2px solid #517793;
	/* width: 185px; */
	width: 200px;
	float: left; 
	position: relative; 
	height: 100%;
	padding: 0 15px;
}
#mapActions #mapActionsContainer{
	height: 100%; 
	position: relative;
}
#mapActions #mapActionsContainer .title{
	color: white; 
	font-size: 27px;
	margin-bottom: 0;
}
#mapActions #mapActionsContainer .subtitle{
	color: white;
	font-size: 20px;
	line-height:24px;
	margin-bottom: 0;
}
#mapActions #mapActionsContainer #outLookContainer{
	/* height: 7.5%;  */
	/* background-color: #2b5b90; */
	margin-bottom: 2em; 
	margin-top: 0.8em;
	padding-bottom: 5px;
	color: white;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	position: relative;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#mapActions .selectbox {
	margin-bottom: 0.6em;
}

#mapActions .selectbox label{
	display: none;
}

#mapActions #mapActionsContainer #fltRisksSelection{
	padding-top: 10%;
}
#mapActions #mapActionsContainer #fltRisksSelection .buttonMap.on svg path{
	fill: white !important;
}
#mapActions #mapActionsContainer #fltRisksSelection .buttonMap{
	display: inline-block;
	border: 1px solid gainsboro; 
	text-align: center;
	width: 100%;
	border: 1px solid rgb(26,66,98);
}
#mapActions #mapActionsContainer #fltRisksSelection .buttonMap.on,
#btnResetFlts.on{
	background-color: #2b5b90;
	fill: white;
	color: white;
}
#mapActions #mapActionsContainer #fltRisksSelection .buttonMap.off,
#btnResetFlts.off{
	background-color: white !important;
	fill: #999 !important;
	color: #999;
}
/* #mapActions #mapActionsContainer #fltRisksSelection */ .buttonMap svg{
	height: 20px !important;
}
.riskTypeIcon{
	margin: 0;
	text-align: center;
	padding-bottom: 2px;
	display: inline-block;
	margin-right: 5px;
}
.riskTypeIcon svg{
	height: 20px;
}
#mapActions #mapActionsContainer #fltRisksSelection .buttonMap.off svg path{
	fill: #999;
}
#mapActions #mapActionsContainer #btnLegend
{
	background-color: #517793; 
	color: white;
}


#mapActions #mapActionsContainer .smallFooter{
	font-size: 10px;
	color:white;
}

#mapActions #mapActionsContainer .smallFooter a{
	font-size: 9px;
	color:white;
	font font-weight: 700;
	text-decoration: underline;
}

.containerSmallFooter{
	height: calc( 100% - 566px );
	width: 100%;
	position: absolute; 
	bottom: 0; 
	padding-bottom:10px;
	overflow: auto;
}

/* PARTE MAPPA LEAFLET ( DESTRA ) */

#mapContainer{
	width: calc( 100% - 200px ); 
	float: left; 
	height: 100%;
	position: relative;
}
#mapContainer #map{
	height:100%; 
	width: 100%; 
	background-color: white;
}
#mapContainer #overlay{
	display: none; 
	height: calc( 100% - 80px); 
	position: absolute; 
	min-width: 450px; 
	width: 30%; 
	top: 5px; 
	z-index: 999999999; 
	right: 10px; 
	background-color: rgba(255,255,255,.9);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 4px;

}
#overlayLegend{
	/* display: none; */ 
	min-height: 500px;
	max-height: calc( 100% - 80px); 
	position: absolute; 
	min-width: 450px; 
	width: 30%; 
	top: 5px; 
	padding: 10px;
	z-index: 999999999; 
	left: 5px; 
	background-color: rgba(255,255,255,.9);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 4px;
	overflow-y: auto;
}
#mapContainer #overlay #closeOverlay{
	position: absolute; 
	right: 1em;
	top: .7em; 
	color: white;
	width: 25px;
	cursor: pointer;
	text-align: right;
	padding-right: 3px;
}
#overlayLegend #closeOverlay{
	float: right; 
	width: 25px;
	color: white;
	text-align: right;
	padding-right: 3px;
	cursor: pointer;
}
#overlayContainer .starred svg { 
	width: 23px;
	height: 23px;
}

#overlayContainer .label{ 
	margin: 0.2em 0 .4em 0;
}

#overlayContainer .label, #fltRisksSelection .label{ 
	font-size: .8em;
	font-weight: 300;
	color: #2b5b90;
	text-transform: uppercase;
}

#fltRisksSelection .label{ 
	margin: 1em 0 .4em 0;
}

#fltRisksSelection .label{ 
	text-align: center;
}

#overlayContainer .contentcontent hr{
	border: none;
}

#overlayContainer .contentcontent ul li {
	margin-left: -15px;
}

#mapContainer #overlay #overlayContainer hr,
.separator{
	margin: .4em 0;
}
#mapContainer #otlsContainer{
	position: absolute; 
	z-index: 99999999; 
	width: 100%; 
	height: 70px; 
	bottom: 0; 
	background-color: rgba(255,255,255,0.75);
	padding-top: 10px;
}
#mapContainer #otlsContainer #otlsSlider{
	position: relative; 
	width: 100%;
	font-size: .8em;
}
.slider-handle{
	background-image: linear-gradient(to bottom, #2b5b90, #2b5b90);
}
.slider-tick{
	background-color: #2b5b90;
	background-image: linear-gradient(to bottom, #808080, #808080);
}

/* PARTE TOOLTIP MAPPA */
.popupMapTitle{
	font-size: 1.5em; 
	font-weight: bold;
	color: #517793;
}

.iconPopup{
	 color: #517793
 }
.cntName{
	color: black; 
	font-weight: bold; 
	font-size: 1.6em; 
	font-family: 'Oswald';
	padding-top: 0.1em;
}
.cntRegion{
font-size: 1.2em;
}
.popupCntListReg{
	border-bottom: 1px solid gainsboro;
	padding: 5px;
	font-size: .85em;
}
.popupCntRisks{
	padding: 5px;
	border-bottom: 1px solid gainsboro;
}
.popupCntRisks svg{
	width: 1.3em;
	margin-right: .4em;
}
.popupCntGraph{
	padding: 5px;
}
/* FINE TOOLTIP MAPPA */
/* #overlay #risks  */.icon{
	width: 2em; 
	height: 2em; 
	margin-right: .8em;
	fill: rgb(26,66,98);
}
/* #overlay  */#ipcphase .ipcphase{
	/* float: right; */
	width: 4em;
	color: black;
	text-align: center;
	font-size: .9em;
	line-height: 1.3em;
}
/* #overlay */ #ipcphase .ipcphase .icon{
	height: 75%; 
	width: 75%; 
	margin: auto;
}
/* #overlay */ #ipcphase .number{
	font-weight: 700;
	font-size: 1.4em;
}
/* #overlay */ #ipcphase .prevalence{
	/* float: left; */ 
	/* width: 20%;  */
	text-align: center; 
	font-size: 3em;
}

#ipcphaseTooltip #ipcphase .prevalencelabel {
	font-size: .7rem !important;
}
#ipcphaseTooltip #ipcphase  .ipcphase{
	height: 30% !important; 
	width: 30% !important; 
}
.leaflet-bar a {
    border-bottom: none;
    display: block;
    height: 26px;
    width: 26px;
    line-height: 1.45 !important;
    text-align: center;
    text-decoration: none;
    font: bold 18px'Lucida Console', Monaco, monospace;
	color: #2b5b90
}

/* TOOLTIP */

.tooltipRisks .label{
	display: none;
}

.tooltip-inner {
    padding: 3px 8px;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0,.8);
    border-radius: .25rem;
	font-size: .8em;
	font-family: 'Oswald';
	font-weight: 300;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: rgba(0, 0, 0,.7);
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(0, 0, 0,.7);
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: rgba(0, 0, 0,.7);
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(0, 0, 0,.7);
}

.leaflet-tooltip {
	max-width: 40vw !important;
  }

table.timeline {
	width: 100%;
}

table.timeline td{
	vertical-align: middle;
	text-align: center;
	font-size: 0.7em;
	font-weight:400;
}

table.timeline td i{
	font-size: 1rem;
}

table.timeline td i:hover{
	font-size: 1rem;
	color: #2b5b90;
	cursor: pointer;
}

.RTK_divScrollableWizards{
	height: 100%; 
	overflow: hidden auto;
}
.wrapperFooter{
	z-index: 900; 
	position: absolute; 
	width: 100%;  
	bottom: 0px;
	margin: auto;
	left: 50%;
  	transform: translateX(-50%);
}
.buttonBar{
	padding: 15px;
	/* background-color: #feecf5; */
	background-color: white;
}
body.AddOutLookCnt .mainContainer,
body.OutLooks .mainContainer,
body.AddOutLook .mainContainer,
body.OutLooksCnts .mainContainer{
	background-color: gainsboro;
	/* padding-top: 90px; */
}
.tray.AddOutLookCnt,
.tray.OutLooksCnts,
.tray.OutLooks,
.tray.AddOutLook,
.tray.Lgn{
	background-color: white;
	padding-top: 15px;
	max-width: 500px;
	margin: auto;
}
.tray.AddOutLookCnt input,
.tray.AddOutLookCnt textarea,
.tray.AddOutLookCnt select,
.tray.AddOutLook input,
.tray.AddOutLook textarea,
.tray.AddOutLook select
{
	background-color: #e6e6e6;
	border: none;
}
.tray.AddOutLookCnt i,
.tray.OutLooks i
.tray.AddOutLook i,
.tray.OutLooksCnts i
{
	color: white !important;
}
.tray.AddOutLookCnt label,
.tray.AddOutLook label
{
	color: black;
	font-weight: 300;
	font-size: .9em;
}

.getPhasesPrevalence{
	float: left; 
	margin-right: 5px;
}

.getPhasesPrevalence:nth-child(8){
	float: right;
}
.tray.Map{
	top: 0 !important;
	height: 100vh;
}
#appNav_back a{
	color: white !important;
	float: left;
}

.selRisk i{
	color: #517793 !important;
}

.actOnMap.active i{
	color: #517793;
}

.txtLinkContainer{
	width: 100%; 
	position: relative;
}

.txtLinkContainer .delViewLink{
	position: absolute; 
	right: 5px; 
	top: .6vw; 
	cursor: pointer;
}