
body {
	font-family: "Arial";
	background-color:silver;
}


/* Main style */
div.main{
	vertical-align:top;
	display:inline-block;
	width:85%;
}


.modelMenu,.regionMenu{
margin-top:40px;
display:inline-block;
text-align:center;
margin-left:40px;
background-color:grey;
height:10%;
}

/* Header style */
div.header {
	height: 44px;
	width:100%;
	background-color:#262626;
	position:absolute;
	top:0;
	left:0;
	box-shadow: 0 0 5pt 3pt black;
}

div.header div{
	color:silver;	
	padding-top:5px;
}

.leftspan {
	padding-left:10px;
	display:block;
	float:left;
}
.rightspan {
	padding-right:10px;
	display:block;
	float:right;
}

/* Navbar style */
div.navbar {
        width: 150px;
	height: 85%;
	padding-bottom:20px;
	margin-right:20px;
	display: block;
	border-radius: 15px;
	background-color:#181818;
	box-shadow: 0 0 1pt 1pt black;
	overflow: hidden;
	display: inline-block;
	vertical-align:top;
        overflow-y: auto;
        -ms-overflow-style: none;  // IE 10+
}

div.navbar::-webkit-scrollbar { 
    display:none;  // Safari and Chrome
}

.navbar {
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}

.navbar a {
 // make it impossible to highlight text by user
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently
                         supported by Chrome and Opera */
}

div.navbar div{
}
div.navbar a, .dropdown-btn {
	text-decoration: none;
	font-size: 20px;
	display: block;
	border: none;
	color: #60A1F0;
	background: none;
	width:100%;
	text-align: left;
	padding-left: 5px; 
	cursor: pointer;
	outline: none;
}

div.navbar a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}

div.navbar .active {
  background-color: #60A1F0;
  color: white;
}

.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
  transition: display 1s;
}
.dropdown-container a{
	margin-bottom: 10px;
}
.fa-caret-down, .fa-caret-up {
  float: right;
  padding-right: 8px;
}
div.navbar h1{
color: #60A1F0;
text-align: center;

}

/* Footer style */
div.footer {
	position:relative;
	top:0px;
	height: 5%;
}

div.footer p {
	color:blue;
}
