.md-nav--primary > .md-nav__list > .md-nav__item.md-nav__item--active > .md-nav > .md-nav__list > .md-nav__item {
  font-weight: bold;
}

.md-nav__item .md-nav__item {
  font-weight: normal;
}

.md-search ::placeholder,
.md-search .md-search__icon.md-icon {
  color: #000000 !important;
  /* Theme upgrade to 6.x move the green part right 31px to let it overlay with search icon, added by zyk*/
  margin-left: 31px;
  background: none;
  display: none;
}

.md-search .md-search__form:after {
  background-color: #335f7d;
}

.md-header .md-tabbar-search-container__title,
.md-header .md-header-nav__button {
  color: #335f7d;
}

.md-search .md-search__input {
  color: #000000;
}

.md-search .md-search__inner {
  width: 100% !important;
}

@media screen and (max-width: 59.9375em) {
  .md-header .md-tabbar-search-container .md-search .md-search__inner .md-search__form {
    background-color: #ffffff !important;
    display: flex;
    width: 100%;
    height: 1.5rem;
  }

  .md-search .md-search__output {
    top: 1.5rem;
  }

  .md-search .md-search__input {
    padding-right: 3rem;
  }

  .md-search__input:valid ~ .md-search__icon[type=reset] {
    right: 2.6em;
  }
}

.md-tabbar-search-container__search .md-icon--search {
  top: 0;
}

button[type="reset"]::before {
  color: black !important;
}

/*default IC header tag hiding*/
#_mdspheader--mainIC {
  display: none !important;
}

.md-nav__item--active .md-nav__item {
  padding: 0 0.4rem !important;
}

/* For Overlay Colour Ligntening */
.md-search__overlay {
  background-color: rgb(0, 0, 0, 0.23);
}

/* for fixing the left nav scroll issue in smalllscreen */
.md-sidebar.md-sidebar--primary {
  top: 2rem !important;
}

.md-sidebar--primary .md-sidebar__scrollwrap {
  bottom: 40px !important;
}

.md-search-result__article.md-search-result__article--document h1 {
  color: #000000;
}

/* customize background of header */
.main-nav {
  background-color: #000028 !important;
}

.md-header .md-tabbar-search-container {
  background-color: #EBEBEF;
  height: 60px !important;
  transition: padding 0s;
}

.md-header .md-tabbar-search-container .md-header-nav__button {
  order: unset;
  align-items: center;
  justify-content: center;
}

.md-header .md-tabbar-search-container .md-tabbar-search-container__search {
  position: relative;
  align-items: center;
  top: 0;
  width: 40%;
}

.md-header .md-tabbar-search-container .md-tabs {
  top: 0;
  padding-right: 50px;
}

.md-header .md-tabbar-search-container .md-tabs .md-tabs__list {
  display: none;
}

.md-header .md-tabbar-search-container .md-search__form {
  background-color: transparent !important;
  box-shadow: none !important;
}

.md-header .md-tabbar-search-container .md-search__input {
  background: inherit;
  font-family: "SiemensSans", "SiemensRoman", "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
  font-size: 14px;
  color: #000000;
}

.md-search__form input.md-search__input {
  min-width: 250px;
  padding-right: 40px;
}

.md-search div.md-search__inner {
  margin-top: 16px;
}

.md-search__inner div.md-search__output {
  margin-top: 3px;
}

.md-tabbar-search-container__search div.md-search {
  margin-top: -3px;
}

/* Theme upgrade to 6.x, we don't need it, but keep it here, will delete in the future, added by zyk*/
/*.md-search__form label.md-search__icon.md-icon  {
  padding-left: 10%;
  margin-top: 2px;
}

.md-search__form button.md-search__icon.md-icon  {
  padding-right: 52px;
  padding-bottom: 0;
  margin-top: -2px;
}*/

@media only screen and (max-width: 1807px) {
  .md-search__form input.md-search__input {
    padding-right: 75px;
  }
}

@media only screen and (max-width: 959px) {
  .md-tabbar-search-container__search label.md-icon.md-icon--search.md-header-nav__button {
    margin-top: 3px;
  }

  .md-search div.md-search__inner {
    margin-top: 10px;
  }

  .md-search__inner form.md-search__form {
    height: 33px !important;
  }

  .md-search__inner div.md-search_output {
    margin-top: 3px;
  }

  .md-tabbar-search-container__search div.md-search {
    width: 0;
  }

  .md-search__form input.md-search__input {
    min-width: 0 !important;
    margin-left: -87px;
    padding-right: 15px !important;
  }

  /* Theme upgrade to 6.x, we don't need it, but keep it here, will delete in the future, added by zyk*/
  /*.md-search__form label.md-search__icon.md-icon  {
    margin-top: 5px !important;
    margin-right: -20px;
    padding-right: 10px !important;
    padding-left: 0 !important;
  }

  .md-search__form button.md-search__icon.md-icon  {
    margin-top: 5px !important;
    margin-right: 3px;
    margin-left: 5px;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
  }*/
}

.md-header .md-tabbar-search-container .md-search__input::placeholder {
  color: #000000;
}

/* language toggle */
.md-header .md-tabbar-search-container .md-tabbar-search-container__search .md-header__option {
  top: 0;
  right: 0;
  /* Theme upgrade to 6.x move the langurate toggle right 20px to avoid it overlay with search icon, added by zyk*/
  margin-right: 20px;
  order: initial;
}

.md-header__option .md-select__inner {
  transition: none !important;
  top: 38px;
}

.md-header__option .md-select__inner:after {
  left: 54% !important;
  top: -2px !important;
  z-index: -1 !important;
}

.md-header__option .md-select__inner .md-select__item {
  font-size: 14px;
  z-index: 1;
}

.md-header__option .md-select__inner .md-select__item .md-select__link:hover,
.md-header__option .md-select__inner .md-select__item .md-select__link:focus {
  background-color: #d9d9df;
  color: #000000;
}

.md-language:before {
  color: #000000 !important;
}

/* end language toggle */

/* ------------------------------------------------------------------------------------ */
/* DISABLE ALL SIDEBAR ANIMATIONS AND TRANSITIONS IN ORDER TO AVOID IOS MOBILE CRASHING */
/* ------------------------------------------------------------------------------------ */
@media screen and (max-width: 76.1875em) {
  .md-sidebar--primary {
    transition: none !important;
  }
}

@media screen and (max-width: 99.9375em) {
  .md-overlay {
    transition: none !important;
    animation: none !important;
  }
}

@media screen and (max-width: 76.1875em) {
  .md-nav__toggle:checked~.md-nav {
    transition: none !important;
  }


  .md-sidebar--primary .md-nav__item {
    transition: none !important;
    animation: none !important;
  }

  .md-sidebar--primary .md-nav__link {
    transition: none !important;
    animation: none !important;
  }

  .md-icon--menu:before {
    position: relative;
    bottom: 4px;
  }

  .md-nav__list {
    overflow: hidden !important;
  }

  .md-header .md-header-nav__button {
    transition: none !important;
  }
}

/* hide the bottom right button of asyncapi page, because asyncAPI page is not rendered correctly with TOC and sidebar.*/
.aui-root .burger-menu {
  display: none;
}

/* Open API yml 文件中在response中如果用html的<table>标签，table里的文字会被设置成白色，跟table的背景色冲突了导致看不见，这里强制给它设成黑色*/
/*yml中如果指定openapi: 3.0.0 ，控制description中的table的css是这样*/
.material-openapi .swagger-ui .wrapper .responses-wrapper .responses-inner .response  .response-col_description .response-col_description__inner .renderedMarkdown table {
	color: #36464e;
}
/*yml中如果指定swagger: '2.0'，控制description中的table的css是这样*/
.material-openapi .swagger-ui .wrapper .responses-wrapper .responses-inner .response  .response-col_description .response-col_description__inner .markdown table {
	color: #36464e;
}