.tusur_header_wrapper
  font-size: 14px
  font-family: 'Verdana', 'Tahoma', sans-serif

  *
    +box-sizing(border-box)

    &:before,
    &:after
      +box-sizing(border-box)

  #menu_first
    .navbar-nav > li > a
      padding: 10px 15px

  #menu_second
    .container
      height: 46px

  .form-group
    position: relative
    float: left

    input
      +border-radius(8px)
      +box-shadow(none)
      border: none
      font-size: 12px
      height: 30px
      padding: 6px 15px


  .mobile-toggler, .navbar-inverse .navbar-toggle:focus
    background: #d1d4d3
    border: none
    margin-top: 4px

  .navbar-inverse .navbar-toggle:hover
    background: #e3e5e6

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
    border-top: none
    border-bottom: none
    +box-shadow(none)

  .official-doc-for-mobile
    clear: both
    padding-left: 10px

    .official-documents
      padding-left: 0px

    .search
      position: relative
      float: left !important

    .official-documents
      float: left
      margin-bottom: 10px
      margin-right: 10px

      a
        color: #fff

        &:hover
          text-decoration: underline

  #site-menu

    .active
      background-color: #428bca

      a
        background-color: #428bca

        &:focus
          background-color: #428bca

  .has_arrow
    position: relative

    &:after
      display: none
      bottom: 0
      left: 50%
      border: solid transparent
      content: ' '
      height: 0
      width: 0
      position: absolute
      pointer-events: none
      border-color: rgba(255, 255, 255, 0)
      border-bottom-color: #005bae
      border-width: 15px 9px 6px 9px
      margin-left: -9px
      z-index: 1100

  .navbar-collapse
    border-top: none
    +box-shadow(none)

  .first-menu-part
    float: left
    margin-top: 6px
    position: relative

    li a
      text-decoration: none

    li.col-xs-12
      padding: 0px
      margin-left: 0px

  .navbar-collapse.in
    overflow: hidden

  .second-menu-part
    float: right
    overflow: hidden
    padding-right: 0px
    position: relative

    .navbar-form.navbar-right
      padding-right: 0px

  .navbar.navbar-inverse.navbar-second-menu
    +border-radius(0)
    background: #005bae
    border: none
    margin: 40px 0 0 0
    min-height: 40px

    .search
      float: right
      margin-right: 10px
      margin-top: 8px
      padding-bottom: 0
      padding-top: 0
      position: relative

    a.glyphicon-search
      color: #fff
      font-size: 20px
      text-decoration: none
      margin-left: 3px
      margin-top: 3px

      &:hover
        text-decoration: none

    .form-control
      +box-sizing(border-box)
      width: 180px !important
      height: 30px

    .navbar-collapse.collapse
      .official-documents
        float: right
        margin: 13px 0 6px 0
        position: relative

        a
          color: #fff
          height: 34px
          line-height: 20px
          text-decoration: none

          &:hover
            text-decoration: underline

    .nav
      li
        a
          color: #fff
          height: 34px
          line-height: 20px
          padding: 7px 10px

          &:hover, &:focus
            background-color: #428bca

      .dropdown-menu
        a
          color: #222

          &:hover, &.active
            background: #0089d1
            color: #fff

    .nav .open > a
      background-color: #428bca

      &:hover, &:focus
        background-color: #428bca

  .navbar.navbar-inverse.navbar-fixed-top
    background: #fff
    border-bottom: none
    min-height: 40px

    .disabled
      cursor: default !important

      &.has_arrow:after
        display: block

    .dropdown-toggle
      +box-sizing(border-box)
      height: 40px
      line-height: 20px
      padding: 7px 15px
      text-decoration: none

      .current_user
        line-height: 24px

        .caret
          margin: 0

      &:hover
        cursor: pointer

      span
        +user-select(none)
        -webkit-touch-callout: none

      .tmp_caret
        padding: 7px
        height: 4px

      .caret
        color: #9a9a9a
        margin-left: 6px

    .navbar-header
      border-right: solid 1px #ccc
      height: 40px
      a
        margin: 10px 0 0 10px

      .navbar-brand
        background: image_url('tusur_logotype.png') no-repeat
        height: 24px
        width: 219px
        margin-top: 7px
        padding: 0

    .nav.navbar-nav
      border-right: solid 1px #ccc

      .open
        .dropdown-toggle
          background: #f3f3f3
          color: #000
          z-index: 1101

        .dropdown-menu
          +border-radius(0)
          +box-shadow(none)
          background: #f3f3f3
          border-top: 0
          left: -1px

          li
            a
              color: #000
              padding: 3px 15px
              text-decoration: none

              &:hover
                color: #005bae
                background: #e5e5e5
                text-decoration: none

            &.active a
              color: #fff
              text-decoration: none

      &.navbar-right
        border-left: solid 1px #ccc
        border-right: none

        a
          text-decoration: none

        &:last-child
          margin-right: 0

        .open
          .dropdown-menu
            +border-radius(0)
            +box-shadow(none)
            background: #f3f3f3
            border-top: 0
            left: auto

    li
      a
        color: #000

.auth_block
  border: none !important

  li.dropdown, li.notification_icon, li.sign_in
    border-left: 1px solid #ccc
    height: 40px

    a
      padding: 10px 15px 10px 15px

  li.notification_icon
    border: none

    a
      display: block
      padding: 10px 15px

      img
        display: inline-block
        height: 16px
        vertical-align: middle
        width: 16px

      .counter
        color: #2a6496
        float: left
        font-size: 12px
        height: 16px
        line-height: 24px
        margin: 0 5px 0 0

  .current_user
    display: block
    float: left
    line-height: 24px

    img
      display: block
      float: left
      margin: 0 5px 0 0

#menu_mobile
  display: none

@media (max-width: 768px)
  #menu_mobile
    display: block
    border-bottom: 1px solid #ccc

    .active
      background: #fff !important

  .tusur_header_wrapper
    height: 40px

  #menu_first, #menu_second
    display: none