html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.gy-section {
    /*height: -o-calc(100vh - 233px); /* opera */
    /*height: -webkit-calc(100vh - 233px); /* google, safari */
    /*height: -moz-calc(100vh - 233px); /* firefox */
    /*height: calc(100vh - 233px);*/
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation .heading h3 .path {
    float: right;
    padding: 7px 0 4px !important;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.head .heading h3::after {
    color: #ffd20f;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.options .heading h3::after {
    color: #0f6ab4;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.get .heading h3::after {
    color: #0f6ab4;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.post .heading h3::after {
    color: #10a54a;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.put .heading h3::after {
    color: #c5862b;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.patch .heading h3::after {
    color: #d38042;
}

.swagger-section .swagger-ui-wrap #resources .resource .endpoints .endpoint .operations .operation.delete .heading h3::after {
    color: #a41e22;
}

.operation .heading {
    height: 33px;
}

    .operation .heading .options {
        margin-top: 0px !important;
    }

.heading h3 {
    line-height: 21px !important;
}

.toggleOperation {
    padding-left: 5px;
}

.template {
    background-color: #ebf7f0;
    border: 1px solid #c3e8d1;
    margin: 20px auto;
    border-radius: 6px;
}

.cxml-doc-container {
    flex: 1 0 auto;
}

@media (min-width: 1200px) {
    .template, .cxml-doc-title {
        width: 1170px;
    }
}

.cxml-method {
    color: white;
    align-content: start;
    border-bottom: 1px solid #c3e8d1;
    margin: 5px 0;
    padding-left: 0 !important;
    cursor: pointer;
    height: 25px;
}

.cxml-method-type {
    width: 50px;
    background-color: rgb(16, 165, 74);
    font-weight: bold;
    text-align: center;
    padding: 12px 10px 8px;
    font-size: 0.7em;
    border-radius: 3px;
}

.cxml-method-name {
    color: black;
    padding-left: 5px;
}

.cxml-doc-title {
    text-align: end;
    box-sizing: border-box;
    padding-top: 10px;
    font-weight: bold;
    font-size: 25px;
}

.cxml-block {
    margin: 10px;
}

.cxml-area {
    margin-top: 10px;
    padding: 10px;
    background-color: #fcf6db;
    border: 1px solid #e5e0c6;
    box-sizing: border-box;
    max-width: 100%;
    width: 1150px;
    resize: none;
}

.implementation-notes {
    text-align: left;
    padding: 12px 10px 4px;
}

.implementation-notes-header {
    color: rgb(16, 165, 74);
}

.implementation-notes-description {
    top: 10px;
    display: inherit;
}

.swagger-button {
    cursor: pointer;
    display: contents;
}

    .swagger-button span {
        margin-right: 20px;
        color: #fd0;
    }

    .swagger-button iconify-icon {
        vertical-align: top;
        color: #fd0;
        margin-right: 3px;
    }