@font-face {
	font-family:"Titillium Web";
	src: url("https://www.lavoroinlombardia.it//viewerOA/bootstrap-lombardia/dist/fonts/Titillium_Web/TitilliumWeb-Regular.woff2") format("woff2"), 
	url("https://www.lavoroinlombardia.it//viewerOA/bootstrap-lombardia/dist/fonts/Titillium_Web/TitilliumWeb-Regular.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	}
	@font-face {
	font-family:"Titillium Web";
	src: url("https://www.lavoroinlombardia.it//viewerOA/bootstrap-lombardia/dist/fonts/Titillium_Web/TitilliumWeb-Bold.woff2") format("woff2"), 
	url("https://www.lavoroinlombardia.it//viewerOA/bootstrap-lombardia/dist/fonts/Titillium_Web/TitilliumWeb-Bold.woff") format("woff");
	font-weight: bold;
	}
	@font-face {
	font-family:"Titillium Web";
	src: url("https://www.lavoroinlombardia.it//viewerOA/bootstrap-lombardia/dist/fonts/Titillium_Web/TitilliumWeb-Light.woff2") format("woff2"), 
	url("https://www.lavoroinlombardia.it//viewerOA/bootstrap-lombardia/dist/fonts/Titillium_Web/TitilliumWeb-Light.woff") format("woff");
	font-weight: lighter;
		}
     
      #viewDiv {
        padding: 0;
        margin: 0;
        width: 100%;
      }

      .esri-view .esri-locate {
        position: fixed;
        bottom: 100px;
      }

      .esri-view .esri-component.esri-attribution {
        position: fixed;
      }

      /*toglie bordo al div map*/
      .esri-view .esri-view-surface--touch-none {
        outline: none !important;
      }

      .esri-view .esri-view-surface--inset-outline:focus::after {
          outline: none !important;
      }

      /*toglie bordo al button nel popup identify*/
      .esri-popup__header-container--button {
        border: 0px !important;
      }

      /*expand aperto*/
      .esri-component .esri-expand .esri-widget .esri-expand--auto {
        position: absolute !important;
        left: 385px !important;
        top: 0px;
      }

      .esri-directions__disclaimer {
        display: none;
      }

      .esri-directions__costs div:nth-child(2) {
        display: none;
      }

      /*
      INIZIO HEADER
      =============
      */

      /* ridimensiona e posiziona la main page per far posto all'header  */
      div#viewDiv {
        margin-top: 152px; /* altezza dell'header */
        height: 80%; /* fallback */
        height: calc(100vh - 152px);
      }

      /* l'header è creato come uno pseudo-elemento CSS: non serve alcuna modifica all'HTML :) */
      #divHeader {
        display: block;
        overflow: hidden;
        box-sizing: border-box;

        position: absolute;
        left: 0;
        top: 0; /* altezza dell'header */
        height: 152px; /* altezza dell'header */
        width: 100%;
        padding: 0 10px 0 180px;

        /* fascia principale e logo */
        background-color: #FFF;
		background-image: url('img/logo-rl.png'); /* logo */
		background-size: 181px;
        background-position: 24px 23px;
        background-repeat: no-repeat;

        /* strisce colorate */
        border-top: 58px solid #297A38;
        /*border-bottom: 10px solid #00264D;*/

		/* tipografia del titolo */
		
		font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
		font-size: 18px;
		font-weight: 700;
        line-height: 55px; /* altezza dell'header - somma dei bordi */
		white-space: nowrap; /* non va a capo */
		
        /*text-align: right;
        text-transform: uppercase;*/
        text-overflow: ellipsis; /* tronca con puntini se non ci sta & overflow: hidden */
        color: #455b71;
	  }
	  
	  @font-face {
    font-family: "Avenir Light";
    src: url("https://portalgis.lispa.it/portal/apps/webappviewer/jimu.js/css/fonts/avenir-next/bb590848-4012-46d6-a8d5-48c9893a176b.woff2") format("woff2"), url("https://portalgis.lispa.it/portal/apps/webappviewer/jimu.js/css/fonts/avenir-next/3a42a252-67ff-4186-88cf-762f56719ca1.woff") format("woff");
}

      .headerTitle {
        margin-right: 20px;
        height: 80px;
        position: absolute;
		right: 0px;
		
		margin-left:9px;
        padding-top: 22px;
        /*vertical-align: middle;
        width: 79px;*/
        left: 220px;
        /*text-align: right;*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      /*
        FINE HEADER
        ===========
      */

			/* directions style */
			body{
				margin: 0px;
			}


      .esri-view .esri-directions {
        position: fixed;
        left: 0px;
        top: 0px;
      }

      /*position widget direction senza usare expand*/
      .esri-component.esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
        min-height: calc(100vh - 350px);
      }

      /*position widget direction usando expand*/
      .esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
        min-height: calc(100vh - 350px);
        top: 158px;
      }

      .containerTitleRouting {
        position: absolute;
        /*top: 75px;
        left: 20px;*/
        top: 152px;
        left: 0px;
        background-color: white;
		/*font: normal 13px 'Trebuchet MS Bold', 'Trebuchet MS', sans-serif;*/
		font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
		font-size:15px;
        width: 350px;
        height: 40px;
        text-align: center;
      }

      .positionTitleRouting {
          margin-top: 15px;
      }

      .esri-directions__section {
        margin-top: 0px;
      }
      .esri-directions__panel-content {
        padding-top: 0px;
      }

      .esri-directions__stop-row:first-child {
        padding-top: 0px;
      }

      .esri-popup__action {
        max-width: 100px !important;
      }


			/* Style the tab content */
			.tabcontent {
				display: none;
				padding: 6px 12px;
				border: 1px solid #ccc;
				border-top: none;
				background-color: white;
				height: calc(100vh - 231px);
			}

			#divRisultatiIstituti{
				margin-top: 35px;
				overflow: auto;
				height: calc(100vh - 264px);
				width: 333px;
		
			}

			.divRicercaContainer {
			    margin-top: 0px;
			    overflow: auto;
			    height: calc(100vh - 236px);
			    width: 324px;
			}

			.singleSchool{
				overflow: auto;
				height: calc(100vh - 230px);
				width: 333px;
		
			}
			

      @media (max-width: 573px) {
        /* CSS that should be displayed if width is equal to or less than 573px goes here */
        .headerTitle {
            line-height: 20px;
            white-space: pre-wrap;
            margin-top: 5px;
        }
      }

      @media (max-width: 416px) {
        /* CSS that should be displayed if width is equal to or less than 573px goes here */
        .headerTitle {
            margin-top: -6px;
        }
      }

      @media (max-width: 393px) {
        /* CSS that should be displayed if width is equal to or less than 573px goes here */
        .headerTitle {
            margin-top: -15px;
        }
      }

	 

      /*nascondo header se height e' minore di 600 orientamento orizzontale*/
      @media (max-height: 600px) {
        #divHeader {
            display:none;
        }

        div#viewDiv {
            margin-top: 0px;
            height: 80%;
            height: calc(100vh - 0px);
        }

        .containerTitleRouting {
            top: 0px;
        }

        .esri-component.esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
            min-height: calc(100vh - 57px);
        }
        .esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
            min-height: calc(100vh - 57px);
            top: 40px;
				}
			
				#divRisultatiIstituti{
					margin-top: 35px;
					overflow: auto;
					height: calc(100vh - 130px);
					width: 333px;
			
				}

				.divRicercaContainer {
					margin-top: 0px;
					overflow: auto;
					height: calc(100vh - 236px);
					width: 324px;
				}

				.tabcontent {
					display: none;
					padding: 6px 12px;
					border: 1px solid #ccc;
					border-top: none;
					background-color: white;
					height: calc(100vh - 82px);
				}

				.singleSchool{
					overflow: auto;
					height: calc(100vh - 130px);
					width: 333px;
			
				}



      }

      /*nascondo header se width e' minore di 560 orientamento verticale*/
      @media (max-width: 560px) {
        #divHeader {
            display:none;
        }

        div#viewDiv {
            margin-top: 0px;
            height: 80%;
            height: calc(100vh - 0px);
        }

        .containerTitleRouting {
            top: 0px;
            display:none;
        }

        .containerOpenRoutingMobile {
            display: block;
            position: absolute;
            top: 10px;
            left: 0px;
            background-color: white;
            background-image: url(img/right.png);
			/*font: normal 13px 'Trebuchet MS Bold', 'Trebuchet MS', sans-serif;*/
			font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
			font-size:15px;
            width: 32px;
            height: 32px;
            text-align: center;
            cursor: pointer;
            box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
            background-size: 24px 24px;
            background-repeat: no-repeat;
            background-position: center;
        }

        .containerCloseRoutingMobile {
            position: absolute;
			top: 10px;
			left: 350px;
			background-color: white;
            background-image: url(img/left.png);
			/*font: normal 13px 'Trebuchet MS Bold', 'Trebuchet MS', sans-serif;*/
			font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
			font-size:15px;
            width: 32px;
            height: 32px;
            text-align: center;
            background-size: contain;
            cursor: pointer;
            box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
            background-size: 24px 24px;
            background-repeat: no-repeat;
            background-position: center;
        }

        .esri-component.esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
            min-height: calc(100vh - 57px);
        }
        .esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
            min-height: calc(100vh - 57px);
            top: 40px;
        }
				
				#divRisultatiIstituti{
					margin-top: 35px;
					overflow: auto;
					height: calc(100vh - 146px);
					width: 333px;
			
				}
				
				.divRicercaContainer {
					margin-top: 0px;
					overflow: auto;
					height: calc(100vh - 236px);
					width: 324px;
				}


				.singleSchool{
					overflow: auto;
					height: calc(100vh - 146px);
					width: 333px;
			
				}


				.tabcontent {
					display: none;
					padding: 6px 12px;
					border: 1px solid #ccc;
					border-top: none;
					background-color: white;
					height: calc(100vh - 98px) !important;
				}

	  }
	  
	  @media (max-width: 300px) {
		#divHeader {
            display:none;
        }

        div#viewDiv {
            margin-top: 0px;
            height: 80%;
            height: calc(100vh - 0px);
        }

        .containerTitleRouting {
            top: 0px;
            display:none;
        }

        .containerOpenRoutingMobile {
            display: block;
            position: absolute;
            top: 10px;
            left: 0px;
            background-color: white;
            background-image: url(img/right.png);
			/*font: normal 13px 'Trebuchet MS Bold', 'Trebuchet MS', sans-serif;*/
			font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
			font-size:15px;
            width: 32px;
            height: 32px;
            text-align: center;
            cursor: pointer;
            box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
            background-size: 24px 24px;
            background-repeat: no-repeat;
            background-position: center;
        }

        .containerCloseRoutingMobile {
            position: absolute;
			top: 10px;
			left: 350px;
			background-color: white;
            background-image: url(img/left.png);
			/*font: normal 13px 'Trebuchet MS Bold', 'Trebuchet MS', sans-serif;*/
			font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
			font-size:15px;
            width: 32px;
            height: 32px;
            text-align: center;
            background-size: contain;
            cursor: pointer;
            box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
            background-size: 24px 24px;
            background-repeat: no-repeat;
            background-position: center;
        }

        .esri-component.esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
            min-height: calc(100vh - 57px);
        }
        .esri-directions.esri-widget.esri-widget--panel.esri-directions__scroller {
            min-height: calc(100vh - 57px);
            top: 40px;
        }
				
				#divRisultatiIstituti{
					margin-top: 35px;
					overflow: auto;
					height: calc(100vh - 146px);
					width: 250px;
			
				}
				
				.divRicercaContainer {
					margin-top: 0px;
					overflow: auto;
					height: calc(100vh - 236px);
					width: 241px;
				}


				.singleSchool{
					overflow: auto;
					height: calc(100vh - 146px);
					width: 250px;
			
				}


				.tabcontent {
					display: none;
					padding: 6px 12px;
					border: 1px solid #ccc;
					border-top: none;
					background-color: white;
					height: calc(100vh - 98px) !important;
				}

      }
	  
	/* Add new CSS*/	
	/* Style the tab */
	.tab {
	  overflow: hidden;
	  border: 1px solid #ccc;
	  background-color: #f1f1f1;
	}

	/* Style the buttons inside the tab */
	.tab button {
	  background-color: inherit;
	  float: left;
	  border: none;
	  outline: none;
	  cursor: pointer;
	  padding: 14px 16px;
	  transition: 0.3s;
	  font-size: 17px;
	  width: 50%;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
	  background-color: #ddd;
	}

	/* Create an active/current tablink class */
	.tab button.active {
	  background-color: #297a38;
	  color: white;
	}

	
	
	.esri-input.esri-search__input{
		border: 2px solid #808080;
	}
	.esri-search {
		width: 310px;
	}
	
	.divRicerca{
		padding: 5px;
		border-top: 2px solid gray;
		margin-bottom: 20px;
	}
	
	.selectCombo{
		width: 100%;
		font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
		
		font-size: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
	}
	
	.buttonSearch{
	    margin-top: 15px;
		width: 48%;
		font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.buttonSearchMuoversi{
		margin-top: 15px;
		width: 48%;
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #5cace1;
		color: #FFF;
		text-decoration: none;
		border-radius: 7px;
		border-style: none;
		margin-left: -10px;
	}
	.buttonSearchMuoversi:hover{
		background-color: #90ccf5;
		color: #333;
	}
	.buttonClearMuoversi{
	    margin-top: 15px;
		width: 48%;
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #5cace1;
		background: #FFF;
		border-style: none;
	}
	.buttonClearMuoversi:hover{
		text-decoration: underline;
	}
	.buttonSearchLarge{
	    margin-top: 5px;
		width: 98%;
		font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.esri-search__suggestions-menu{
		z-index: 10;
	}
	
	.istituteResult{
		border-top: 1px solid gray;
		width: 90%;
		font-size: 13px;
		font-weight: bold;
		padding: 5px;
		text-align: left;
		display: block;
	}



	#divTestoRicerca{
		position: absolute;
	}

	.sediTitle{
		width: 80%;
		font-weight: bold;
		font-size: 12px;
		padding: 5px;
		text-align: left;
		padding-top: 12px;
		float: left;
		
	}

	.dwnlButton{
		width: 10%;
		float: right;
		
	}
	
	.sedeprinc{
		padding-left: 5px;
		font-weight: normal;
	}

	.istituteResultAll{
		display: flex;
		border-top: 1px solid gray;
	}
	
	.istituteResult:hover{
		background-color: #DCDCDC;
	}
	
	.addressSchool{
		font-weight: normal;
		padding: 5px;
	}
	
	.distanceSchool{
		border-top: 1px solid gray;
		font-size: 15px;
		padding-top: 10px;
		padding-left: 5px;
	}
	
	.hidden{
		display: none;
	}
	
	table {
		font-family:"Titillium Web",Geneva,Tahoma,sans-serif;
	  font-size:13px;
	  border-collapse: collapse;
	  width: 100%;
	}

	td, th {
	  text-align: left;
	  padding: 4px;
	}
	
	
	.labelTable{
		color: gray;
	}
	
	.singoloCorso{
		border-style: solid;
		border-width: 1px;
		margin-top: 10px;
		margin-left: 2px;
		text-align: left;
		width: 98%;
	}
	
	.settoreCorso{
		background-color: #228B22;
		padding: 3px;
	}
	.figuraProfessionaleCorso{
		padding: 3px;
	}
	.denominazioneCorso{
		padding: 3px;
	}
	
	/* Muoversi */
	.esri-time-picker__input{
		width: 50px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	
	.buttonMuoversi{
		width: 30%;
		background-color: rgb(240,240,240);
		color: rgb(51,51,51);
		text-shadow: rgb(243, 243, 243) 0px 1px 0px;
		border: 0;
		border-radius: 1em;
		padding: 5px;
		margin: 1%;
		box-sizing: border-box;
		position: relative;
		padding-top: 30px;
		background-position: 50% 5px;
		background-repeat: no-repeat;
	}
	.buttonMuoversi:hover{
		background-color: rgb(220,220,220);
	}
	
	.treno{
		background-image: url("./img/muoversi/ico_treno.png");
	}
	.tram{
		background-image: url("./img/muoversi/ico_tram.png");
	}
	.metro{
		background-image: url("./img/muoversi/ico_metro.png");
	}
	.bus{
		background-image: url("./img/muoversi/ico_bus.png");
	}
	.battello{
		background-image: url("./img/muoversi/ico_battello.png");
	}
	.altro{
		background-image: url("./img/muoversi/ico_funivia.png");
	}
	
	.treno_disabled{
		background-image: url("./img/muoversi/ico_treno_disabled.png");
	}
	.tram_disabled{
		background-image: url("./img/muoversi/ico_tram_disabled.png");
	}
	.metro_disabled{
		background-image: url("./img/muoversi/ico_metro_disabled.png");
	}
	.bus_disabled{
		background-image: url("./img/muoversi/ico_bus_disabled.png");
	}
	.battello_disabled{
		background-image: url("./img/muoversi/ico_battello_disabled.png");
	}
	.altro_disabled{
		background-image: url("./img/muoversi/ico_funivia_disabled.png");
	}
	
	.tableResultMuoversi{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.initRowMuoversi{
		display: flex;
		background-color: green;
		color: white;
		font-size: 16px;
		padding: 5px;
	}
	.resultRowMuoversi{
		display: flex;
		font-size: 14px;
		padding: 5px;		
	}
	
	.resultRowMuoversi:hover{
		background-color: lightgray;
		font-weight: bold;
	}
	
	.resultRowMuoversiSelect{
		background-color: lightgray;
	}
	
	.resultRowMuoversiBold {
		font-weight: bold;
	}

	.row1{
		width: 33%;
	}


	.singleSection{
		color: #3a3434;
		margin: 0 0 1em 0;
		padding: 0.75em;
		border: 1px solid #CCC;
		border-radius: 5px;
		font-size: 14px;
		cursor: pointer;
		transition: 300ms background ease-out;
		text-align: left;
	}
	
	.singleSection:hover{
		background: #F0F0F0;
	}
	
	.singleSectionTitle{
		font-weight: bold;
		color: #216b06;
	}
	.singleSectionLine{
		font-size: 14px;
	}
	
	.letfText {
		text-align: left;
	}
	
 /* per nascondere la X  e la lente dalla destinazione nel calcolo percorso con mezzi pubblici 
	#idSearchPublicTo .esri-search__container .esri-search__input-container .esri-search__clear-button {
		display:none !important;
		}

		#idSearchPublicTo .esri-search__container .esri-search__submit-button{
			display:none  !important;
			}
			*/