html,
      body {
        margin: 0;
        padding: 0;
        height: 100%;
		font-family:'Source Sans Pro', sans-serif !important;
		min-height:600px;
      }
	  
	  #mapNav,#sceneNav,#iNav{
	  display:none;
	  width:100%;
	  }
	  
	  #mapViewDiv,#sceneViewDiv{
		top: 50px;
		bottom: 0px;
		height: auto;
	  }
	  
	  #mapNavToggle{
		  pointer-events:none;
	  }
	  
	#botAppTitle{
	display:inline;
	}
	
	#botAppTitle img{
	max-height:30px;
	}
		
	.botPopupText{
		padding:5px;margin-top:10px;background-color:#ededed;font-weight:bold;width:100%;text-align:center;
	}
	
	#botSubTitle a{
		text-decoration:none;
		color:white;
	}
	
	#browserUpdate
	{
		position:absolute;width:100%;background-color:orange;z-index: 99999;bottom: 0;display:none;padding:5px;
	}
	
	#browserUpdate a:hover{
		text-decoration:none !important;
	}
	
	#loadingScreen{
		background-color:#efefef;width:100%;height:100%;z-index:9;position:absolute;cursor:wait;top:0px;
	}

		
	@media only screen and (max-width: 770px) {
	  .notmobile {
		display:none !important;
	  }
	}
		
	@keyframes blinker {
	  50% {
		background-color: rgba(206, 5, 15,0.5);
	  }
	}
			 	
	.disabled{
		pointer-events:none;
	}
	
	.liDivider{
		margin:0 0 0 0;width:100%;height:5px;background-color:silver;
		display:none;
	}
	
	#material-chart{
	overflow:hidden !important;
	width:100% !important;
	}
	
	.panelChart{
		  margin-left: auto;
		margin-right: auto;
	}
		
	#botAppServices a .esri-icon-layers{
		pointer-events:none;
	}
	
	#iTab{
	margin-top:50px;
	width:100%;
	}
	
	#iTabFrame{
		width:100%;
		border:0px;
	}
	
	.botTablePanel{
		position:fixed;
		left:0px;
		bottom:0px;
		right:0px;
		visibility:visible !important;
	}
			
	.axBookmarkItem{
		opacity:0.75;
		transition-duration: 0.5s;
		cursor:pointer;
	}
	
	.axBookmarkItem:hover{
		opacity:1;
		transition-duration: 0.5s;
	}
	
	.bookmarkTitle
	{
		color:white;
		padding:10px;
		pointer-events:none;
		background-color:rgba(100,100,100,0.5);
	}
	
	/*@media only screen and (max-width: 769px) {
	  #panelBookmarks{
		  display:none;
	  }
	}*/
	
	#popupSidebarCloseButton
	{
		right:10px;
		top:10px;
		position:absolute;
	}
	
	.axBookmarkContent{
		pointer-events:none;
		color:white;
		padding-left:10px;
		padding-right:10px;
	}
	
	#AxBookmarks
	{
		margin-left:auto;
		margin-right:auto;
		width:300px;
	}
	
	#AxGridTable{
		height:300px;
	}
		
	#AxGridTable .dgrid-header {
		background-color: #f4f4f4;
	}

	#AxGridTable .dgrid-cell
	{
		cursor: pointer;
		min-width:100px;
	}	
	
	#AxQueryFilter{
		width:100%;
	}
	
	#collapseFeatureInfo .panel-body{
		padding-top:0px;
	}
	
	#collapseInfo
	{
		background-color:white;
		color:black;
	}
	
	#AxHeatmap
{
	width:100%;
	height:350px;
	pointer-events:none;
	}	
	
	#AxHeatmapSlider{
		width:100%;padding:5px;text-align:center;
	}

	#collapseHeatmap .panel-body{
		padding:0px;
		margin:0px;
		height:350px;
	}
	
	#collapseSearch .panel-body{
		display:table;
	}
	
	#AxSearch{
		height:auto;
	}
	
	#AxSearch-suggest-menu {
     width: 100%; 
     left: 0; 
	 z-index: 9;
	}
	
	#panelFeatureInfo{
		height:auto !important;
	}
	
	.actionButton{
		color: black;
		background-color: #797673;
	}
	
	.actionButton:hover{
		background-color: #7ba9d0;
		color:white;
	}
	
	/*#AxSearch .esri-search__container {
     position: static;
	}*/
		  
	  @media only screen and (max-width: 769px) {
		  
		  #panelFeatureInfo{
			display:none;
		}
		  
		  #collapseSearch .panel-body{
			height:200px;
		}
		  
	  .timeSliderCls{
		 width: 100%;
		left:0px;	
		right:0px;
		bottom:0px;		
	  }
	}
	
	
#panelFilter select {
    font-family: 'Open Sans', sans-serif;
    /* font-size: 16px; */
    height: 40px;
    padding-left: 10px;
}
	
	
	
	.panelInfoLinkUrl{
		color:#0079c1;
	}
		
.tip span.tiptitle {
    display: none;
    position: absolute;
     display: block;
    top: 10px;
    left: 60px;
    padding: 5px;
    z-index: 100;
    background: #ce050f;
    color: #fff;
    -moz-border-radius: 5px; /* this works only in camino/firefox */
    -webkit-border-radius: 5px; /* this is just for Safari */
}

.tiptitle{
	display:none;
}

.tip span.tiptitle:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; 
    border-right:8px solid #ce050f;
    left:-8px;
    
    top:7px;
}

.tip span.infotitle {
    display: none;
    position: initial;
     display: block;

    padding: 5px;
    z-index: 100;
	margin-top: 10px;
    background: #ce050f;
    color: #fff;
    -moz-border-radius: 5px; /* this works only in camino/firefox */
    -webkit-border-radius: 5px; /* this is just for Safari */
}

.tip span.infotitle:before{
    content:'';
  
    width:0;
    height:0;
    background: #ce050f;
    
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; 
}

.lds-ellipsis {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #7e7e7e;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}