.maincontainer{
margin-top: 130px;
}
nav ul ul.submenu {
display:none;
position:absolute;
top:100%;
left: 0;
margin: 0;
list-style: none;
background: #ddd;
margin-top: 1px;
}
nav ul ul.submenu.show {
display:inherit;
transition: all .3s ease;
}
.navbar-nav {
position: relative;
}
.nav > li {
position: unset;
}    
nav ul{
width: 100%;	
}
.navbar-inverse .navbar-nav.submenu  > li > a {
color: #0a0909;
text-shadow: none;
}
.navbar-inverse .navbar-nav.submenu  > li.active > a{
background-color: #eeeeee;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-title a{
display: block;	
padding: 10px 15px;
}
.panel-heading {
padding:0;
}
.panel-title .glyphicon{
float: right;
font-size: 15px;
padding-top: 2px;
}
.navbar-inverse .navbar-nav.submenu  > li.active > a:hover, .navbar-inverse .navbar-nav.submenu  > li.active > a:active, .navbar-inverse .navbar-nav.submenu  > li.active > a:focus{
color: #000000;
}
.panel-body .table.table-striped tr td:first-of-type{
    width: 170px;
}
.panel-collapse .glyphicon-info-sign{
	float: right;
	cursor: pointer;
    font-size: 19px;
}
.infowindow {
    padding: 10px;
    text-align: justify;
    margin-top: 5px;
    border-top: 1px solid #bebebe;
    display: none;
}
ul.thumbs{
	margin:0;
	padding: 0;
	list-style:none;
}
td.expanded .elementtext{
	font-weight:bold;
}

.btn-group > .btn-mini {
    font-size: 10.5px;
    padding: 3px 5px;
}


@media (max-width: 767px) {
nav ul ul.submenu {
    display: block;
    position: relative;
}
ul.navbar-nav{
	margin: 0;
}
.navbar-inverse .navbar-nav.submenu > li > a{
    padding-left: 30px;	
}
table, thead, tbody, th, td, tr { 
	display: block; 
	width: 100% !important;
}

table tr td:last-of-type { 
	border-top: none;
}
.maincontainer {
    margin-top: 30px;
}	
}

@media (max-width: 880px) and (min-width: 768px) {
	.navbar-brand{
	    width: 100%;
    text-align: center;
	}
}