body {
        	font-family: 'Lato', sans-serif;
        	margin: 0px;
        	padding: 0px;
        	font-size: 14px;
        	overflow: hidden;
        }
        
        html, body {
		   height: 100%;
		   max-height: 720px;
		}
		
		#switch {
			position: absolute;
			right: 10px;
			margin-right: 10px;
			top: 15px;
			z-index: 999;
			cursor:pointer;
			text-align: center;
			line-height: 26px;
			float: right;
			height: 26px;
			cursor:pointer;
			font-family:Lato, sans-serif;
			font-size:11px;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:24px;
			color: white;
			width: auto;
			background-color:rgba(0, 0, 0, 0) !important;
			background-image:url("434343-1.png")!important;
			text-align: center;
			line-height: 26px;
			float: right;
			height: 26px;
		}
		
		#switch:hover {
			background-color: rgba(242,242,242,1.0) !important;
    		color: rgba(73,73,73,1.0) !important;
			background-image:url("")!important;
		}
		
		#switch a {

			cursor: pointer ;
			text-decoration:none;
			padding-left : 7px;
			padding-right : 7px;
			color: white !important;
		}
		
		#switch a:hover {
			background-color: rgba(242,242,242,1.0) !important;
    		color: rgba(73,73,73,1.0) !important;
			background-image:url("")!important;
		}
		
		#logo {
			margin-bottom: 15px;
		}
		
		#logo a {
			text-decoration: none;
		} 
		
        .map-container {
        	position: relative;
        }
        
        .leaflet-container{
        	background-color:#c5e8ff;
        	font-family: 'Lato', sans-serif !important;
        }
        .leaflet-control-attribution a {
        	color: #494949 !important;
        }
                
        /* INFO BOX */
        .info {
			background-color: rgba(246,246,246,0.7);
			max-width: 226px;
			min-width: 226px;
			max-height: 400px;
			line-height: 24px;
			font-size: 14px;
			pointer-events: auto;
			margin-top: 75px !important;
			overflow-y : auto;
			overflow-x : hidden;
			position: relative;
			padding-bottom: 6px;
		}
		
		.info .country-name {
			background-color: rgba(73,73,73,1.0) !important;
			color: rgba(242,242,242,1.0) !important;
			background: url('434343-1.png') !important;
			font-weight: normal;
			width: 100%;
			background-color: green;
			display:inline-block;
			padding-left:9px;
			padding-right:8px;
		}
		
		.info p {
			padding-left:8px;
			padding-right:8px;
			font-weight: bold;
			margin: 0!important;
			margin-top: 0;
			margin-bottom: 0px;
			font-weight: bold;
			line-height: 18px;
			font-size: 14px;
			position: relative;
			overflow-wrap: break-word;
		}
		
		#closeinfo {
			margin-left: -1px;
		}
		
		
		.info table {
			padding-left:6px;
			padding-right:6px;
			width: 100%;
		}
		
		.info td { font-weight: bold;}
		.info td:nth-child(2) { font-weight: normal; text-align: right; }
		
		.info a {
			text-decoration: underline;
			color: #000;
		}
		
		.info_button {
			background-color: rgba(73,73,73,1.0) !important;
			color: rgba(242,242,242,1.0) !important;
			background: url('434343-1.png') !important;
			padding: 3px;
			font-weight: normal;
			font-size: 11px;
			padding-left: 4px;
    		padding-right: 4px;
    		line-height: 24px;
    		text-decoration: none;
		}

		.info span {
			font-weight: normal;
		}
		
		.leaflet-container {
			background: white;
		}
				
		/* LEFT EXCEPTIONS  */
		.exceptions {
			float:left;
			background-color: rgba(255,255,255,0.0);
			line-height: 24px;
			position: absolute;
			left: 0px;
			margin: 0;
			padding: 0;
			-webkit-margin-before: 0em;
    		-webkit-margin-after: 0em;
    		width: 405px;
    		pointer-events: none;
    		height: 100%;
		}
		
		.exceptions p {
			margin: 0!important;
			margin-top: 0;
			margin-bottom: 0px;
			padding: 0;
			font-weight: bold;
			line-height: 24px;
			font-size: 14px;
			color: #000;
			pointer-events: none;
			font-weight: normal;
		}
		
		.exceptions span {
			background-color: rgba(242,242,242,0.7);
			color: rgba(73,73,73,0.7);
			padding: 3px;
			padding-right: 6px;
			padding-left: 6px;
			cursor: pointer;
			pointer-events: auto;
			font-weight: normal;
			
		}
		
		.exceptions span:hover {
			background-color: rgba(73,73,73,1.0) !important;
			color: rgba(242,242,242,1.0) !important;
			pointer-events: auto;
		}
		
		
		/* TABLE */
		
		#table {
			position: absolute;
			left: 0px !important;
			width: 100%;
			z-index: 0;
			background-color: white;
			padding-left: 10px;
			padding-top: 10px;
			pointer-events: auto;
			height: 720px;

		}
		
		#table a {
			text-decoration: none;
			color: #000;
		}
		
		#table a:hover {
			text-decoration: none;
			color: rgba(242,242,242,1.0);
		}
		
		#table th:hover a {
			text-decoration: none;
			color: rgba(242,242,242,1.0);
		}
		
		#table #logo {
			margin-bottom: 0px;
			position: relative;
		}
		
		/* cell at  0,0 */
		table.data-table tr:first-child td {
			background-color: white !important;
			position: relative;
			text-align: center;
			width: 23px;
		}
		
		table.data-table tr td:first-child span{
			background-color: rgba(242,242,242,0.7);
    		color: #494949;
		}
		
		.data-table th:nth-child(1) {
			padding-right: 6px;
			padding-left: 6px;
			width: auto !important;
		}
		
		.data-table th:not(:first-child):hover {
			background-color: rgba(73,73,73,1.0) !important;
			color: rgba(242,242,242,1.0) !important;
			background: url('434343-1.png'); 
		}
		
		.table-name-hover span {
			background-color: rgba(73,73,73,1.0) !important;
			color: rgba(242,242,242,1.0) !important;
			background: url('434343-1.png'); 
			pointer-events: auto;
		}
				
		.data-table {
			border: 0px;
			line-height: 23px;
			left: 0px;
			margin: 0;
			-webkit-margin-before: 0em;
    		-webkit-margin-after: 0em;
    		margin-top: -5px;
    		margin-left: -2px;
			border-spacing: 1px;
			position: relative;
			
			/*width: 100%;
			padding-right: 25px;*/

    	}
			
		.data-table td,th {	
			pointer-events: auto;
			font-weight: normal;
			margin: 0!important;
			margin-top: 0;
			margin-bottom: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			font-size: 14px;
			color: #000;
			font-family:Lato, sans-serif;
			line-height:23px;
			position: relative;
    	}
    	
    	.data-table td:not(:first-child) {
			width: 14px;
			margin-right: 2px;

		}
    	
    	.data-table td a { 
    		display: block; 
    		width: 23px; 
    		height: 23px; 
    		position:relative;
    	}
    	
    	.data-table td p {
    		margin: 0px;
    	}		
		
		.data-table span{
			background-color: rgba(242,242,242,0.7);
			color: #000;
			padding: 3px;
			padding-right: 6px;
			padding-left: 6px;
			cursor: default;
			pointer-events: auto;
			font-weight: normal;
		}
		
	
		.data-table-hightlight {
			background-color: rgba(73,73,73,1.0) !important;
			color: rgba(242,242,242,1.0) !important;
			background: url('434343-1.png'); 
		}
		
		/* MAP */
		
		#map {
			position: absolute !important;
			left: 0px !important;
			width: 100%;
			z-index: 1;
			height: 720px;
		}
	
		
		/* ZOOM */
		.leaflet-bar a {
			text-align: center !important;
			vertical-align: top;
			border-radius: 0px;
			border-bottom-left-radius: 0px!important;
  			border-bottom-right-radius: 0px !important;
  			border-top-left-radius: 0px!important;
  			border-top-right-radius: 0px !important;
			border-bottom: none;
			color: white;
			background: #494949;
			height: 30px !important;
			width: 30px; !important;
			display: inline-block !important;
			margin-top: 5px;
			cursor: pointer !important;
		}
		
		.leaflet-bar a.leaflet-disabled {
			color: white;
			background: #494949;
		}
		
		.leaflet-control-zoom {
			height: 26px;
			clear: none;
			margin-right: 3px !important;
		}
		
		.leaflet-control-switch {
			text-align: center;
			line-height: 26px;
			float: right;
			height: 26px;
			cursor:pointer;
			font-family:Lato, sans-serif;
			font-size:11px;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:24px;
			text-decoration:none;
			margin-top: 15px !important;
			color: white;
		}
		
		.SwitchMAP {
			width : auto !important;
			margin-top: 0px !important;
			padding-left: 7px;
			padding-right: 7px;
		}
		
		.leaflet-control-zoom-out{
			margin-left: 3px;
		}
		
		.leaflet-bar a:hover {
			background-color:  rgba(242,242,242,1.0) !important;
			color: rgba(73,73,73,1.0) !important;
		}
		
		.leaflet-bar {
			box-shadow: 0px 0px 0px #000000 !important;
			border-radius: 0px!important;
			border: 0 !important;
		}
		
		
		/* POPUP */
		.leaflet-popup-pane {
			pointer-events: none;
		}
		
		.leaflet-popup-content-wrapper, .leaflet-popup-content {
			border-radius: 0px;
			margin: 0;
			padding: 2px;
			font-size: 14px;
			pointer-events: none;
		}
		.leaflet-popup-tip,
		.leaflet-popup-content-wrapper {
			color: #f2f2f2;
			background: #494949;
			box-shadow: 0px 0px 0px #FFF;
			pointer-events: none;
		}
		
		.leaflet-popup-close-button {
			width: 0px;
			height: 0px;
			pointer-events: none;
		}
				
		.leaflet-popup-tip-container, .leaflet-popup-close-button {
			visibility: hidden !important;
		}
		
		.leaflet-popup-content {
			width: auto !important;
		}
		
		.leaflet-left {
			right: 0px;
		}
		
		.header-hightlight {
			background-color: #4C9;
		}
		
		/* LEGENDA */
		
		#legenda {
			margin-top: 20px;
			max-width: 350px;
			height: auto;
			color: #494949;
		}
		
		.legenda-box-color {
			width: 14px;
			height: 14px;
			display: inline-block;
			margin-right: 2px;
		}
		
		.legenda-box {
			white-space: nowrap;
			margin-right: 10px;
			background-color: transparent !important;
			float: left;
			height: 14px;
			line-height: 14px;
			margin-top: 5px;
			text-align: center;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-size: 14px;
			margin-right: 2px;
		}
		
		.legenda-box:hover {
			white-space: nowrap;
			background-color: white !important;
		}
		
		.legenda-row {
			width: 140px;
			float: left;
			margin-right: 5px;
		}