body,td,p,input,textarea{font:11pt Georgia}
label{
	font-weight:bold;
	font-size:100%;
	border:1px solid #FF9900;
	background:#FFCC99;
	padding:2px;
}
#map_canvas{
	margin-left:0px;
	border:1px solid #000000;
	position:absolute;
	top:8vh;
	background:#DDD;
	margin-left:0px;
	width:100%;
	height:92vh;
	min-height:91%;
}

/* The side navigation menu container */
.sidenav {
    height: 92vh; /* 100% Full-height */
    width: 6vw; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Stay on top */
    top: 8vh; /* Stay at the top */
    right: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    background-color: #FFF;
	border-left:2px solid #000;
	border-top:1px solid #999;
	/*
	*/
}
/* The side navigation menu */
.sidecolumn {
	height:90vh;
	width:92px;
    top: 8vh; /* Stay at the top */
	float:left;
}
/* The side display panel */
.sidepanel {
	width:0px;
    top: 8vh; /* Stay at the top */
	float:left;
	padding:6px;
	max-height:90vh;
	overflow:auto;
}

/* The navigation menu links */
.sidenav a {
    text-decoration: none;
    transition: 0.3s;
	color:#111;
}




/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 0px;
	height:100%;
	min-height:600px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.sidebar{
	font-family:Alegreya Sans;
	padding-top:12px;
	padding-bottom:12px;
	font-size:90%;
	line-height:90%;
	cursor:pointer;
	background:white;
	height:72px;
	width:90px;
	text-align:center;
}
.sidebar_active{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent transparent #FF0000 transparent;
}
#sidetabs{
	position:relative;
	left:-4px;
}
.panel{
	padding:10px;
	padding-bottom:60px;
}
.link_title{
	color:black;
	text-decoration:none;
	font-size:12px;
}
.top_link{
	font-size:100%;
	color:#333;
}
td.top_cell{
	padding-right:8px;
}
.icon {
  display: inline-block;
  width: 6vw;
  height: 6vh;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon-stack {
  font-size: 50%;
  color: #3366CC;
}
.toolicon{
	padding-bottom:4px;
}
.big-label{
	background:#aaa;
	width:96%;
	font-size:120%;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	margin-left:16px;
}
.med-label{
	background:#ddd;
	width:96%;
	font-size:100%;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	margin-left:16px;
}
.circleIcon{
	position:absolute;
	top:0px;
	left:0px;
  height: 50px;
  width: 50px;
  background-color: #FF9900;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  padding-top:15px;

}
.circleIconOuter{
	position:absolute;
	top:-5px;
	left:-5px;
  height: 60px;
  width: 60px;
  background-color: #FF9900;
  border-radius: 50%;
  opacity:0.5;
}

.ubtn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.85rem;
  line-height: 0.85;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width:100%;
}


.ubtn-action {
  color: #fff;
  background-color: #FF9900;
  border-color: #FF9900;
}

.ubtn-action:hover {
  color: #fff;
  background-color: #DD8500;
  border-color: #DD8500;
}

.ubtn-action:focus, .ubtn-action.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 153, 0, 0.5);
}

.ubtn-action.disabled, .ubtn-action:disabled {
  background-color: #FF9900;
  border-color: #FF9900;
}

.ubtn-action:not([disabled]):not(.disabled):active, .ubtn-action:not([disabled]):not(.disabled).active,
.show > .ubtn-action.dropdown-toggle {
  color: #fff;
  background-color: #DD8500;
  border-color: #BF7300;
  box-shadow: 0 0 0 0.2rem rgba(255, 153, 0, 0.5);
}

.form_tooltip {
  position: relative;
  display: inline-block;
}

.form_tooltip .form_tooltiptext {
  visibility: hidden;
  width: 360px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 45%;
}
.form_tooltip:hover .form_tooltiptext {
  visibility: visible;
}
.info-circle{
	font-size:120%;
	padding-left:4px;
	color:#3399FF;
}