@charset "UTF-8";

:root {
    --color-get: #66917a;
    --color-put: #edc474;
    --color-delete: #b56967;
    --color-post: #6781a6;
    --color-xolta: #262d32;
}

/* GET */
.swagger-ui .opblock.opblock-get {
    background: #ffff;
    border-color: #ffff;
}

.swagger-ui .opblock.opblock-get .opblock-summary {
    border-color: #ffff;
}

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

.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span:after {
    background: var(--color-get);

}

/* PUT */
.swagger-ui .opblock.opblock-put {
    background: #ffff; 
    border-color: #ffff; 
}

.swagger-ui .opblock.opblock-put .opblock-summary {
    border-color: #ffff;
}

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

.swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span:after {
    background: var(--color-put);
}

/* DELETE */
.swagger-ui .opblock.opblock-delete {
    background: #ffff; 
    border-color: #ffff; 
}

.swagger-ui .opblock.opblock-delete .opblock-summary {
    border-color: #ffff;
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
    background: var(--color-delete);
}

.swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span:after {
    background: var(--color-delete);
}

/* POST */
.swagger-ui .opblock.opblock-post {
    background: #ffff; 
    border-color: #ffff; 
}

.swagger-ui .opblock.opblock-post .opblock-summary {
    border-color: #ffff;
}

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

.swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span:after {
    background: var(--color-post);
}

/* Topbar */
.swagger-ui .topbar-wrapper img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: url('./xolta-logo.png');
    max-width: 100%;
    max-height: 100%;
}

.swagger-ui .topbar {
    padding: 8px 30px;
    background-color: var(--color-xolta);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* Authorize button */
.swagger-ui .btn.authorize {
    line-height: 1;
    display: inline;
    color: var(--color-xolta);
    border-color: var(--color-xolta);
}

.swagger-ui .btn.authorize svg {
    fill: var(--color-xolta);
}

/* Cancel button */
.swagger-ui .btn.cancel {
    border-color: var(--color-delete);
    font-family: Titillium Web, sans-serif;
    color: var(--color-delete);
}

/* Execute button */
.swagger-ui .btn.execute {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    color: #fff;
    border-color: var(--color-get);
}

@-webkit-keyframes pulse {
    0% {
        color: #fff;
        background: var(--color-get);
        box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8);
    }

    70% {
        box-shadow: 0 0 0 5px rgba(73, 144, 226, 0);
    }

    to {
        color: #fff;
        background: var(--color-get);
        box-shadow: 0 0 0 0 rgba(73, 144, 226, 0);
    }
}

@keyframes pulse {
    0% {
        color: #fff;
        background: var(--color-get);
        box-shadow: 0 0 0 0 rgba(73, 144, 226, 0.8);
    }

    70% {
        box-shadow: 0 0 0 5px rgba(73, 144, 226, 0);
    }

    to {
        color: #fff;
        background: var(--color-get);
        box-shadow: 0 0 0 0 rgba(73, 144, 226, 0);
    }
}