/**
 * Copyright © 2016 The Thingsboard Authors
 *
 * 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 "~compass-sass-mixins/lib/animate";

.tb-invisible {
  display: none !important;
}

.tb-primary-toolbar {
  h1 {
    font-size: 24px !important;
    font-weight: 400 !important;
  }
}

.tb-breadcrumb {
  font-size: 18px !important;
  font-weight: 400 !important;
  h1, a, span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  a {
    border: none;
    opacity: 0.75;
    @include transition(opacity 0.35s);
  }
  a:hover, a:focus {
    opacity: 1;
    text-decoration: none !important;
    border: none;
  }
  .divider {
    padding: 0px 30px;
  }
}

md-sidenav.tb-site-sidenav {
  width: 250px;
}

md-icon.tb-mini-avatar {
  margin: auto 8px;
  font-size: 36px;
  height: 36px;
  width: 36px;
}

md-icon.tb-logo-title {
  height: 36px;
  width: 200px;
}

div.tb-user-info {
  line-height: 1.5;
  span {
    text-transform: none;
    text-align: left;
  }
  span.tb-user-display-name {
    font-size: 0.800rem;
    font-weight: 300;
    letter-spacing: 0.008em;
  }
  span.tb-user-authority {
    font-size: 0.800rem;
    font-weight: 300;
    letter-spacing: 0.005em;
    opacity: 0.8;
  }
}

.tb-nav-header {
  flex-shrink: 0;
  z-index: 2;
  white-space: nowrap;
}

.tb-nav-header-toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  flex-shrink: 0;
  z-index: 2;
  white-space: nowrap;
}