@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap');

:root {
    --primary: #7766ff;
    --dark-primary: #321afc;
    --light-primary: #f4f3ff;
    --secondary: #16003a;
    --light-secondary: #4a01c1;
    --dark-secondary: #16003a;
    --success: #3ec65d;
    --light-success: #ebfeef;
    --dark-success: #0a9629;
    --danger: #fe206e;
    --light-danger: #fff2f7;
    --dark-danger: #f40056;
    --info: #00badd;
    --light-info: #e5fbff;
    --dark-info: #006679;
    --gray: #f4f5f8;
    --light-gray: #ffffff;
    --dark-gray: #a2a0b5;
}

body, html {
    font-weight: 400 !important;
    font-family: Montserrat, Helvetica, sans-serif !important;
    -ms-text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    background-color: #f9faff !important;
}

* {
    font-family: Montserrat, Helvetica, sans-serif !important;
}

span {
    font-weight: 400 !important;
}

pre, pre *, code, .curl {
    font-family: monospace !important;
}

small pre {
    font-family: Montserrat, Helvetica, sans-serif !important;
}

.topbar select, .opblock-post select {
    border-color: #7766ff !important;
}

.btn.authorize {
    border-color: #7766ff !important;
    color: #7766ff !important;
}

.btn.authorize svg {
    fill: #7766ff !important;
}

.link {
    color: #7766ff !important;
}

.opblock.opblock-post, .opblock.opblock-post .opblock-summary {
    border-color: #7766ff !important;
}

.opblock.opblock-post {
    background-color: rgba(119, 102, 255, .1) !important;
}

.opblock.opblock-post .opblock-summary-method, .opblock.opblock-post .tab-header .tab-item.active h4 span::after {
    background-color: #7766ff !important;
}

.topbar {
    background-color: #16003a !important;
    padding: 20px 0 !important;
}

.topbar-wrapper .link img {
    display: none !important;
}

.topbar-wrapper .link {
    height: 20px;
    width: 100%;
    position: relative;
}

.topbar-wrapper .link::before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/media/thermegroup.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
}

#swagger-ui > section > .wrapper {
    width: 100%;
    max-width: unset;
    padding: 0;
    margin-top: 60px;
}

#swagger-ui > section > .wrapper > section {
    background-color: #16003a !important;
    height: 70px;
    background-image: url(/assets/media/spark-radiance_white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 40%;
}

.swagger-ui .topbar a svg {
    display: none;
}