/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/Open_Sans/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/Open_Sans/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
main{
  padding-bottom: min(calc(50px), calc(5vh))
}
#react-root{
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.overview-api.overview-api-accordian-root{
  padding-left: 0px;
  padding-right: 0px;
}
.overview-api.overview-title{
  color: #000;
  font-size: .8rem;
}
.overview-api-icons.overview-api{
  color: black;
  stroke: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: .8rem;
}
.overview-api-text.overview-api{
  color: black;
  font-weight: 400;
  font-size: .8rem;
}
.overview-api-icons-selected.overview-api{
  color: white;
  stroke: rgba(255, 255, 255, 0.87);
  font-weight: 400;
}
.overview-api-text-selected.overview-api{
  color: white;
  font-weight: 400;
  font-size: .8rem;
}
.apihub-container{
  height: 60px;
  justify-content: center;
  text-align: center;
  display: flex;
  align-items: center;
}

.apihub-container.horizontal{
  padding-right: 20px;
}
.apihub-container.horizontal::after{
  content: '';
  width: 1px;
  background-color: rgba(100, 100, 100, 0.15);
  display: inline-block;
  height: 50px;
  margin-left: 20px;
}
.apihub-container.horizontal::before{
  content: '';
  width: 1px;
  background-color: rgba(100, 100, 100, 0.15);
  display: inline-block;
  height: 50px;
  margin-right: 20px;
}
.apihub-image{
  height: 32px;
  padding-bottom: 5px
}
.tm-image-logo{
  height: 32px;
  padding-left: 10px;
}
.glob-nav-link-back-selected.glob-nav{
  background-color: #1800ef;
  border: none;
}
.glob-draw-background.glob-draw{
  background-color: #cedcff;
}
.glob-nav-link-back.glob-nav{
  background-color: #cedcff;
  border: none;
}
.glob-nav-link-text-selected.glob-nav{
  color: white;
}
.glob-nav-link-text.glob-nav{
  color: black;
}
.primary-navigation{
  padding-top: 0px;
  padding-bottom: 0px;
}
.home-button{
  padding-right: 20px;
}
.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;
}

.footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  text-align: center;
  height: 35px;
}

.footer-images {
  position: absolute;
  display: flex;
  align-items: center;
  left: -24px;
}
.footer-images .footer-image{
  height: 35px;
  padding: 0px;
}
.footer-images .footer-image2 {
  height: 35px;
  width: 200vw;
  background-color: #180092; /* Set background color */
}

.footer-text {
  position: absolute;
  right: 35px;
  padding-left: 120px;
  max-height: 50px;
  min-width: 90px;
  color: white;
  font-size: 0.7rem;
}
.footer-text.footer-size{
  font-size: 0.7rem;
}

@keyframes apim-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.image-load-frame {
	background: #efefef;
    width: 100%;
    height: 100%;
    position: relative;
}
div.image-load-animation1 {
  width: 40px;
  height: 100%;
  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: 40px;
  height: 100%;
  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;}
  70%  {background-color:#e3e3e3; left:70%; top:0px;}
  100% {background-color:#efefef; left:0px; top:0px;}
}
@keyframes image-load-animation2 {
  0%   {background-color:#efefef; left:20%; top:0px;}
  75%  {background-color:#e3e3e3; left:75%; top:0px;}
  100% {background-color:#efefef; left:0px; top:0px;}
}
body{
  margin: 0;
}
/* Swagger Editor Styles */
#swagger-editor {
    font-size: 1.3em;
}
.container {
  height: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
#editor-wrapper {
  height: 100%;
  border: 1em solid #000;
  border: none;
}
.Pane2 {
  overflow-y: scroll;
}
/* Swagger Editor Styles */

a {
  text-decoration: none;
}

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

/* Progress bar styles */
.progress-bar-striped {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #356eac52;
}
.progress-bar-striped > div {
  background-image: linear-gradient(
135deg
, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    /* background-size: 51px 47px; */
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 4px;
    color: #ffffff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 13px 6px rgb(4 57 103 / 15%);
    -webkit-transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    transition: width 2s ease;
    animation: progress-bar-stripes 2s linear infinite;
    background-color: #0064dac4;
}

.progress-bar-striped p{
  margin: 0;
}

@keyframes progress-bar-stripes {

  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}
/* Progress bar styles end */ 

/* 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 table{
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: 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;
}

div#react-root{
  height: auto;
}

#api-extraction-button{
  margin-left: 8px;
}

#OnlyScroll {
  flex-grow: 1;
  overflow-y: auto;
  padding: 10px;
  height: 340px;
}

#cCEGridContainer {
  text-align: left;
  padding-bottom: 20px;
}

#generateButtonContainer {
  margin-top: auto;
  padding: 10px;
  border-top: 1px solid lightgray;
  display: flex;
  justify-content: center; /* Align buttons to the end */
}

#generateButtonContainer > Button {
  margin-left: 10px;
}

#customCategoryExtractionBackground {
  width: 100%;
  height: 100%;
  background-color: #ffffff99;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

#customExtractionBlocker{
  width: 100%;
  min-height: 100%;
  background-color: #ffffff99;
  position: fixed; 
  top: 0; 
  left: 0; 
  z-index: 1200;
  text-align: center;
  align-content: center;
}

.customExtractorLabel{
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

#customCategoryExtractionBackground .customCategoryExtractionPopUp {
  width: 70%;
  height: 80%;
  background-color: white;
  color: black;
  border-radius: 25px;
  border: 2px solid lightgray;
  position: relative;
  display: flex;
  flex-direction: column;
}

#customCategoryExtractionBackground .customCategoryExtractionPopUp .customCategoryExtractionPopUpPadding {
  padding: 10px;
  overflow: hidden;
}

#customCategoryExtractionTitle{
  font-size: 26px;
}

@media (max-width: 824px) 
{
    #customCategoryExtractionTitle{
      font-size: 18px;
    }
    .customExtractorLabel{
      max-width: 300px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
    }
}