@charset "utf-8";
/*border-top: 3px solid #197a80;*/

body {
    display: block;
    margin: 0px;
}


#topDiv{
	height:60px;
}	
	
/* this ID controls the look and feel for the display in the headerPane*/
#divHeaderContainer{
	font-size:0px; /*TSG, this div sits in the dijit.layout.ContentPane, which can screw up the display for output of images.*/
 	margin: 0; 
	padding:0px; 
    width:100%;
	height:60px;
	/* min-width:500px; */   /*TSG, 1.27.2023: allows better display on moblie screen*/
	background-color:#FFF;  /*TSG, new theme update from: #336666*/
	z-index:102;
}

#divHeaderLeft{
	float:left;
    width:350px;/*this should match the width of the image at left. (divLogo)*/
	height:100%;/*100 percent of parent*/
	background-image:url("/mapsonline/assets/images/header/tealLogoClarkCounty_white.png");
    background-repeat: no-repeat;
}
 
#dropdown-arrow {
	position: relative;
	left: 4px;
	color: #696764;
}

#divHeaderRight{
	color: #336667; /*TSG, new theme update from: #ECECEC*/
    float:right;
    width:120px; 
	border-left:1px solid #336667; /*TSG, new theme update from: #ECECEC*/
	height:100%;/*100 percent of parent*/
	z-index:102;
}

#divHeaderRight.hover{
	color: #336667;
	background: #ECECEC; 
	cursor:pointer;
}

#divHeaderRightLayers{
	color: #336667;  
    float:right;
    width:120px; 
	border-left:1px solid #336667; 
	height:100%;/*100 percent of parent*/
	z-index:102;
}

#divHeaderRightLayers.hover{
	color: #336667;
	background: #ECECEC; 
	cursor:pointer;
}	

#divHeaderRightContent{	
	/*
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 18px;
	padding-top:18px;
	*/
	padding-top:21px;
	font-family: 'Lato', sans-serif;
 	font-size: 15px;
	font-weight: normal;
 	text-align:center;
}

/*for the bookmarks button and container on the right hand side*/
#divMapSiteList {
	position:absolute;
	right:0px;
	top:60px;
	padding:8px;
	z-index:100;
	text-align:center;
	border-top:none;
	font-weight:normal;
	background-color:#ececec;
	border:1px solid #85a4b8;
	border-top:none;
	display:none;
	z-index:101;
}

/*for the bookmarks button and container on the right hand side*/
#divSearchForLayersList {
	position:absolute;
	right:0px;
	top:60px;
	padding:8px;
	z-index:100;
	text-align:center;
	border-top:none;
	font-weight:normal;
	background-color:#ececec;
	border:1px solid #85a4b8;
	border-top:none;
	display:none;
	z-index:101;
	min-width:280px;
}

#divLayerNameList{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#divHeaderFluid{
	height:100%;/*100 percent of parent*/
}

#divHeaderFluid >  div{/*used to place the div tag used for display the name of the mapping app*/
	/*
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-weight: bold;
	padding-top:14px;
	*/
	padding-top:18px;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #696764;  
	text-align:center;
	margin-left: -300px;
}
 
/*the content div for display in FooterPane*/
#divFooterContent{ 
min-width:500px;
width:100%;
padding:0px;
border-top-width:3px;
border-top-style:solid;
border-top-color:#ff9900;
background-color:#ECECEC;
}	


/*Button Bar*/
.button-bar {
	list-style-type: none;
	margin:0px;
	padding:0px;
	/*background-color: #ac7f55;*/
}
.button-bar li {
  display: block;
}
.button-bar li a {
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333; 
	display: block;
	line-height:18px;
	padding: 1px 1px;
	font-size:11px;
	text-align:left; 
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #EEEEEE;
	 
}
.button-bar li a:hover { 
	color: #FF6600;  
	border-bottom: 1px solid #FF6600; 
}
 

/* Link Style for Zoom To Map links. */
/* Same as a.altlink, but no underline, except with hover.*/
a.molLink:link{
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration: none;
}

a.molLink:active{
	color: #FF6600;
	text-decoration: none;
}
 
a.molLink:visited{	font-size: 11px;
	color: #0000FF;
	text-decoration: none;
}
	 
a.molLink:hover{	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}


.mapDiv {
    /* background: #000;*/	
    flex-grow: 1;
}

.iframe-container {
    overflow: hidden;
    position: relative;
    height: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: calc(100vh - 60px); /* -60 bescuse this is the height of the Header divs, this sets the frame to the remaining space on page. if you had a footer you'd minus that too.*/
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/*----------------------------------------------*/
/* for when you want to display only the Portal App.*/
.iframe-container-appOnly {
    overflow: hidden;
    position: relative;
    height: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: calc(100vh - 0px); /* -60 bescuse this is the height of the Header divs, this sets the frame to the remaining space on page. if you had a footer you'd minus that too.*/
}

.iframe-container-appOnly iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
/*----------------------------------------------*/