@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
}

/* Style the navbar */
#navbar {
  height: 52px;
  background-image: url("/images/bggrid52.png");
  background-repeat: repeat-x;
  opacity: 0.95;
  z-index: 2000;
}

/* Navbar links */
#navbar a {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 16px;
	font-weight: 500;
  color: #ffffff;
   text-decoration: none;
   text-align: left;
	padding-right: 4px !important;
	padding-left: 4px !important;
}
#navbar a .compact {
	margin-left: 4px !important;
	margin-right: 4px !important;
 }
#navbar a:hover {
  font-weight:900;
}
#menuicon {
	cursor: pointer;
	border: none;
}
/* Page content */
#content {
	margin-left: 10% !important;
	margin-right: 10% !important;
	width: 80% !important;
	top: 0;
	 padding-top: 54px;
	padding-bottom: 60px;
	/* margin-top: 80px !important; */
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #content {

}
/* Flags */
.lngactive {
	background-color:#FF7348 !important;
	border-top: inset 2px black;
	border-bottom: inset 1px #C4C4C4 ;
	border-left: inset 2px #8A8A8A;
	border-right: inset 1px #C4C4C4;
/*	shape-inside: auto !important;*/
	width: 37px;
	height: 37px;

}
.lnginactive {
	width: 37px;
	height: 37px;
}

/* Drop down button */

.dropbtn {
	background-color: #ff8f6d;
	background-image: url("/images/menu32.png");
	background-repeat: no-repeat;
	background-position: center;
   border: none;
  cursor: pointer;
	width: 32px;
	height: 32px;
}
.dropbtn img {
	opacity: 1.0 !important;
}
.dropdown {
  float: left;
  position: relative;
  display: inline-block;
  z-index: 1090 !important;
}

.dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  background-color: #f9f9f9;
  padding-top: 10px;
  width: 212px !important;
  height: 280px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  z-index: 2090 !important;
 }

.dropdown-content a {
  color: black !important;
  padding: 12px 16px !important;
	margin-left: 15px;
  text-decoration: none;
  display: block;
	width: 148px !important;
	z-index: 2095;
}

.dropdown-content a:hover { background-color: #f1f1f1; width: 180px !important; z-index: 2100; }
.dropdown:hover .dropdown-content {display: block;}