/* Manrope font import */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Manrope/static/Manrope-ExtraLight.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Manrope/static/Manrope-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Manrope/static/Manrope-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Manrope/static/Manrope-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Manrope/static/Manrope-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Manrope/static/Manrope-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Manrope/static/Manrope-ExtraBold.ttf') format('truetype');
  font-display: swap;
}

/* Inter font import */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Inter/Inter-VariableFont_slnt,wght.ttf') format('truetype');
  font-display: swap;
}

.apim-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
}
.apim-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid rgb(8, 165, 212);
  border-color:  rgb(8, 165, 212) transparent  rgb(8, 165, 212) transparent;
  animation: apim-dual-ring 1.2s linear infinite;
}
@keyframes apim-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  height: 9px;
  width: 75px;
  --c:no-repeat linear-gradient(#000 0 0);
  background: var(--c), var(--c), var(--c), var(--c);
  background-size: 26% 3px;
  animation: l1 1s infinite;
}
@keyframes l1 {
  0%,
  70%,
  100%   {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
  11.67% {background-position: calc(0*100%/3) 0   ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
  23.33% {background-position: calc(0*100%/3) 100%,calc(1*100%/3) 0   ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
  35%    {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 100%,calc(2*100%/3) 0   ,calc(3*100%/3) 50% }
  46.67% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 100%,calc(3*100%/3) 0   }
  58.34% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 100%}
}
.slideContentTitle span{
  background: #f05107;
  color: rgb(255, 255, 255);
}
.image-load-frame {
	background: #efefef;
    width: 100%;
    height: 50px;
    position: relative;
}
div.image-load-animation1 {
  width: 20px;
  height: 50px;
  background-color: #efefef;
  position: absolute;
  -webkit-animation-name: image-load-animation1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: image-load-animation1;
  animation-duration: 2s;
  animation-iteration-count: 2;
}
div.image-load-animation2 {
  width: 20px;
  height: 50px;
  background-color: #efefef;
  position: absolute;
  -webkit-animation-name: image-load-animation2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: image-load-animation2;
  animation-duration: 2s;
  animation-iteration-count: 2;
}

/* Standard syntax */
@keyframes image-load-animation1 {
  0%   {background-color:#efefef; left:0px; top:0px;}
  50%  {background-color:#e3e3e3; left:15px; top:0px;}
  100% {background-color:#efefef; left:0px; top:0px;}
}
@keyframes image-load-animation2 {
  0%   {background-color:#efefef; left:30px; top:0px;}
  50%  {background-color:#e3e3e3; left:45px; top:0px;}
  100% {background-color:#efefef; left:30px; top:0px;}
}
body {
  margin: 0;
  height: 100%;
  font-family: 'Manrope', 'Inter', sans-serif;
}
a {
  text-decoration: none;
}

/* Hiding models section in swagger console */
.wrapper section.models {
    display: none;
}

/* Static style for graphql-explorer library */
.graphiql-explorer-root {
  max-height: 750px;
  overflow-y: scroll;
}


/* Swagger UI overides */
.swagger-ui .opblock .opblock-summary-method {
  color: #29292d !important;
}

.swagger-ui .opblock-delete .opblock-summary-method {
  color: #000 !important;
}

/* Styles to support rendering for markdown tables */
.markdown-content-wrapper {
  padding-left: 20px;
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.markdown-content-wrapper table{
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: 'Manrope', 'Inter', sans-serif;
  min-width: 600px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.markdown-content-wrapper thead tr {
  background-color: #009879;
  color: #ffffff;
  text-align: left;
}
.markdown-content-wrapper th,
.markdown-content-wrapper td {
    padding: 12px 15px;
}
.markdown-content-wrapper tbody tr {
  border-bottom: 1px solid #dddddd;
}
.markdown-content-wrapper tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.markdown-content-wrapper tbody tr:last-of-type {
  border-bottom: 2px solid #009879;
}
.markdown-content-wrapper tbody tr.active-row {
  font-weight: bold;
  color: #009879;
}
.markdown-content-wrapper blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

.bg-custom {
  background-color: #0058a0;
}