/* remove the thick black outlines on focus when not needed for accessibility */
[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important; 
}
.swagger-ui{
    color: #000; /* $black */
}

/* adding the logo to the header and reducing header margins */
.swagger-ui .information-container.wrapper {
    background: url(ts-logo-146x35.png) 20px 0 no-repeat;
}
.swagger-ui .information-container.wrapper h2 {
    padding-top: 50px;
}
.swagger-ui .info {
    margin: 20px 0;
}

/* version badge color & padding */
.swagger-ui .info .title small.version-stamp {
    background-color: #28a745; /* $success */
}
.swagger-ui .info .title small {
    padding: 2px 8px;
  }

/* heading fonts */
.swagger-ui .info h1, .swagger-ui .info h2, .swagger-ui .info h3, .swagger-ui .info h4, .swagger-ui section.models h4, .swagger-ui .info h5,
.swagger-ui .info .title,
.swagger-ui .opblock-tag {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, "Fira Sans", "Droid Sans", Ubuntu, Cantarell, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* $font-family-sans-serif */
    font-weight: 300;
}
.swagger-ui section.models h4 {
    color: #000; /* $black */
    font-size: 1.375rem;
}

/* collapse/expand arrows */
.swagger-ui .arrow, .swagger-ui h4 svg {
    opacity: .25;
}
.swagger-ui .opblock-tag:hover .arrow,
.swagger-ui .opblock-summary:hover .arrow,
.swagger-ui h4:hover svg {
    opacity: .5;
}

/* form fields: compare to .form-control */
.swagger-ui select {
    background: #fff url("data:image/gif;base64,R0lGODlhDgAMAPIHAH+Ik4qSnKettLC1u8rN0fHx8vj4+f///yH5BAAAAAAALAAAAAAOAAwAAAMfeLrc/jCaQmtxAugNSCsBBwiGA24kdKZRMZRRLM9MAgA7") right 5px center no-repeat; /* $white */
    background-size: 14px 12px;
    border: 1px solid #d8dade; /* $gray-200 */
    box-shadow: none;
    color: #000; /* $black */
    font-size: 1rem;
    font-weight: 400;
    padding: 8px 40px 8px 10px;
}
.swagger-ui select[multiple],
.swagger-ui input[type=email], .swagger-ui input[type=file], .swagger-ui input[type=password], .swagger-ui input[type=search], .swagger-ui input[type=text], .swagger-ui textarea,
.swagger-ui textarea {
    background: #fff; /* $white */
    border: 1px solid #d8dade; /* $gray-200 */
    color: #000; /* $black */
}
.swagger-ui textarea.curl {
    background: #d8dade; /* $gray-200 */
}

.swagger-ui select:focus,
.swagger-ui select[multiple]:focus,
.swagger-ui input[type=email]:focus, .swagger-ui input[type=file]:focus, .swagger-ui input[type=password]:focus, .swagger-ui input[type=search]:focus, .swagger-ui input[type=text]:focus, .swagger-ui textarea:focus {
    border-color: #5cb3ff; /* lighten($component-active-bg, 25%) */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 117 219 / 25%); /* rgba($component-active-bg, .25) */
}

.swagger-ui select.invalid{
    background: #fff url("data:image/gif;base64,R0lGODlhDgAMAPIHAH+Ik4qSnKettLC1u8rN0fHx8vj4+f///yH5BAAAAAAALAAAAAAOAAwAAAMfeLrc/jCaQmtxAugNSCsBBwiGA24kdKZRMZRRLM9MAgA7") right 5px center no-repeat; /* $white */
    border-color: #E22828; /* $danger */
}
.swagger-ui select[multiple].invalid,
.swagger-ui input[type=email].invalid, .swagger-ui input[type=file].invalid, .swagger-ui input[type=password].invalid, .swagger-ui input[type=search].invalid, .swagger-ui input[type=text].invalid, .swagger-ui textarea.invalid {
    background: #fff; /* $white */
    border-color: #E22828; /* $danger */
}
.swagger-ui select.invalid:focus{
    background: #fff url("data:image/gif;base64,R0lGODlhDgAMAPIHAH+Ik4qSnKettLC1u8rN0fHx8vj4+f///yH5BAAAAAAALAAAAAAOAAwAAAMfeLrc/jCaQmtxAugNSCsBBwiGA24kdKZRMZRRLM9MAgA7") right 5px center no-repeat; /* $white */
    border-color: #E22828; /* $danger */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(226 40 40 / 25%);
}
.swagger-ui select[multiple].invalid:focus,
.swagger-ui input[type=email].invalid:focus, .swagger-ui input[type=file].invalid:focus, .swagger-ui input[type=password].invalid:focus, .swagger-ui input[type=search].invalid:focus, .swagger-ui input[type=text].invalid:focus, .swagger-ui textarea.invalid:focus {
    background: #fff; /* $white */
    border-color: #E22828; /* $danger */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(226 40 40 / 25%); /* rgba($danger, 0.25) */
}
.swagger-ui input[disabled], .swagger-ui select[disabled], .swagger-ui textarea[disabled] {
    background-color: #f5f6f7; /* $gray-050 */
    color: #7f8893; /* $gray-500 */
    border-color: #d8dade; /* $gray-200 */
    border-style: dashed;
}

/* buttons */
.swagger-ui .btn {
    background: transparent;
    border: 1px solid #0075DB; /* $primary */
    box-shadow: none;
    color: #000; /* $black */
    font-family: "SF Pro", "San Francisco", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, "Fira Sans", "Droid Sans", Ubuntu, Cantarell, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* $font-family-buttons */
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .0375rem;
    font-size: .875rem;
}
.swagger-ui .btn.btn-sm {
    font-size: .875rem;
}
.swagger-ui .btn:hover {
    background: #0075DB; /* $primary */
    color: #fff; /* $white */
    box-shadow: none;
}
.swagger-ui .btn.cancel, .swagger-ui .btn.reset, .swagger-ui .btn.btn-clear {
    background-color: transparent;
    border-color: #d8dade; /* $secondary */
    color: #000; /* $black */
    font-family: "SF Pro", "San Francisco", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, "Fira Sans", "Droid Sans", Ubuntu, Cantarell, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* $font-family-buttons */
}
.swagger-ui .btn.cancel:hover, .swagger-ui .btn.reset:hover, .swagger-ui .btn.btn-clear:hover {
    background: #d8dade; /* $secondary */
    color: #000; /* $black */
}
.swagger-ui .btn.authorize {
    background-color: transparent;
    border-color: #28a745; /* $success */
    color: #000; /* $black */
}
.swagger-ui .btn.authorize:hover {
    background: #28a745; /* $success */
    color: #fff; /* $white */
}
.swagger-ui .btn.authorize svg {
    fill: #28a745; /* $success */
}
.swagger-ui .btn.authorize:hover svg {
    fill: #fff; /* $white */
}
.swagger-ui .btn.execute {
    background-color: #0075DB; /* $primary */
    border-color: #0075DB; /* $primary */
    color: #fff; /* $white */
}
.swagger-ui .btn.execute:hover {
    background-color: #0061b5; /* darken($primary, 7.5%) */
    border-color: #005aa8; /* darken($primary, 10%) */
    color: #fff; /* $white */
}
/* fix the gap in button groups */
.swagger-ui .try-out.btn-group {
    margin-left: 1.25rem;
}
.swagger-ui .btn-group .try-out__btn {
    margin-left: 0;
}
.swagger-ui .btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}

/* get, post, delete, etc. */
.swagger-ui .opblock.opblock-post{
    background: #ecf9e9; /* map-get($theme-light-colors-solid, "success") */
    border-color: #28a745; /* $success */
}
.swagger-ui .opblock.opblock-post .opblock-summary-method{
    background: #28a745; /* $success */
}
.swagger-ui .opblock.opblock-post .opblock-summary{
    border-color: #28a745; /* $success */
}
.swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span:after{
    background: #28a745; /* $success */
}
.swagger-ui .opblock.opblock-put{
    background: #fff9eb; /* map-get($theme-light-colors-solid, "success") */
    border-color: #e57641; /* $orange */
}
.swagger-ui .opblock.opblock-put .opblock-summary-method{
    background: #e57641; /* $orange */
    color: #fff; /* $white */
}
.swagger-ui .opblock.opblock-put .opblock-summary{
    border-color: #e57641; /* $orange */
}
.swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span:after{
    background: #e57641; /* $orange */
}
.swagger-ui .opblock.opblock-delete{
    background: #fdeeee; /* map-get($theme-light-colors-solid, "danger") */
    border-color: #E22828; /* $danger */
}
.swagger-ui .opblock.opblock-delete .opblock-summary-method{
    background: #E22828; /* $danger */
}
.swagger-ui .opblock.opblock-delete .opblock-summary{
    border-color: #E22828; /* $danger */
}
.swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span:after{
    background: #E22828; /* $danger */
}
.swagger-ui .opblock.opblock-get{
    background: #e0f3ff; /* map-get($theme-light-colors-solid, "primary") */
    border-color: #0075DB; /* $primary */
}
.swagger-ui .opblock.opblock-get .opblock-summary-method{
    background: #0075DB; /* $primary */
}
.swagger-ui .opblock.opblock-get .opblock-summary{
    border-color: #0075DB; /* $primary */
}
.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span:after{
    background: #0075DB; /* $primary */
}
.swagger-ui .opblock.opblock-patch{
    background: #e3f8ff; /* map-get($theme-light-colors-solid, "info") */
    border-color: #0698F9; /* $info*/
}
.swagger-ui .opblock.opblock-patch .opblock-summary-method{
    background: #0698F9; /* $info*/
}
.swagger-ui .opblock.opblock-patch .opblock-summary{
    border-color: #0698F9; /* $info*/
}
.swagger-ui .opblock.opblock-patch .tab-header .tab-item.active h4 span:after{
    background: #0698F9; /* $info*/
}
.swagger-ui .opblock.opblock-head{
    background: #f6e6fa; /* no variable: same as used in RTE */
    border-color: #9834af; /* $purple */
}
.swagger-ui .opblock.opblock-head .opblock-summary-method{
    background: #9834af; /* $purple */
}
.swagger-ui .opblock.opblock-head .opblock-summary{
    border-color: #9834af; /* $purple */
}
.swagger-ui .opblock.opblock-head .tab-header .tab-item.active h4 span:after{
    background: #9834af; /* $purple */
}
.swagger-ui .opblock.opblock-options{
    background: #ededfa; /* rgba($indigo,.1) */
    border-color: #5350cd; /* $indigo */
}
.swagger-ui .opblock.opblock-options .opblock-summary-method{
    background: #5350cd; /* $indigo */
}
.swagger-ui .opblock.opblock-options .opblock-summary{
    border-color: #5350cd; /* $indigo */
}
.swagger-ui .opblock.opblock-options .tab-header .tab-item.active h4 span:after{
    background: #5350cd; /* $indigo */
}
.swagger-ui .opblock.opblock-deprecated{
    background: #f5f6f7; /* $gray-050 */
    border-color: #e3e5e7; /* $gray-150 */
}
.swagger-ui .opblock.opblock-deprecated .opblock-summary-method{
    background: #e3e5e7; /* $gray-150 */
}
.swagger-ui .opblock.opblock-deprecated .opblock-summary{
    border-color: #e3e5e7; /* $gray-150 */
}
.swagger-ui .opblock.opblock-deprecated .tab-header .tab-item.active h4 span:after{
    background: #e3e5e7; /* $gray-150 */
}

/* models section */
.swagger-ui section.models {
    border: 0;
}
.swagger-ui section.models h4:hover .btn {
    background: transparent;
}
.swagger-ui section.models .model-container {
    background: #eff0f1; /* $gray-100 */
    margin: 0 0 15px;
}
.swagger-ui section.models .model-container:first-of-type {
    margin: 20px 0;
}
.swagger-ui section.models .model-container:last-of-type {
    margin: 0;
}