.wrapper {margin-top: 145px;}
#topnav { position: fixed; right: 0; left: 0; top: 0; z-index: 1030; background-color: transparent; border: 0;  -webkit-transition: all .5s ease; transition: all .5s ease;  min-height: 40px;}
#topnav .has-submenu.active a {  color: #00b19d;}
#topnav .has-submenu.active a i {  color: #00b19d;}
#topnav .has-submenu.active .submenu li.active a { color: #00b19d;}
#topnav .topbar-main {  background-color: #00b19d;}
#topnav .topbar-main .logo {  color: #ffffff !important; font-size: 18px; font-weight: 700; letter-spacing: .05em; margin-top: 4px;  float: left;  text-decoration:none;}
#topnav .topbar-main .logo h1 {  margin: 0px auto;  text-align: center;}
#topnav .topbar-main .logo i { color: #ffffff;}
#topnav .topbar-main .badge {  position: absolute; top: 4px; right: 10px; padding: 4px 5px; font-size: 9px; border: 1px solid #ccc;}
#topnav .topbar-main .nav > li > a {  color: #ffffff !important;  line-height: 40px;  padding: 0px 15px !important;  position: relative;  background: transparent !important;}
#topnav .topbar-main .nav > li > a i {  font-size: 25px;}
#topnav .topbar-main .nav > li > a {  padding: 0 15px 3px !important;}
#topnav .topbar-main .navbar-nav > .open > a {  background-color: rgba(255, 255, 255, 0.1) !important;}
#topnav .topbar-main .profile img { border: 2px solid #edf0f0; height: 36px; width: 36px;}
#topnav .topbar-main .dropdown-menu-lg { width: 320px;padding:0;}
#topnav .topbar-main .dropdown-menu-lg .list-group { margin-bottom: 0px;}
#topnav .topbar-main .dropdown-menu-lg .list-group-item { border: none; padding: 10px 20px;}
#topnav .topbar-main .dropdown-menu-lg .media-heading { margin-bottom: 0px;}
#topnav .topbar-main .dropdown-menu-lg .media-body p {  color: #828282;}
#topnav .topbar-main .notification-list { }
#topnav .topbar-main .notification-list em { width: 34px; text-align: center;}
#topnav .topbar-main .notification-list .media-body { display: inherit; width: auto; overflow: hidden;}
#topnav .topbar-main .notification-list .media-body h5 { text-overflow: ellipsis;  white-space: initial;  display: block;
  width:93%; font-weight: normal; overflow: hidden; font-size: 12px; margin-bottom: 5px;}
#topnav .topbar-main .notifi-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 15px; text-transform: uppercase;
  font-weight: 500;  padding: 5px;  color: #4c5667;background:#DDF2F9; }
#topnav .topbar-main .navbar-nav {  margin: 0px;}
#topnav .app-search {  position: relative;  margin: 15px 20px 15px 10px;}
#topnav .app-search a {  position: absolute;  top: 5px;  right: 20px;  color: rgba(255, 255, 255, 0.7);}
#topnav .app-search .form-control,
#topnav .app-search .form-control:focus {  border: none;  font-size: 13px;  color: #ffffff;  padding-left: 20px;  padding-right: 40px;  background: rgba(255, 255, 255, 0.1);  box-shadow: none;  border-radius: 30px;  height: 30px;  width: 180px;}
#topnav .app-search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); font-weight: normal;}
#topnav .app-search input:-moz-placeholder {color: rgba(255, 255, 255, 0.7);}
#topnav .app-search input::-moz-placeholder {  color: rgba(255, 255, 255, 0.7);}
#topnav .app-search input:-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}
#topnav .notifi-title {  border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #000000; font-size: 16px; font-weight: 400;
  padding: 5px 0px 10px;}
#topnav .notification-list em {  width: 30px;  text-align: center;  height: 30px;  line-height: 28px;  border-radius: 50%;
  margin-top: 4px;}
#topnav .notification-list .list-group-item {  padding: 0px 10px !important; float:left;}
#topnav .notification-list .media-body {  display: inherit; overflow: hidden; }
#topnav .notification-list .media-body h5 {  text-overflow: ellipsis;  white-space: nowrap;  display: block;  width: 50%;
  font-weight: normal;  overflow: hidden;}
#topnav .noti-primary {  color: #00b19d;border: 2px solid #00b19d;}
#topnav .noti-success { color: #3bafda; border: 2px solid #3bafda;}
#topnav .noti-info { color: #3ddcf7; border: 2px solid #3ddcf7;}
#topnav .noti-warning { color: #ffaa00; border: 2px solid #ffaa00;}
#topnav .noti-danger {  color: #ef5350;  border: 2px solid #ef5350;}
#topnav .noti-purple {  color: #7266ba;  border: 2px solid #7266ba;}
#topnav .noti-pink {  color: #f76397;  border: 2px solid #f76397;}
#topnav .noti-inverse {  color: #4c5667;  border: 2px solid #4c5667;}
#topnav .navbar-custom {  background-color: #ffffff;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#topnav .navigation-menu {  list-style: none;  margin: 0;  padding: 0;}
#topnav .navigation-menu > li {  float: left;  display: block;  position: relative;}
#topnav .navigation-menu > li > a {  display: block;  color: #797979;  font-weight: 500;  -webkit-transition: all .3s ease;
  transition: all .3s ease;  line-height: 20px;  padding-left: 20px;  padding-right: 20px;  text-decoration:none;}
#topnav .navigation-menu > li > a:hover {  color: #00b19d;}
#topnav .navigation-menu > li > a:hover i {  color: #00b19d;}
#topnav .navigation-menu > li > a:focus {  color: #00b19d;}
#topnav .navigation-menu > li > a:focus i {  color: #00b19d;}
#topnav .navigation-menu > li > a:active {  color: #00b19d;}
#topnav .navigation-menu > li > a:active i {  color: #00b19d;}
#topnav .navigation-menu > li > a i {  font-size: 18px;  margin-right: 5px;  color: #98a6ad;}
#topnav .navigation-menu > li .submenu li a i{font-size: 18px;  margin-right: 5px;}
#topnav .navigation-menu > li > a:hover,#topnav .navigation-menu > li > a:focus {  background-color: transparent;}
#topnav .navigation-menu span{vertical-align:initial;}
/* Footer */
.footer {  border-top: 1px solid rgba(0, 0, 0, 0.1);   color: #58666e;  text-align: left !important;  padding: 5px 0px;position: fixed; right: 0; bottom: 0; left: 0;background: #f5f5f5; }
/* mobile menu */
.menu-item{position:fixed;height:100%; width:200px;left:0px; margin-left: -200px;top:0px;background:rgba(0,0,0,0.9); 
	color:#fff;	z-index:1111;}
.menu-item ul li{list-style:none;font-size:20px;padding:10px;width:100%;}
.menu-item ul li i{padding:0 10px;}
.menu-item ul li a{color:#fff !important;text-decoration:none; padding:6px !important;}
#pollSlider-button  {border: 0;  position:fixed;   width: 45px;  height: 45px;   padding: 0; margin: 0; cursor: pointer;    top: 0; left: 0;  border-radius: 0 5px 5px 0;  display:none;}
.navbar-toggle {display:block !important;}

 #pollSlider-button .navbar-toggle .lines { width: 20px;  margin:  -5px -10px; height: 20px;}
#pollSlider-button .navbar-toggle span {height: 2px; width: 100%; background-color: #fff; display: block;margin-bottom: 5px;
  -webkit-transition: -webkit-transform 0.5s ease;  transition: -webkit-transform 0.5s ease;transition: transform .5s ease;}
.noti-icon{width:20%;}
.media a:hover{background:none !important;}
.notification-list  .media{border-bottom: 1px solid #ccc; }
.noti-all{background:#F7F5F5;}
.notification-list-img{float:left;}
.no-noti .media{padding:10px;}
.no-noti .media h5{padding:5px;}