html, body {
    color: #333;
    font-family: 'PT Serif', serif;
    line-height: 1.6;
    background-color: #fff;
}

body.app-disabled-scroll {
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

hr {
    border-width: 8px 0 0 0;
    border-style: dotted;
    margin: 2rem auto;
    width: 70px;
    border-color: #a0a0a0;
    background: none;
}

a {
    word-break: break-word;
    color: #406fb5;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #406fb5;
}

h1 {
    padding: .5rem 0;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

h2, h3 {
    padding: .3rem 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h1 a, h2 a {
    text-decoration: none !important;
    color: #333;
}

h3 a {
    text-decoration: none !important;
}

blockquote {
    margin: 0;
    margin-bottom: 1rem;
    border-radius: 3px;
    font-size: 1rem;
    padding: .75rem !important;
}

blockquote p {
    margin-bottom: 0;
    word-break: break-word;
}

blockquote code {
    border-color: #dde5e8;
    background-color: #f6f9fd;
}

code {
    color: #616161;
    display: inline-block;
    padding: 0 0.2rem;
    border-radius: 3px;
    border: solid 1px #dee4ea;
    margin-bottom: 0.2rem;
}

code.hljs {
    border-radius: 3px;
    padding: .75rem !important;
    display: block;
    min-width: max-content;
    border: none;
    margin-bottom: 0;
    background-color: #fff;
}

table.hljs-ln {
    width: 100%;
}

.hljs-curl-output {
    color: #828282;
    display: block;
}

.hljs-ln-numbers {
    border-right: solid 1px #e6e6e6;
    color: #bbb;
    text-align: right;
    padding: 0 5px !important;
    width: 30px;
}

.hljs-ln-code {
    padding-left: 10px !important;
}

.hljs.language-sh .hljs-ln-numbers {
    color: #5f5f5f;
    border-color: #383838;
}

.hljs-code-wrapper {
    border: solid 1px #dedede;
    border-radius: 3px;
}

.hljs-url {
    color: #2f793c;
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    font-weight: bold;
}

.hljs-keyword {
    color: #49669a !important;
}

.hljs-regexp {
    color: #e88d19;
}

.hljs-comment, .hljs-quote {
    color: #998;
    font-style: italic;
}

blockquote, code {
    background-color: #f3f4f5;
}

.app-element-loading {
    /*background-color: #f3f4f5 !important;*/
    /**/
    position: relative;
    background-color: #f3f4f5;
    animation-name: element-loading-animate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f3f4f5), color-stop(18%, #eaebec), color-stop(33%, #f3f4f5));
    background: -webkit-linear-gradient(left, #f3f4f5 8%, #eaebec 18%, #f3f4f5 33%);
    background: linear-gradient(to right, #f3f4f5 8%, #eaebec 18%, #f3f4f5 33%);
    -webkit-background-size: 800px 104px;
}

@keyframes element-loading-animate {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.btn-light {
    background-color: #fff !important;
    border: solid 1px #cdcdcd !important;
}

blockquote.alert {
    padding: 1rem 1.5rem;
}

.alert-info {
    background-color: #f0f7ff;
    border-color: #85b1e0;
    color: #666;
}

.alert-success {
    color: #666;
    background-color: #ebf9f3;
    border-color: #6eb594;
}

.alert-warning {
    color: #666;
    background-color: #fff9e4;
    border-color: #d0b35a;
}

.alert-danger {
    color: #666;
    background-color: #ffe9eb;
    border-color: #e4969e;
}

.app-alert-icon {
    width: 28px;
    height: 28px;
    float: left;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    margin-left: 5px;
}

.app-alert-icon+p {
    margin-left: 3rem;
}

.alert-info .app-alert-icon {
    background-color: #dee8f3;
    color: #85b1e0;
}

.alert-warning .app-alert-icon {
    background-color: #f3e8c8;
    color: #d0b35a;
}

.alert-success .app-alert-icon {
    color: #6eb594;
    background-color: #d3eae0;
}

.hljs-string {
    color: #406fb5;
}

.language-json .hljs-number {
    color: #2f793c;
}

.language-json .hljs-literal {
    color: #777;
}

.language-json .hljs-attr {
    color: #2f793c;
}

.language-sh {
    background-color: #2f383d !important;
    color: #fff;
    border: none !important;
}

.hljs-http-method {
    padding: 2px 5px;
    border-radius: 2px;
    color: #fff;
    min-width: 68px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 14px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.hljs-http-method--GET {
    background-color: #61affe;
}

.hljs-http-method--POST {
    background-color: #49cc90;
}

.hljs-http-method--PUT {
    background-color: #fca130;
}

.hljs-http-method--PATCH {
    background-color: #50e3c2;
}

.hljs-http-method--DELETE {
    background-color: #f93e3e;
}

.hljs-http-method--HEAD {
    background-color: #9013FD;
}

.hljs-http-method--OPTIONS {
    background-color: #0B5BA6;
}

.hljs-inject-parameter {
    background-color: #adadad;
    border-radius: 2px;
    color: #ffffff;
    padding: 1px 2px;
}

.language-sh .hljs-path-parameter {
    color: #ffee0d;
}

.language-sh .hljs-inject-parameter {
    background-color: #4f647d;
}

ul {
    padding: .5rem .5rem .5rem 1.75rem !important;
}

.app-haeder {
    height: 56px;
    /*background-color: #ffffffeb;*/
    /*background-color: #ffffff9e;*/
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border-bottom: solid 1px #e6e6e6;
    /*-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);*/
}

.app-header-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 12;
}

.app-header-app-name {
    color: #717171 !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    line-height: 56px;
    text-decoration: none !important;
    font-size: 90%;
}

.app-header-app-name img {
    width: 22px;
    position: relative;
    bottom: 1px;
    margin-right: 0.5rem;
}

.app-sidemenu-layout .app-header-app-name {
    left: 75px;
}

.app-login-information {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.app-login-user-name {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 65px;
    line-height: 56px;
}

.app-login-user-image {
    width: 32px;
    height: 32px;
    background-color: #fff;
    position: relative;
    top: 50%;
    margin-top: -16px;
    margin-right: 1rem;
    border-radius: 50%;
}

.app-sidemenu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    background-color: #f7f7f7;
    z-index: 9;
    display: none;
}

.app-sidemenu-close {
    z-index: 6;
    position: fixed;
    top: 0.75rem;
    right: 0.75rem;
    display: none;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 44px;
}

.app-sidemenu-layout.expand .app-sidemenu-close {
    display: block;
}

.app-sidemenu-header {
    position: relative;
    height: 56px;
    width: 100%;
    border-bottom: solid 1px;
}

.app-sidemenu-header, .app-sidemenu-header .app-sidemenu-toggle .fa {
    border-color: #e1e1e1;
}

.app-sidemenu-body {
    padding: 1rem 1rem 2rem 1rem;
    position: absolute;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
}

.app-sidemenu-layout.expand .app-sidemenu {
    display: block !important;
    z-index: 11 !important;
}

.app-sidemenu-layout.expand .app-sidemenu::after {
    content: " ";
    background-color: #00000036;
    position: fixed;
    top: 0;
    left: 280px;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.app-sidemenu ul {
    padding-right: 0 !important;
}

.app-sidemenu ul ul {
    display: none;
}

.app-sidemenu ul[data-expand="true"] {
    border-left: 1px #e4e4e4 solid;
}

.app-sidemenu li {
    color: #bbb;
}

.app-sidemenu-expand {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    padding: 3px;
}

.app-sidemenu-expand:hover {
    background-color: #dcdcdc;
    color: #fff;
}

.app-sidemenu-expand[data-expand="false"] {
    line-height: 26px;
}

.app-sidemenu-expand[data-expand="false"]::before {
    content: "\f054";
}

.app-sidemenu-expand[data-expand="true"] {
    line-height: 28px;
}

.app-sidemenu-expand[data-expand="true"]::before {
    content: "\f078";
}

.app-sidemenu ul[data-expand="false"] {
    display: none;
}

.app-sidemenu ul[data-expand="true"] {
    display: block;
}

.app-sidemenu a:not(.btn) {
    color: #777;
    padding-right: 2.5rem;
    display: block;
}

.app-button-swagger {
    background-color: #83de33 !important;
    border-color: #fff !important;
    color: #fff !important;
    text-decoration: none !important;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 90px;
}

.app-button-swagger:active, .app-button-swagger:focus {
    box-shadow: 0 0 0 3px #c6e6b4 !important;
}

.app-sidemenu ul li {
    list-style-type: disc;
    position: relative;
}

.app-sidemenu h3 {
    margin-bottom: 0.5rem;
}

.app-sidemenu h3:first-child {
    margin-top: 0;
}

.app-sidemenu a.active {
    color: #406fb5;
}

.app-sidemenu-toggle {
    display: none;
}

.app-sidemenu-home {
    padding-left: 0 !important;
}

.app-sidemenu-home li {
    list-style-type: none !important;
}

.app-sidemenu-home .fa {
    margin-right: 0.5rem;
    background-color: #dcdcdc;
    padding: 5px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    color: #fff;
}

.app-sidemenu-layout .app-sidemenu-toggle {
    width: 56px;
    height: 56px;
    position: fixed;
    top: 0;
    cursor: pointer;
    display: block;
}

.app-sidemenu-layout .app-sidemenu-toggle .fa {
    font-size: 26px;
    text-align: center;
    display: block;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
    border-right: solid 1px #e6e6e6;
}

.app-container {
    position: relative;
    margin-top: 56px;
    background-color: #fcfcfc;
}

.app-container .container {
    position: relative;
    padding: 1rem;
    max-width: 100%;
    margin: 0;
}

.app-footer {
    position: relative;
    border-top: solid 1px #e8e8e8;
}

.app-footer .container {
    position: relative;
    padding: 1rem;
    max-width: 100%;
    margin: 0;
}

.app-document-content {
    margin-right: 0;
}

.app-document-content img {
    width: 100%;
    border-radius: 3px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.app-document-content table:not(.hljs-ln) {
    width: 100%;
    margin: 1rem 0;
}

.table-responsive table:not(.hljs-ln) {
    margin: 0 !important;
    min-width: max-content;
}

.table-responsive {
    margin: 1rem 0;
    border: solid 1px #e4e4e4;
    border-radius: 3px;
}

.app-document-breadcrumbs {
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-bottom: solid 1px #e8e8e8;
    min-height: 53px;
}

.app-document-breadcrumbs ul {
    padding: 0 !important;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 5px;
}

.app-document-breadcrumbs li {
    float: left;
    list-style-type: none;
}

.app-document-breadcrumbs a {
    color: #999;
    font-size: 15px;
    display: block;
}

.app-document-breadcrumbs .fa {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: 70%;
    color: #cecece;
}

.app-document-breadcrumbs a.header {
    text-decoration: none;
    cursor: default;
}

.app-document-breadcrumbs a.header .fa {
    display: none;
}

.app-document-content table:not(.hljs-ln) thead {
    background-color: #f3f4f5;
}

.app-document-content table:not(.hljs-ln) thead th {
    padding-left: 5px;
    padding-right: 5px;
}

.app-document-content table:not(.hljs-ln) a {
    text-decoration: underline;
}

.app-document-content h2 {
    font-weight: bold;
    border-bottom: solid 1px #e8e8e8;
    padding-bottom: 1rem;
}

.app-document-content table:not(.hljs-ln) td, .app-document-content table:not(.hljs-ln) th {
    padding: 0.2rem 0.3rem;
}

.app-document-content table:not(.hljs-ln) thead tr {
    border-bottom: solid 2px #c7c7c7;
}

.app-document-content table:not(.hljs-ln) tbody tr {
    border-bottom: solid 1px #e4e4e4;
}

.app-document-content h1:first-child {
    margin-top: 0;
}

.app-document-content a .fa-link {
    font-size: 16px;
    margin-left: 0.75rem;
    color: #aaa;
    position: relative;
    display: none;
}

.app-document-content a:hover .fa-link {
    display: inline;
}

.app-document-content .fa-link:hover {
    color: #333;
}

.app-document-sidemenu {
    width: 100%;
}

.app-document-sidemenu-footer {
    margin-bottom: 1rem;
}

.app-document-menu {
    padding: 0.5rem;
}

.app-document-menu ul {
    margin-bottom: 0;
}

.app-document-menu h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
}

.app-document-menu h3 .fa {
    margin-right: 1rem;
    font-size: 90%;
}

.app-document-menu li {
    cursor: pointer;
    position: relative;
    color: #ced7e0;
}

.app-document-menu a {
    display: block;
    color: #777;
    text-decoration: none;
    border-radius: 3px;
    padding: 0 3px;
    cursor: pointer;
    word-break: inherit;
}

.app-document-menu .active a {
    color: #406fb5;
}

.app-document-menu a:active {
    background-color: #f7f7f7;
}

.app-document-menu--H3 {
    margin-left: 20px;
    font-size: 95%;
}

.app-document-footer {
    border-top: solid 1px #e8e8e8;
    padding: 1rem 0;
    margin-top: 2rem;
}

.app-document-footer-left, .app-document-footer-right {
    float: left;
    width: 50%;
    visibility: hidden;
}

.app-document-footer-left a, .app-document-footer-right a {
    text-decoration: none;
}

.app-document-footer-left .fa {
    margin-right: 0.5rem;
}

.app-document-footer-right {
    text-align: right;
}

.app-document-footer-right .fa {
    margin-left: 0.5rem;
}

.app-document-previous, .app-document-next {
    margin-top: 1rem;
}

.app-last-updated-document {
    color: #777;
    margin-bottom: 1.5rem;
}

.app-last-updated-document .fa {
    margin-right: 0.5rem;
    color: #b0c3d8;
    font-size: 1.3rem;
    position: relative;
    top: 3px;
}

.app-label-required {
    color: #dc3131;
    border: solid 1px #dc3131;
    padding: 0px 5px !important;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
}

.app-test-case {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin-right: 0.5rem;
}

.app-test-case--success {
    background-color: #ddd;
    font-size: 90%;
}

.app-test-case--error {
    background-color: #ddd;
}

.app-document-not-found {
    text-align: center;
    display: block;
}

.app-document-not-found>div {
    text-align: center;
}

.app-document-not-found .btn {
    text-decoration: none;
}

@media(max-width: 450px) {
    .app-sidemenu-layout.expand .app-sidemenu {
        width: 100%;
    }
    .app-sidemenu-layout.expand .app-sidemenu::after {
        left: 100%;
    }
    .app-sidemenu-close {
        color: #8c9094;
    }
    .app-document-breadcrumbs[data-count="3"] li, .app-document-breadcrumbs[data-count="4"] li, .app-document-breadcrumbs[data-count="5"] li, .app-document-breadcrumbs[data-count="6"] li {
        float: none;
    }
}

@media (min-width: 768px) {
    .app-container .container, .app-footer .container {
        max-width: 100%;
        margin: 0;
    }
    .app-document-sidemenu {
        width: 280px;
        position: fixed;
        top: 56px;
        left: auto;
        right: 1rem;
        z-index: 1;
        overflow-y: auto;
    }
    .app-document-menu {
        padding: 1rem;
    }
    .app-document-content, .app-document-breadcrumbs {
        margin-right: 280px;
        max-width: 700px;
    }
    .app-document-page-up-down {
        display: block;
    }
    .app-document-content table:not(.hljs-ln) td strong {
        white-space: pre;
    }
    .app-document-menu a {
        font-size: 15px;
    }
}

@media (min-width: 1068px) {
    .app-sidemenu-layout .app-sidemenu-toggle {
        display: none;
    }
    .app-sidemenu-layout .app-header-app-name {
        left: 1rem;
    }
    .app-sidemenu-layout .app-sidemenu {
        display: block;
        border-right: solid 1px #e1e1e1;
    }
    .app-sidemenu-layout .app-container, .app-sidemenu-layout .app-footer {
        margin-left: 280px;
    }
    .app-container .container, .app-footer .container {
        padding: 1.5rem;
    }
}

@media (min-width: 1308px) {
    .app-document-sidemenu {
        right: auto;
        left: 1008px;
        padding: 0 0.5rem;
    }
}

@media print {
    .app-haeder, .app-footer, .app-document-footer {
        display: none;
    }
    .app-container {
        margin-top: 0;
    }
    code.hljs {
        word-break: break-all !important;
        white-space: pre-wrap !important;
        min-width: auto !important;
    }
    blockquote {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    blockquote.alert {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .language-sh, blockquote {
        color: #333 !important;
        background-color: #fff !important;
    }
    .hljs-code-wrapper.language-sh {
        border: solid 1px #dde5e8 !important;
    }
    .app-document-content h2 {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
}