header {

  #welcome {

    border-top:none;
    border-radius:0 0 7px 7px;
    float:right;

    a {

      color:$orange-create;

        &:hover {
          text-decoration:none;
        }

    }

    .panel-body {

      padding-bottom:10px;
      padding-top:10px;
    }

  }

  h1 {

    @extend .pull-left;

    margin-bottom:0;


    > a {

      display:inline-block;
      height:50px;
      margin:20px 0 18px;
      overflow:hidden;
      width:auto;

        + img {
          margin-top:22px;
        }


      > img {
        height:100%;
        width:auto;

        }

    }

  }

  nav {

    a,a:hover {
      color:#fff;
    }

    + div {
      float:right;
    }

    > ul {
      list-style:none;
      margin-bottom:14px;
      padding:0;

      > li {

        display:inline-block;
        position:relative;

        &.show {
          display:inline-block !important;
        }

         &:hover .btn {
          background-color:#fc860d;
          @include linear-gradient(to bottom, #ef6d00, #fe983f);
          border-color:#fe983f;
          border-radius:8px 8px 0 0;
          color:#fff;
        }

       &:hover > ul {
          display:block;
        }

          .btn {

            @extend .text-left;

            border-radius:8px;
            background-color:#bec4c7;
            border:2px solid #dce1e3;
            color:#fff;
            font-size:10px;
            line-height:20px;
            margin-right:5px;
            position:relative;
            text-transform:uppercase;
            //min-width:136px; remove comment when all of alw on TBS
            padding:6px 28px 6px 12px;
            width:123px;// remove when all of alw is on TBS

              .caret {
                position:absolute;
                right:12px;
                transform:translateY(-50%);
                top:50%;
                border-left-width:5px;// remove when all of alw is on TBS
                border-right-width:5px;// remove when all of alw is on TBS
                border-top-width:5px;// remove when all of alw is on TBS
              }

              &:last-of-type {
                margin-right:0;
              }
          }

          ul {
            @extend .list-unstyled;

            background:#fe983f;
            display:none;
            padding-bottom:4px;
            position:absolute;
            top:100%;
            width:100%;
            z-index:999;

            li {
              color:#fff;
              cursor:pointer;
              font-size:11px;
              padding:0 12px 6px;

              &:hover {
                text-decoration:underline;
              }
            }

          }

      }

    }

  }

  #help-center-link {
    @extend .text-right;

    > a {
      color:$green-update;
      line-height:20px;
      padding-left:34px;
      position:relative;

        &:hover {
          text-decoration:none;
        }

        &:before {
          @extend .text-center;

          background:#fff;
          border:2px solid $green-update;
          border-radius:50%;
          box-shadow:0 0 0 4px lighten($green-update, 33.5%);
          content:"?";
          font-size:20px;
          font-weight:500;
          height:24px;
          left:0;
          line-height:20px;
          position:absolute;
          top:0;
          width:24px;
        }
    }
  }

}