#logoutDetails {
  display: none;
}

.Footer__footerBg {
  display: none;
}

.Footer__container2 {
  display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

.Header__menu,
.Header__menu:after,
.Header__menu:before {
  background-color: #000000;
}

.Header__logo img {
  max-height: unset;
  width: 21.5rem;
  max-width: 21.5rem;
}

.Header__menuToggle {
  background-color: transparent;
}

@media only screen and (max-width: 1024px) {
  .Header__menuicon {
    background-color: #ffffff;
  }
}

@media only screen and (max-width: 768px) {
  .Header__logo img {
    width: 18.5rem;
  }
  #navBarContainer {
    padding: 0;
    justify-content: space-between;
    padding-right: 25px;
  }
  .Header__name {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .Header__logo img {
    width: calc(100vw - 129px);
    margin-bottom: 12px;
  }
  .LocalePopup__localeText {
    display: none;
  }
}

/* Start custom CSS by Ranny */
.html {
  font-family: 'Roboto', sans-serif;
}

#navBar {
  background-color: #fff;
}

.Header__tabsTab,
.LoginDetail__signin,
.LoginDetail__signup,
.CustomizeContainer__aPlus {
  color: #000;
}

.Avatar__avatar>img {
  width: 40px;
  height: 40px;
}

.KbDetailLtContainer__articleContent a,
.KbDetailLtContainer__articleContent a span,
.Icon__linkedin,
.Icon__twit,
.Icon__fb,
.Icon__greyShade70 {
  color: #00999a;
}

div.Input__positionRel .Input__inputCommon.Input__headerSearch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #666;
  border: 1px solid #e5e8ea;
  border-radius: 3px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  font-size: 1rem;
  padding: .9rem 0.75rem;
}

.commonStyle__zt3Brand,
.Icon__brand {
  color: #00999a;
}

.Icon__hoverbrand:hover {
  color: #00999a;
}

.Button__footerBtn:hover,
.AppContainer__backToTop,
.commonStyle__zt3BrandBg {
  background-color: #00999a;
}

.AppContainer__keyBoardfocus,
[data-focus-added] {
  outline: solid 3px #00999a;
}

.Header__tabsTab.Header__active,
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active {
  color: #00999a
}

/* change the nav item color */
li.LoginDetail__signin:hover,
li.LoginDetail__signup:hover,
li.Header__tabsTab:hover,
.Header__tabsTab.Header__active,
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active {
  border-bottom: 0.1875rem solid #00999a !important;
  color: #00999a !important;
}

/* fix the nav button click area */
.Header__menuTab .Header__menuList>li>a,
.Header__menuTab .Header__menuList>li>ul li a {
  display: block;
}

/* Mobile view menu*/
.Header__homeContent .Header__navbar,
.Header__defaultContent .Header__navbar,
.Header__navopen .Header__navbar .Header__menuTab {
  background-color: #fff;
}

/* Ticket erstellen, attach icon circle */
.commonStyle__zt3BrandBorder {
  border-color: #00999a;
}

/* Custom multi languages colors */
.LocalePopup__localeTarget {
  color: black;
}

/* Custom multi languages list item 
.LocalePopup__content .LocalePopup__localeSearch,
.LocalePopup__content .LocalePopup__defaultLang {
display: none;
}*/
.LocalePopup__content ul.LocalePopup__themeLang {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.LocalePopup__content ul.LocalePopup__themeLang li[data-id="de_locale"] {
  order: 1 !important;
  -webkit-order: 1
}

.LocalePopup__content ul.LocalePopup__themeLang li[data-id="fr_locale"] {
  order: 2 !important;
  -webkit-order: 2;
}

.LocalePopup__content ul.LocalePopup__themeLang li[data-id="it_locale"] {
  order: 3 !important;
  -webkit-order: 3;
}

.LocalePopup__content ul.LocalePopup__themeLang li[data-id="en_locale"] {
  order: 4 !important;
  -webkit-order: 4;
}

.commonStyle__popupList+.commonStyle__popupList {
  border-top: none;
  border-bottom: 1px solid #e6e8ea;
}

.ContentList__documentIcon svg {
  fill: #00999a;
}

/* End custom CSS by Ranny */
