/*
  Copyright © 2019-2024 contains code contributed by Orange SA, authors: Denis Barbaron - Licensed under the Apache license 2.0
*/

.stf-menu .stf-logo {
  background: url(../../common/logo/exports/STF-512.png) no-repeat 0 0;
  width: 32px;
  height: 32px;
  float: left;
  text-indent: -9999em;
  margin: 6px 10px 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
}

.stf-menu .stf-top-bar {
  height: 44px;
  padding: 0 10px 0 20px;
  width: 100%;
  float: left;
}

.stf-menu .stf-nav {
  padding-left: 15px;
  text-align: left;
  margin: 0;
  float: left;
}

.stf-menu .stf-nav > li {
  padding-right: 15px;
  float: left;
  display: inline-block;
  text-align: left;
  position: relative;
  margin: 0;
}

.stf-menu .stf-nav > li > a {
  display: inline-block;
  text-align: left;
  padding: 0 !important;
  padding-right: 18px !important;
  padding-left: 14px !important;
  font-size: 15px;
  line-height: 44px;
  color: #777777;
  font-weight: 400;
  height: 44px;
  position: relative;
}

.stf-menu .stf-nav > li > a > span.fa {
  display: inline-block;
  float: left;
  margin: 8px 8px 0 0;
  font-size: 28px;
}

.stf-menu .stf-nav > li > a > span.fa-mobile {
  font-size: 30px;
}

.stf-menu .stf-nav > li > a.current {
  color: #007aff;
}

.stf-menu.navbar {
  height: 44px !important;
  min-height: 44px !important;
}

.stf-menu .information-level {
  background-color: #5bc0df;
}

.stf-menu .warning-level {
  background-color: #f0ad4f;
}

.stf-menu .critical-level {
  background-color: #ff4b2b;
}

.stf-menu .maintenance-banner {
  color: #ffffff;
  padding: 10px;
  position: relative;
  text-align: center;
  overflow: hidden;
  height: 44px;
}

.stf-menu .maintenance-banner p {
  font-size: 18px;
  animation: slideBanner 15s linear infinite;
  white-space: nowrap;
  position: relative;
  top: 50%;
  transform: translate(0%,-50%);
  line-height: 44px;
}

@keyframes slideBanner {
  0% {
   left: 100%;
  }
  100% {
   left: -100%;
  }
}