:root {
    --InfBlack: #000008;
    --OSGBlue: #002e6d;
    --OSGBlueHover: #002352;
    --OSGBlueActive: #001B42;
    --OSGBlueDisabled: #405776;
    --LightSea: #18988b;
    --LightSeaHover: #127268;
    --LightSeaDisabled: #8CCBC5;
    --Energize: #3cb4e5;
    --Ignition: #ff4d00;
    --Fuel: #ffc844;
    --Shadow: #5b6670;
    --Smoke: #b0bfbc;
    --MidTone: #cfd2d3;
    --HighLight: #fefefe;
    --Danger: #F9B9A7;
    --Warning: #FEF4D9;
    --WarningHover: #FEE9B4;
    --Info: #D8F0F9;
}


@font-face {
    font-family: Outfit;
    src: url(/fonts/Outfit-VariableFont_wght.ttf);
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-weight: normal;
    font-size: 14px;
    font-family: Outfit !important;
}

div.topbar {
    background-color: var(--OSGBlue) !important;
}

div.topbar-wrapper > a.link > svg {
    display:none;
}

.swagger-ui .topbar .download-url-wrapper .select-label select {
    border: 1px solid var(--Energize);
    box-shadow: none;
    flex: 2;
    outline: none;
    width: 100%;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background: var(--OSGBlue);
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
    background: var(--LightSea);
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
    background: var(--Fuel);
}