@import "../custom-flexcss.scss";
#nav{
    margin-bottom: 0;
    border-bottom: 0;
    position: fixed;
    min-height: 36px;

    > .container-fluid:first-child{
        @include f-flex;

        .navbar-header{
            @include f-flex-shrink(0);
        }

        .ft-navbar-ul{
           margin: 0;
          @include f-flex-grow(1);
          @include f-flex;
          @include f-flex-justify-space-around;
        }
        background: $base-color;
        color:$white;
        padding: 5px 0 5px 0;
    }

}
#navigationLogo{
    height: 40px;

  i:hover{
    cursor: pointer;
  }
  .navbar-brand{
    height: 40px;
    padding: 0 15px;
  }
    >#imgLogo{
        background-image:url('/images/formbird-logo.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: left center;
        background-size:100% 100%;
        max-width: 100%;
        max-height: 100%;
        padding: 0;
        &:hover{
            cursor: pointer;
        }
    }
    >#defaultImgLogo{
        float: left;
        &:hover{
            cursor: pointer;
        };
    }
    >#defaultImgLogosmall{
        &:hover{
            cursor: pointer;
        };
    }
    >#imgLogosmall{
        background-image:url('/images/formbird-logo-small.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: 82% 70%;
        //height: 100%;
        width: 100%;
        &:hover{
            cursor: pointer;
        };
        >i{
            opacity:1;
        }
    }
}


  #navigationSearch {
      text-align: left;
      @include f-flex-grow(5);      
      
      

      >ft-search {
          > div {
              @include f-flex;
              @include f-flex-justify-center;
              .form-group{
                  padding: 0;
                  margin: 0!important;
              }
            > *:first-child{
              @include f-flex-grow(1);
              @include f-flex-shrink(2);
              @include f-flex-basis(20%);
              width: 170px;
            }
          }
      }

    .btn-default-focus{
      border: 0;
      box-shadow: none;
      outline: 0;
      background-color: transparent;
    }


  }

    
    #navigationUser{        
        padding-left: 10px;
        margin-bottom: 0;


        

        a{
            color: #777;
        }


        .name {
            @include f-flex;
            @include f-flex-align-items-center;
            @include f-flex-justify-end;
         > .fa-user {
                vertical-align: middle;
                line-height: 36px;
                margin-right: 10px;
                &:hover {
                    color: $white;
                }

            }
            small{
                font-size:  85%;
                color:$white;
                display: inline-block;
                margin-right: 10px;
            }
        }




        a{
            text-decoration: none;
            &:hover{
            text-decoration: none;
           }

        }
        .dropdown-menu li > a{
                font-size: 16px;
                padding: 5px 20px;
         }
    }

.ft-uploader{
    @include f-flex;
}

.homeButtonImage{
    height: 36px; padding: 1px 14px;
}

#commandbar-wrapper {    
    transform: translateX(0);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
    margin: 0;
    padding-left: 40px;
    

    .glyphicon-camera{
        font-size: 20px;
        color: $text-color;
    }
  .commandbar-item{
    &:hover,
    label:hover{
      cursor: pointer;
      opacity: 0.6;
    }
  }

  }




.ft-navbar-text{
  font-size: 20px;  
  margin-right: 20px;
}