@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__menuToggle {
background-color: transparent;
}
.Header__logo img {
    max-height: unset;
    max-width: unset;
    width: auto;
}
@media only screen and (max-width: 1024px) {
.Header__menuicon {
background-color: #ffffff;
}
}
/* 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;
}
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;
}
.Button__footerBtn:hover,
.commonStyle__zt3BrandBg {
    background-color: #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;
}
.Avatar__avatar > img {
  	width: 40px;
    height: 40px;
}
.KbDetailLtContainer__articleContent a,
.KbDetailLtContainer__articleContent a span,
.Icon__linkedin,
.Icon__twit,
.Icon__fb,
.Icon__greyShade70 {
    color: #00999a;
}
/* 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 */
#footerContainer {
  display: none
}
.Readingprogress__progressBar {
  background: linear-gradient(90deg,#00999a 16%,#009999 75.89%,#00999a 99.8%)
}