.navbar{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  margin-bottom:0
}

.navbar-default{
  background-color:transparent;
  border:none
}

.navbar-collapse{
  border:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none
}

#dnnMenu .topLevel>li>a{
  color:#3f3f3f
}

#dnnMenu .topLevel>li>a:focus,#dnnMenu .topLevel>li>a:hover{
  color:#979797
}

#dnnMenu .topLevel>li.active>a:focus,#dnnMenu .topLevel>li.active>a:hover{
  color:#3f3f3f
}

#dnnMenu .topLevel>.open>a,#dnnMenu .topLevel>.open>a:hover,#dnnMenu .topLevel>.open>a:focus{
  background:none
}

#dnnMenu .topLevel>.active.open>a,#dnnMenu .topLevel>.active.open>a:hover,#dnnMenu .topLevel>.active.open>a:focus{
  background-color:#e7e7e7
}

#dnnMenu .navbar-default .topLevel>li>a{
  -webkit-transition:all .3s ease 0s;
  -moz-transition:all .3s ease 0s;
  -o-transition:all .3s ease 0s;
  transition:all .3s ease 0s
}

#dnnMenu .dropdown-menu{
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  background:#f1f1f1;
  padding:0
}

#dnnMenu .dropdown-menu::after{
  bottom:100%;
  left:35%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  border-color:rgba(241,241,241,0);
  border-bottom-color:#f1f1f1;
  border-width:10px;
  margin-left:-30px
}

#dnnMenu .dropdown-menu li{
  background:none;
  float:none;
  clear:both;
  width:auto;
  padding:5px 5px;
  border-bottom:1px solid #e1e1e1;
  -o-transition:all .3s ease 0s;
  -webkit-transition:all .3s ease 0s;
  -moz-transition:all .3s ease 0s;
  transition:all .3s ease 0s
}

#dnnMenu .dropdown-menu li:hover{
  background:#7ca0c0
}

#dnnMenu .dropdown-menu li:last-child{
  border:none
}

#dnnMenu .dropdown-menu li>a{
  background:transparent
}

#dnnMenu .dropdown-menu li.active>a,#dnnMenu .dropdown-menu li.active a:hover,#dnnMenu .dropdown-menu li.active a:focus{
  color:#3f3f3f;
  font-weight:600
}

#dnnMenu .dropdown-menu a:hover{
  color:#fff
}

#dnnMenu .subLevelRight::after{
  border:none
}

@media only screen and (min-width:762px) and (max-width:995px){
  #dnnMenu .nav li{
      font-size:15px
  }

}

@media only screen and (max-width:992px){

  #dnnMenu .dropdown-menu{
      padding:0
  }

  #dnnMenu .dropdown-menu::after{
      border:none;
      pointer-events:none;
      border-color:none;
      border-width:0
  }

  #dnnMenu .dropdown-menu.subLevel{
      padding:0
  }

  #dnnMenu .dropdown-menu.subLevel li.active a span{
      color:#3f3f3f
  }

  #dnnMenu .dropdown-menu.subLevel li{
      background:#4a4f54;
      border-bottom:1px solid #4a4b4c;
      padding:0
  }

  #dnnMenu .dropdown-menu.subLevelRight li{
      background:#5d6062;
      padding:0
  }

  #dnnMenu .topLevel li{
      position:relative;
      background:#383c40;
      list-style-type:none;
      float:none;
      width:100%;
      margin-bottom:0;
      border-top:1px solid rgba(0,0,0,.1)
  }

  #dnnMenu .topLevel li.active a{
      color:#3f3f3f;
      font-weight:bold
  }

  #dnnMenu .topLevel li a{
      display:block;
      color:#ddd;
      -webkit-transition:all .2s ease 0s;
      -moz-transition:all .2s ease 0s;
      -o-transition:all .2s ease 0s;
      transition:all .2s ease 0s;
      padding-top:5px;
      padding-bottom:5px
  }

  #dnnMenu .topLevel li a:hover{
      background:#bbc2c8
  }

  #dnnMenu .topLevel li a:hover span{
      color:#3f3f3f
  }

  #dnnMenu .topLevel li a span{
      line-height:52px;
      margin:0;
      padding:0 15px;
      font-size:15px
  }

  #dnnMenu .topLevel .dropdown.open a span{
      color:#7ca0c0
  }

  #dnnMenu .topLevel .dropdown-menu.subLevel a span{
      color:#fff
  }

  #dnnMenu .topLevel>li>a{
      color:#fff
  }

  #dnnMenu .topLevel>li>a:hover span{
      color:#7ca0c0
  }

  #dnnMenu .dropdown.open .subLevel>li a:hover span{
      color:#69849d
  }

  .navbar-nav.sm-collapsible .caret,.navbar-nav.sm-collapsible ul .caret{
      position:absolute;
      right:0;
      padding:0;
      width:65px;
      height:62px;
      line-height:60px;
      text-align:center;
      border-width:1px;
      border-style:solid;
      top:0;
      border:none;
      background-color:#2c2f33;
      display:block;
      margin:0;
      border-radius:0;
      font-size:1.3em
  }

}

#qtHeader {
    position: fixed;
    width: 100%;
    background-color: #262628;
    height: 47px;
    z-index: 1000;
}

#qtHeader, #dnn_dnnUser_enhancedRegisterLink, #qtHeaderNav #dnnMenu * {
    color: #DFDFE7;
    font-size: 13px;
}

.loginGroup #dnn_dnnLogin_enhancedLoginLink {
    color: #DFDFE7;
}

.searchLink {
    color: white;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .searchLink {
        margin-right: 15px;
    }
}

#qtHeader .searchLink:hover {
    color: #69849d;
}

#qtHeaderLogo {
    color: white;
    z-index: 102;
}

#qtHeaderLogo img {
    margin: 2px 5px 12px 22px;
    height: 40px;
}

@media (min-width: 1200px) {
    #qtHeaderLogo img {
        margin-left: 0px;
    }
}

.userDisplayName {
    max-width: 130px;
    list-style-type: none;
    height: 21px;
    overflow: hidden;
}

#qtHeaderNav #dnnMenu {
    text-align: center;
    margin-left: 20px;
}

#qtHeaderNav #dnnMenu ul li a {
    text-transform: uppercase;
    padding: 14px 13px 12px 13px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#qtHeaderNav #dnnMenu ul li a:hover, #qtHeaderNav #dnnMenu ul li a:focus, #qtHeaderNav #dnnMenu ul li.active {
    background-color: #5e5e63;
}

.loginGroup, .searchLink {
    vertical-align: top;
}

.userDisplayName, .loginGroup {
    padding-right: 15px;
}

.registerGroup {
    padding-top: 6px;
}

.loginGroup {
    padding-top: 10px;
}

.searchLink {
    padding-top: 11px;
}

#qtHeaderMiscLinks {
    margin: 6px 0px 15px 0px;
    visibility: hidden;
    text-align: right;
}

/* enable bootstrap hamburger menu between md and lg */
@media (min-width: 762px) and (max-width: 992px) {
    #navbar, .navbar-nav {
        width: 100%;
    }

    #navbar {
        padding-right: 0;
    }

    .navbar-nav {
        margin-left: 0;
        margin-right: 0;
    }

    #navbar {
        position: relative;
        bottom: 8px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
}

@media (max-width: 766px) {
    #mobileMenu #navbar {
        position: relative;
        bottom: 15px;
    }
}

#mobileMenu {
    display: none;
}

#mobileMenu .navbar {
    margin-right: 13px;
    z-index: 101;
}

#mobileMenu .navbar-nav {
    text-align: center;
}

#mobileMenu .navbar-toggle {
    border: none;
}

@media (max-width: 992px) {
    #qtHeaderMiscLinks, #qtHeaderNav {
        display: none;
    }

    #mobileMenu {
        display: inline;
    }
}

.loginGroup, .registerGroup, .userDisplayName {
    display: inline-block;
}