@charset "utf-8";
/* css by OOparts */

body {
    /*transform: translateX(200px);*/
}

html.on,
body.on {
    width:100%;
    height:100%;
    overflow:hidden;
}

body.on:before {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.3) inset;
    position:fixed;
	height:100%;
	width:100%;
    top:0;
	left:0;
	content:"";
    z-index:99;
}

#main_menu {
	padding:0;
    background-color:#0695a6;
	border-bottom:1px solid #098796;
}
.page_view #main_menu { 
	border-bottom-width:1px;
}
#main_menu > .container {
	padding:0;
}

#mobile_btn,
#mobile_btn:focus,
#mobile_btn:hover{
    border:none;
    background:none;
}
#mobile_btn .icon-bar {
    display:block;
    position:relative;
    top:0;
	width:35px;
    height:4px;
    margin:7px 0;
	background-color: rgba(255, 255, 255, 0.5);
	transition:all 0.5s ease-out 0s;
}
/* #main_menu */
#menu_collapse {
	margin-top:2px;
    position:fixed;
	display:block;
	width:180px;
    height:100%;
    max-height:none;
	overflow-y:auto;
	background-color: rgba(0, 0, 0, 0.7);
    border:0;
    right:-180px;
	z-index:9999;
    transition:all 0.5s ease 0s;
}
body.on #menu_collapse {
    right:0;
}

#main_menu .navbar-header {
    width:100%;	
    border-bottom: 0px solid #283546;
    height:55px;
	margin:0;
}
#main_menu #mobile_btn {
    float:none;
    margin:0;
    padding:0;
    position:absolute;
    top:9px;
    right:20px;
}
#main_menu .navbar-header .navbar-brand { 
	max-width:150px;
    float:none;
    margin:3px auto 0;
    padding:1rem;


}
#main_menu .navbar-brand img {
    max-height:40px;
}

#main_menu .navbar-nav {

}

#main_menu .navbar-nav .nav_list_group .list-group-item {
	border-width:0 0 1px 1px;
	color:#0695a6;
}
#main_menu .navbar-nav .nav_list_group .bg_line {
	height:2px;
}

#main_menu .navbar-nav .nav_list_group .sub_menu {
	position:relative;
	opacity:1;
	top:0;
	padding:0;
}
#main_menu .navbar-nav .nav_list_group .sub_menu > li a {
	font-size:1rem;
	font-weight:300;
}