html,
 body,
 .wrapper {
 	padding: 0;
 	margin: 0;
 	height: 100%;
 	width: 100%;
 	overflow: hidden !important;
 }

 body {
 	font-family: 'Roboto', sans-serif !important;
 }

 #header.panel {
 	width: 100%;
 	padding: 0 10px !important;
 }

 #header #headerTop,
 #header #headerBottom {
 	width: 100% !important;
 	max-width: inherit !important;
 }

 #header .grid-container {
 	width: 100%;
 	max-width: inherit !important;
 }

 #header #headerTop {
 	text-align: right;
 }

 #header #headerTop .headerTopSpan {
 	color: #D4D4D4;
 	font-size: 15px;
 	cursor: pointer;
 }

 #header #headerTop .headerTopSpan:hover,
 #header #headerTop .headerTopSpan.selected {
 	color: #00A197;
 }

 #header #headerTop .headerLangSpan {
 	margin-left: 5px;
 }

 #header #headerTop .calcite-title-divider {
 	color: #D4D4D4;
 	opacity: 1 !important;
 }

 #header #titleDiv {
 	color: #00A197;
 	font-weight: bold;
 	font-size: 30px;
 	text-align: center;
 	margin-top: 5px;
 	display: none;
 }

 #header #logoDiv {
 	position: absolute;
 	right: 10px;
 	top: 25px;
 }

 #header #logoImg {
 	height: 60px;
 }
 
 .socialMediaDiv {
	position: absolute;
    top: 45px;
    right: 140px;
 }

 .socialMediaDiv .socialMediaImg {
	height: 25px;
    float: right;
    margin-left: 10px;
	cursor: pointer;
 }

body.small .socialMediaDiv {
	position: absolute;
	top: 5px;
	left: 10px;
 }

body.small .socialMediaDiv .socialMediaImg {
	height: 20px;
	float: left;
	margin-right: 5px;
	margin-left: 0;
 }

 #header .weatherDiv {
 	position: absolute !important;
 	right: 100px !important;
 	top: 11px !important;
 	background: transparent !important;
 	border: none !important;
 	display: none;
}


 #menuDiv {
 	position: absolute;
 	top: 50px;
 	width: 100%;
 }

 body.small #menuDiv {
 	top: 30px !important;
 }

 #menuDiv .widgetMenuIconDiv {
 	float: left;
 }

 #searchWidgetMenuIconDiv.open {
 	width: 200px;
 	background-color: #F4EFEF;
 }

 #searchWidgetMenuIconDiv #searchDivContainer {
 	display: none;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer {
 	width: 200px;
 	display: block;
 	background-color: #F4EFEF;
 	border: #F4EFEF;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-widget--button {
 	display: none;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-search__suggestions-menu {
 	background-color: #F4EFEF;
 	z-index: 9999;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-search__input {
 	height: 50px;
 	font-weight: bold;
	background-color: #F4EFEF;
 }

 #menuDiv .widgetIcon {
 	height: 40px;
 	/*width: 30px !important;*/
 	margin: 5px 5px 5px 5px !important;
 	float: left;
 	cursor: pointer;
 }

 #menuDiv .reponsiveMenuIconDiv {
 	display: none;
 }

 body.small #menuDiv .widgetMenuIconDiv {
 	display: none;
 }

 body.small #menuDiv .reponsiveMenuIconDiv {
 	display: block !important;
 }

 body.small #responsiveMenuDiv .widgetMenuIconDiv {
 	width: 100%;
 	float: left;
 	height: 50px;
 	border-bottom: 1px solid #c6c2c2;
 }

 body.small #responsiveMenuDiv .widgetMenuIconDiv .widgetIcon {
 	margin: 5px 0 0 5px;
 }

 #menuDiv .responsiveMenuItemTitle {
 	display: none !important;
 }

 body.small #responsiveMenuDiv .widgetMenuIconDiv .responsiveMenuItemTitle {
 	font-weight: bold;
 	margin-left: 10px;
 	display: inline-block;
 	line-height: 50px;
 }

 body.small #responsiveMenu_widget .widgetContent {
 	padding: 0 10px 10px 10px;
 }

 body.small #titleDiv {
 	font-size: 20px !important;
 	margin-top: 15px !important;
 }

 body.small .weatherDiv {
 	display: none;
 }

 body.small #sidebar {
 	width: 300px !important;
 	margin-left: -300px !important;
 	top: 30px !important;
 }

 #sidebar {
 	position: absolute;
 	top: 95px;
 	bottom: 0;
 	left: 0;
 	width: 280px;
 	margin-left: -280px;
 	border-width: 1px 1px 1px 0;
 	overflow: hidden;
 	z-index: 999;
 	border-color: rgba(0, 0, 0, .3);
 	-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, .3);
 	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, .3);
 	background-color: #fff;
 }

 #mapViewDiv {
 	/*height: calc(100% - 60px);*/
 	height: 100%;
 	width: 100%;
 	padding: 0;
 	margin: 0;
 }

 .baseWidget {
 	border: #808080;
 	background-color: #FFFFFF;
 	overflow: hidden;
 }

 .baseWidget.outPanel {
 	position: absolute;
 	border-color: rgba(0, 0, 0, .3);
 	-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, .3);
 	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, .3);
 	background-color: #fff;
 }

 .baseWidget.outPanel.noIcon {
 	border-color: rgba(0, 0, 0, 0);
 	-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0);
 	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0);
 	background-color: transparent;
 }

 .baseWidget.inPanel {
 	float: left;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 }

 .baseWidget.outPanel.minimized {
 	height: 41px !important;
 	width: 40px !important;
 }

 .baseWidget.inPanel.minimized {
 	height: 41px !important;
 	width: 100% !important;
 }

 .baseWidget.minimized .widgetHeader:hover {
 	background-color: #c6c2c2;
 }

 .baseWidget .widgetHeader {
 	height: 50px;
 	width: 100%;
 	border-bottom: 1px solid #c6c2c2;
 	cursor: pointer;
 }

 .baseWidget .widgetIcon {
 	height: 40px;
 	/*width: 40px;*/
 	margin: 5px 0 0 15px;
 	float: left;
 	cursor: pointer;
 }

 .baseWidget .widgetBackIcon {
 	width: 30px;
 	float: right;
 	cursor: pointer;
 	margin: 12px 10px 0 0;
 }

 #menuDiv {
 	position: absolute;
 	top: 25px;
 	width: 100%;
 }

 #menuDiv .widgetMenuIconDiv {
 	float: left;
 }

 #searchWidgetMenuIconDiv.open {
 	width: 300px;
 	background-color: #F4EFEF;
 }

 #searchWidgetMenuIconDiv #searchDivContainer {
 	display: none;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer {
 	width: 300px;
 	display: block;
 	background-color: #F4EFEF;
 	border: #F4EFEF;
 }

 body.small #searchWidgetMenuIconDiv.open #searchDivContainer {
 	width: 260px !important;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-widget-button {
 	display: none;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-search__suggestions-menu {
 	background-color: #F4EFEF;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-menu__header {
 	font-weight: normal;
	color: #000;
	background-color: #F2F2F2;
	font-family: normal;
	border-bottom: 1px solid #C2C0C0;
 }

 #searchWidgetMenuIconDiv.open #searchDivContainer .esri-menu__header:not(:first-of-type) {
   border-top: 1px solid #C2C0C0;
}

 .baseWidget .widgetTitle {
 	display: block;
 	line-height: 50px;
 	float: left;
 	font-weight: bold;
 	margin-left: 10px;
 }

 .baseWidget .widgetContent {
 	/*width: 100%;*/
 	height: calc(100% - 70px);
 	padding: 10px;
 	overflow: auto;
 }

 .baseWidget.outPanel .widgetContent {
 	padding: 10px !important;
 }

 /*Basemaps widget*/

 #basemaps {
 	border-radius: 0 !important;
 	-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, .3);
 	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, .3);
 }

 #basemaps .k-button {
 	background-color: #FFFFFF;
 	border-color: #FFFFFF;
 	color: #D4D4D4;
 }

 #basemaps .k-button:hover {
 	color: #7C7C7C;
 }

 #basemaps .k-button.k-state-active,
 .k-button:active {
 	background-color: #00A197;
 	border-color: #00A197;
 	color: #FFFFFF;
 	border-top-left-radius: 0px !important;
 	border-bottom-left-radius: 0px !important;
 	border-top-right-radius: 0px !important;
 	border-bottom-right-radius: 0px !important;
 }

 /*Themes widget*/

 /*#themes_widget .k-treeview{
	overflow: hidden;
}*/

 /*#themesWidgetContent,*/

 #themesWidgetContent .k-treeview {
 	height: 100%;
 }

 #themesWidgetContent .treeItem.notChecked {
 	opacity: 0.7;
 	filter: grayscale(90%);
 }

 #themesWidgetContent #themesTreeView li .k-top,
 #themesWidgetContent #themesTreeView li .k-mid,
 #themesWidgetContent #themesTreeView li .k-bot {
 	background-color: #FFFFFF;
 	border-radius: 10px;
 	background-image: none;
 	padding: 5px;
 }

 #themesWidgetContent #themesTreeView li .k-top:hover,
 #themesWidgetContent #themesTreeView li .k-mid:hover,
 #themesWidgetContent #themesTreeView li .k-bot:hover {
 	background-color: rgba(0, 161, 151, 0.8);
 	color: #FFFFFF;
 	background-image: none;
 }

 #themesWidgetContent #themesTreeView li .k-top .k-in:hover,
 #themesWidgetContent #themesTreeView li .k-mid .k-in:hover,
 #themesWidgetContent #themesTreeView li .k-bot .k-in:hover {
 	background-image: none;
 	color: #FFFFFF;
 }

 #themesWidgetContent #themesTreeView>li {
 	margin-bottom: 10px;
 	padding: 0 !important;
 }

 #themes_widget .k-treeview .k-in.k-state-hover,
 #themes_widget .k-treeview .k-in.k-state-hover:hover,
 #themes_widget .k-treeview .k-in.k-state-focused,
 #themes_widget .k-treeview .k-in.k-state-focused:hover #themes_widget .k-treeview .k-in.k-state-selected {
 	background-color: transparent !important;
 	box-shadow: none;
 	border-color: transparent !important;
 }

 #themes_widget .k-treeview .k-i-collapse,
 #themes_widget .k-treeview .k-i-expand {
 	display: none;
 }

 #themes_widget .k-treeview span.k-in {
 	display: inline-block;
 	width: calc(100% - 30px);
 	height: 20px;
 }

 #themes_widget .k-treeview span.k-in span {
 	display: inline-block;
 	width: calc(100% - 30px);
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }

 #themes_widget .itemSelectionChbx {
 	margin-top: 2px;
 	margin-right: 5px;
 	cursor: pointer;
 	display: none;
 }

 #themes_widget .checkImg {
 	margin-right: 5px;
 }

 #themes_widget .itemImg {
 	height: 30px;
 	width: 30px;
 	position: absolute;
 	right: 5px;
 	margin-top: -5px;
 }

 /*Legend*/
 #legendDiv .legendImg{
	 height: 100%;
	 width: 100%;
}

 /*Calcite rewrite*/

 .calcite-navbar {
 	height: 95px !important;
 	-webkit-box-shadow: 0px 1px 5px 1px rgba(171, 164, 164, 1);
 	-moz-box-shadow: 0px 1px 5px 1px rgba(171, 164, 164, 1);
 	box-shadow: 0px 1px 5px 1px rgba(171, 164, 164, 1);
 }

 .calcite-map .calcite-map-absolute,
 .calcite-map.calcite-map-absolute {
 	top: 100px !important;
 }

 /*Spalsh screen*/

 .dijitDialog {
 	background-color: #FFFFFF !important;
 	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) !important;
 	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) !important;
 	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) !important;
	height: 570px !important;
 }

 .dijitDialog .dijitDialogTitleBar {
 	border-bottom: 1px solid #c6c2c2 !important;
 	padding-left: 10px !important;
 	font-weight: bold !important;
 	height: 40px !important;
 }

 .dijitDialog .dijitDialogTitleBar .splashIcon {
 	height: 30px;
 	margin: 5px 0 0 0px;
 	float: left;
 	cursor: pointer;
 }

 .dijitDialog .dijitDialogTitleBar .splashTitleSpan {
 	line-height: 40px !important;
 	margin-left: 10px !important;
 	display: inline-block !important;
 	font-weight: bold !important;
 }

 .dijitDialog .closeText {
 	float: right !important;
 	margin: 6px 10px 0 0 !important;
 	cursor: pointer !important;
 }

 

 /*ESRI legend*/

 .esri-legend__service-label {
 	display: none;
 }

 .esri-legend__layer-caption {
 	font-weight: bold;
 }

 /*it*/
 .dijitDialog .dijitDialogPaneContent {
 	height: 100%;
 }
 
 #infosDiv{
	height: 100%;
    overflow: hidden;
 }
 
 #infosIFrame{
	height: calc(100% - 40px);
    width: 100%;
    border: none;
 }