/*
    $skf-black: #000000;
$skf-white: #FFFFFF;
$skf-primary-blue-200: #E7EEFA;
$skf-primary-blue-300: #CFDEF7;
$skf-primary-blue-500: #4f84e0;
$skf-primary-blue-600: #0F58D6; //rgba(15, 88, 214);
$skf-primary-blue-700: #0c4ab6;
$skf-primary-blue-800: #09398B;

$skf-gray-25: #F8F8F8;
$skf-gray-50: #F6F6F6;
$skf-gray-100: #EBECEE;
$skf-gray-200: #E2E4E7;
$skf-gray-300: #D5D8DC;
$skf-gray-400: #C7CAD0;
$skf-gray-500: #AAAFB8;
$skf-gray-500-Disabled: $skf-gray-500;
$skf-gray-600: #858585;
$skf-gray-700: #676F7C;
$skf-gray-800: #323232;
$skf-gray-900: #555555;

$skf-good-600: #048942;
$skf-minor-500: #4F84E0;
$skf-alert-400: #FFCA15;
$skf-warning-500: #FF8004;
$skf-danger-600: #EB202A;
$skf-table-row-hover-color: $skf-primary-blue-200;
$skf-table-row-hover-border-color: $skf-primary-blue-500;
$skf-sand: #ECECE0;
$skf-yellow-sand: #FCF6AE;

*/
body[ghost-name="rest-api"] {
    overflow-x: hidden;
    overflow-y: hidden;
}

    body[ghost-name="rest-api"] .rest-api-header {
        background-color: #E7EEFA;
        margin-left: -9px;
        margin-top: 3px;
        margin-right: -9px;
    }

    body[ghost-name="rest-api"] .rest-api-footer {
        position: absolute;
        bottom: 5px;
        left: 5px;
        background-color: #E7EEFA;
        width: 99%;
        height: 50px;
    }

    body[ghost-name="rest-api"] .rest-api-footer b {
        margin: 15px;
        position: fixed;
    }


    body[ghost-name="rest-api"] [ghost-name="rest-api-body"] {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: calc(100vh - 145px);
        position: relative;
        display: block;
    }

    body[ghost-name="rest-api"] a {
        color: #0c4ab6
    }

    body[ghost-name="rest-api"] li.rest-list-item ax {
        color: #000;
        display: block;
        padding-left: 10px;
        text-indent: -10px;
        line-height: 24px;
        font-size: 16px;
        padding: 4px 10px 4px 20px;
        text-decoration: none;
    }

    body[ghost-name="rest-api"] .rest-list-parent {
        padding-left:15px;
        padding-right:15px;
    }

    body[ghost-name="rest-api"] li.rest-list-item {
        cursor: pointer;
        list-style-position: unset;
        list-style: none;
        padding-left: 5px;
    }

    body[ghost-name="rest-api"] li.rest-list-item[ghost-selected="ghost-selected"] {
        background-color: #CFDEF7;
    }

    body[ghost-name="rest-api"] li.rest-list-item:hover {
        text-decoration: none;
        color: #333;
        background-color: #e6e6e6;
    }

    .ep {
        padding: 8px 0;
    }

    .ep-summary {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
        outline: none;
        flex-wrap: wrap;
    }

    details > summary {
        list-style: none;
    }

    details > summary::marker {
        content: "";
    }

    details > summary::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 9px solid #858585;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        margin: 4px 4px 0 0;
        transition: transform .18s ease;
        vertical-align: top;
    }

details[open] > summary::before {
    transform: rotate(90deg);
}

.flag {
    font-weight: 700;
    min-width: 36px;
    color: #0c4ab6;
}

.ep-path {
    white-space: nowrap;
    color: #0c4ab6;
}

.sub {
    display: flex;
    flex-basis: 100%;
    order: 2;
    width: 100%;
    margin-left: 20px;
}

.request-header {
    margin-top: 16px;
}

.parameter-title {
    border-bottom: 1px solid gray;
    padding-bottom: 16px;
}

.parameter-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid gray;
}

.parameter-value {
    display: inline-flex;
    padding: 0 10px;
}

.parameter-list:nth-child(odd) {
    background: #E2E4E7;
}

.parameter-list:last-child {
    border-bottom: none;
}

.d-flex {
    display: flex;
}

.m-l-20 {
    margin-left: 20px;
}

.f-w-bold {
    font-weight: bold;
}

.f-w-normal {
    font-weight: normal;
}

.h-b-color {
    background: #E2E4E7;
}

.b-t-1 {
    border-top: 1px solid black;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%
}

.powershell-example {
    border-left: solid 1px;
    background-color: #ECECEC;
}

.powershell-example-desc {
    font-style: italic;
    font-size: 10px;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #333333;
    background-color: #e7eefa;
    white-space: nowrap;
    border-radius: 4px;
}