@media (min-width: 768px) {
	#topbar .monly {
		display: none;
	}
  #search_form {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 992px) {
  #search_form {
    width: 460px;
  }
  #search_form .input-group {
    width: 100%;
  }
  #search_form .input-group-btn {
    width: 1px;
  }
}
@media (max-width: 767px) {
  #topbar .mdm {
    background-color: rgba(0,0,0,0.1);
  }
  #topbar .mdm .divider {
    background-color: rgba(0,0,0,0.1);
  }
  #topbar .mdm>li>a {
    color: #ffffff;
  }
  #topbar .mdm>li>a:hover, #topbar .mdm>li>a:focus {
    background-color: rgba(0,0,0,0.1);
  }
}
#topbar {
	background-color: #42615a;
	border-color: rgba(0,0,0,0.1);
	min-height: 40px;
}
#topbar a {
  color: #333;
}
#topbar .nav>li>a {
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
}
#topbar .nav>li>a:hover, #topbar .nav>li>a:focus {
  background-color: rgba(0,0,0,0.1);
}
#topbar .navbar-header>button {
  padding: 7px 7px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#topbar .navbar-header>button>span {
	background-color: #ffffff;
}
#topbar .navbar-brand{
padding: 6px 15px 6px 6px;
height: 40px;
color: #fff;
}
#topbar .navbar-brand span {
font-size: 28px;
}
#navbar .navbar-form {
margin-top: 5px;
margin-bottom: 5px;
}
#search_button {
padding: 5px 20px;
}
#search_result {
position: absolute; margin-top: 3px; z-index: 160; display: none;
}
#search_result .list-group-item {
	padding: 5px;
}
#search_result .text-center {
	padding: 16px 5px;
}
#search_result img.avatar {
width: 40px; height: 40px; border-radius: 2px; margin: 0 0 0 5px;
}
#topbar .monly {
	margin: 0 5px;
}
#topbar .badge{
background-color: red;
position: absolute;
top: 3px;
right: 2px;
font-size: 8pt;
min-width: 18px;
padding: 3px 2px;
}
#topbar .avatar {
	width: 32px;
	height: 32px;
	margin-top: -8px;
	margin-bottom: -8px;
	border-radius: 50%;
}