@font-face {
  font-family: "TeleNeoWeb";
  src: url('../fonts/TeleNeoWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TeleNeoWeb";
  src: url('../fonts/TeleNeoWeb-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TeleNeoWeb";
  src: url('../fonts/TeleNeoWeb-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "TeleNeoWeb";
  src: url('../fonts/TeleNeoWeb-ExtraBold.woff2') format('woff');
  font-weight: 800;
  font-style: normal;
}

html,
body {
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif;
  font-size: 17px !important;
  background-color: #f8f8f8;
  margin-top: 0px;
  margin-left: 0;
  margin-right: 0;
}

redoc {
  width: 90%;
  margin-top: 90px;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
}  

h1,
.h1 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.167
}

h2,
.h2 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2
}

h3,
.h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.167
}

h4,
.h4 {
  font-size: 1.286rem;
  font-weight: 500;
  line-height: 1.235
}

.subtitle1 {
  font-size: 1.143rem;
  font-weight: 500;
  line-height: 1.75
}

p,
.body1 {
  line-height: 1.5
}

p {
  margin: 0 0 16px
}

.body2 {
  font-size: 0.86rem;
  line-height: 1.43
}

code,
pre {
  font-size: 1rem;
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  /* font-family: 'Roboto Mono', monospace */
}

.overline {
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 2.66;
  text-transform: uppercase
}

.inline-code {
  font-size: 1rem;
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  /* font-family: 'Roboto Mono', monospace; */
  background-color: white;
  border: 1px solid #E1E2E6;
  padding: 0.2em 0.4em;
  border-radius: 4px
}

.code-block {
  font-size: 1rem;
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  /* font-family: 'Roboto Mono', monospace; */
  background-color: white;
  border: 1px solid #E1E2E6;
  padding: 8px;
  border-radius: 4px;
  display: block
}

.menu-content {
  padding-top: 15px;
}

.menu-content>div:first-child {
  background-color: #dddddd;
  height: 60px;
  text-align: left !important
}

.menu-content>div:first-child img {
  width: 160px !important;
  margin: 15px 20px
}

.menu-content label.-depth0 span,
.menu-content label.-depth1 span {
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif !important
}

.menu-content label.-depth0 {
  text-transform: none;
  color: #000 !important
}

.menu-content label.-depth1 span {
  color: #677680 !important
}

.menu-content ul+div {
  display: none
}

.menu-content {
  font-size: 1.3rem;
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif !important;
}

.menu-content .-depth1 {
  font-size: 1.3rem;
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif !important;
  font-weight: 700;
  background-color: white;
  padding-left: 0px;
  color: rgb(50, 50, 50);
}

.menu-content .-depth2 :hover {
  color: rgb(227 3 115);
}

.menu-content .-depth2 {
  font-size: 0.95em;
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif !important;
  font-weight: 500;
  color: rgba(50, 50, 50, 0.75);
}
redoc h1 {
  font-size: 32px !important;
  font-weight: 700;
}

redoc h1,
redoc h2,
redoc h3,
redoc h4,
redoc h5,
redoc h6 {
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif !important;
  color: inherit !important;
}

redoc p,
redoc a {
  font-family: "TeleNeoWeb","Helvetica",Arial,sans-serif !important;
}

redoc .operation-type {
  display: none !important
}

redoc.hub-api .menu-item-depth-0>.menu-item-header:first-child .menu-item-title {
  color: #000 !important
}

redoc.hub-api .menu-item-for-operation .menu-item-header .menu-item-title {
  padding-left: 1em !important
}

a, 
redoc a {
  color: rgb(227, 3, 115) !important;
}

redoc .api-content {
  font-size: 17px  !important;
}
/* =============== head ================================  */

.header-div {
  height: 76px;
  background-color: white;
  margin-bottom: 18px;
  position: fixed;
  z-index: 100;
  width: 100%;
}

.header-link {
  height: 100%;
  width: 240px;
  color: #0d0d0d;
  text-decoration: none;
  /* background-color: rgb(250, 250, 250); */
  /* padding: 20px 12px 20px 12px; */
  float: left;
}
.header-link a {
  float: right;
  height: 100%;
}

img {
  max-height: 100%;
}

.section-header {
  height: 100%;
  width: calc(100% - 240px);
  float: left;
}
.section-header h1 {
  font-weight: 1000;
  /* text-shadow: 0px 0px 19px #0000003d; */
  color: rgb(227 3 115);
  padding-left: 20px;
  padding-top: 3px;
  font-size: 1.7rem;
}

.menu-content div[data-role="search:results"] {
  position: relative;
  z-index: 100;
}