/*
*****************************
SITEWIDE CSS
*****************************
*/
:root 
{
    --main-link-color: rgb(0, 97, 135);
	--main-link-light-color: rgba(0, 97, 135, 0.5);
	--error-color: rgb(169, 68, 66);
}

body
{
	/*font-family: GT_Walsheim, sans-serif !IMPORTANT;*/
}
.nowrap 
{
  /*white-space: nowrap; */
	/*word-break:keep-all */
}
.info_legend
{
	background-color:rgba(255, 255, 255, 0.5);
	padding:5px;
	z-index:89 !IMPORTANT;
}
#map 
{ 
	height: 800px !IMPORTANT;
	width:100% !IMPORTANT;
}

img.huechange 
{ 
	filter: hue-rotate(120deg); 
}


.leaflet-popup-pane
{
	z-index:9998 !IMPORTANT;
}

.ui-autocomplete
{
	z-index:9999 !IMPORTANT;
}
a
{
	text-decoration:none !IMPORTANT;
	color:rgb(0, 168, 171) !IMPORTANT;
	color:var(--main-link-color) !IMPORTANT;
}
a:hover
{
	color:rgb(0, 165, 211) !IMPORTANT;
}
.container
{
	width:100% !IMPORTANT;
	padding-left:25px !IMPORTANT;
	padding-right:25px !IMPORTANT;
}
/* this is for the scroll to top icon */
#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	opacity:0.7;
	color:rgb(0, 97, 135) !IMPORTANT;
	color: var(--main-link-color) !IMPORTANT;
	z-index:9999;
}
.center
{
	text-align: center;
}
.error 
{
	color: rgb(169, 68, 66);
	color: var(--error-color);
	display:none;
}
.warning 
{
	color: rgb(169, 68, 66);
	color: var(--error-color);
	display:none;
}
#logo
{
	height:100px;
	margin-left:10px !IMPORTANT;
}
.image
{
	width:100% !IMPORTANT;
}
.quick
{
	margin-top:0px  !IMPORTANT;
}
p.english, p.french
{
	margin-top:0px  !IMPORTANT;
}
/*
*****************************
NAVBAR CSS
*****************************
*/
.carousel-caption
{
	font-weight: bold !IMPORTANT;
    font-size: 2.0em;
    /*text-align: center;*/
    text-shadow: 2px 2px #000000 !IMPORTANT;
	padding-bottom: 10px !IMPORTANT;
	padding-top: 10px !IMPORTANT;
	/*padding-right: 50px !IMPORTANT;*/
	padding-left: 50px !IMPORTANT;
	left:0 !IMPORTANT;
	width:100%;
	line-height: 1.15em;
	margin-bottom:0px;
	background-color: rgba(0,0,0,0.6);
	font-size:40px;
	text-align: left !IMPORTANT;
}
@media only screen and (max-width: 600px) 
{
	.carousel-caption
	{
		font-size:12px;
	}
}

.navbar
{
	margin-bottom:0px !IMPORTANT;
	border-radius:0px !IMPORTANT;
}
#logo_link
{
	padding:0px !IMPORTANT;
}
#mainnav
{
	background-color:rgb(0, 46, 59)
}
#logo
{
	margin-top:10px;
	max-height:40px;
	/*position:absolute;
	right:30px;*/
}
#logo_link:hover
{
	background-color:rgb(0, 46, 59) !IMPORTANT;
}
#mainmenu
{
	padding-right:15px;
}
#mainmenu > li > a:hover
{
	background-color:rgb(0, 46, 59) !IMPORTANT;
}

#mainmenu > li > a
{
	font-weight:bold !IMPORTANT;
	color:rgb(255, 255, 255) !IMPORTANT;
}
.nopadd
{
		padding:0px !IMPORTANT;
}
.icon-bar
{
	background-color:white !IMPORTANT;
}
.navbar-toggle
{
	border-color:white !IMPORTANT;
}
.navcol
{
	padding-right:0px !IMPORTANT;
}
/****************************
Main CSS
*****************************/
.english, .french
{
	margin-top:15px;
}
.french
{
	/*display:none;*/
}
.nav-tabs > li.active > a
{
	background-color:#002e3b !IMPORTANT;
	color:#ffffff !IMPORTANT;
}
/****************************
ICONS CSS
*****************************/
#iconload
{
	display:none;
}
.folder-icon, .smallicon
{
	width:15px;
}
/*
*****************************
FOOTER CSS
*****************************
*/
#footer
{
	margin-top:50px;
	border-top: 2px solid #d6d6d6;
}
.geodatalink
{
	position:relative;
	top:10px;
	color:rgb(0, 94, 98)  !IMPORTANT;
}
.geologo
{
	position:relative;
	top:-2px;
}

#key
{
	position:absolute;
	left:1000px;
	z-index:99;
	top:100px;
	width:100%;
}
#selected
{
	background-color:rgb(0, 201, 0);
}
#mean
{
	background-color:red;
}
.highlight
{
	background-color:#ffb600;
	color:white;
}
.msref_td
{
	word-break: break-word;
}