text: /*!
   * Copyright (C) 2017/2020 e-voyageurs technologies
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   * http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
  
  @import '~bootstrap/scss/mixins/breakpoints';
  @import '~@nebular/theme/styles/global/breakpoints';
  @import '../../styles/themes';
  
  @include nb-install-component() {
    display: flex;
    justify-content: space-between;
    width: 100%;
  
    .logo-container {
      display: flex;
      align-items: center;
      width: calc(#{nb-theme(sidebar-width)} - #{nb-theme(header-padding)});
    }
  
    nb-action {
      height: auto;
      display: flex;
      align-content: center;
    }
  
    .app {
      margin-left: 10px;
      min-width: 150px;
    }
  
    .locale {
      margin-left: 10px;
      min-width: 100px;
    }
  
  
    ::ng-deep nb-search button {
      padding: 0!important;
    }
  
    .header-container {
      display: flex;
      align-items: center;
      width: auto;
  
      .sidebar-toggle {
        @include nb-ltr(padding-right, 1.25rem);
        @include nb-rtl(padding-left, 1.25rem);
        text-decoration: none;
        color: nb-theme(text-hint-color);
        nb-icon {
          font-size: 1.75rem;
        }
      }
  
      .logo {
        padding: 0 1.25rem;
        font-size: 1.75rem;
        @include nb-ltr(border-left, 1px solid nb-theme(divider-color));
        @include nb-rtl(border-right, 1px solid nb-theme(divider-color));
        white-space: nowrap;
        text-decoration: none;
      }
      .small {
        font-size: 20px;
      }
    }
  
    @include media-breakpoint-down(sm) {
      .control-item {
        display: none;
      }
      .user-action {
        border: none;
        padding: 0;
      }
    }
  
    @include media-breakpoint-down(is) {
      nb-select {
        display: none;
      }
    }
  }
  