:root {
    --link-color: #4990e2;
    --hover-link-color: #1f69c0;
    --red-color: #f93e3e;
}

body::before {
    display: block;
    content: "IROH API / XDR / Threat Response";
    font-size: 2em;
    font-family: 'CiscoSans', Arial, sans-serif;
    font-weight: 200;
    background: #FFF;
    width 100%;
    text-align: center;
    padding: .5em;
    border-bottom: solid 1px #ddd;
    margin-bottom: 1em;
    background-image: url("https://visibility.amp.cisco.com/img/cisco-logo.svg");
    background-repeat: no-repeat;
    background-size: 10% 50%;
    background-position: 0% 50%;
}
body {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
    line-height: 1.25em;
    font-size: 14px;
    margin: 0;
    background-color: #eee;
}
.swagger-ui {
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
  font-weight: 200;
  width: 90%;
  background: #fff;
  padding: 1em;
  margin: 0 auto;
  border: solid 1px #ccc;
}
.admin-ui:before { color: white;
                   content: "⚠ ADMIN ZONE ⚠";
                   font-size: 4em;
                   font-weight: bold;
                   width: 100%;
                   text-align: center;
                   vertical-align: middle;
                   position: absolute;
                   display: block;
                   top: -1.35em;
                   left: 0;
                   line-height: 1.25em;
                   font-family: Impact, Arial, sans-serif;
                   background: var(--red-color);
                   margin:0;
                   border-bottom: solid 6px var(--red-color);
                   text-shadow: 0 4px #800;
                 }

.admin-ui { background: var(--red-color); padding: 1em; }
.swagger-ui .auth-wrapper .btn.authorize.auth { color: var(--red-color); border-color: var(--red-color); height: 37px; }
.swagger-ui .auth-wrapper .btn.authorize.auth span { padding: 2px 15px 2px 10px; }
.swagger-ui .scheme-container { box-shadow: none; -webkit-box-shadow: none; }
.swagger-ui textarea { min-height: 140px; }
.swagger-ui textarea.curl,
.swagger-ui .opblock .tab-header { flex: none; min-width: 30%; }
.swagger-ui .model-box { padding: 2px; }
#swagger-ui { top:0; position: relative; }
.swagger-ui .info { margin: 0; }
.swagger-ui .info hgroup.main a { font-size: 1em; line-height: 1.2em; }
.swagger-ui .info .title {font-size: 20px; line-height: 25px; }
.swagger-ui .info .title small { padding: 2px; vertical-align: bottom; }
.swagger-ui .info .title small pre { line-height: 12px; font-family: monospace; }
.swagger-ui .info .base-url { display:none; }
.swagger-ui .opblock-tag { font-size: 14px; line-height: 16px; margin: 0; padding: 0; border: none;}
.swagger-ui .opblock .opblock-summary-description { text-align: right; }
.swagger-ui .opblock .opblock-summary-method { min-width: auto; padding: 2px 5px; }

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    line-height: 1.25em;
    font-family: "CiscoSans","Arial",sans-serif;
}
h1, h2 {
font-weight: 200;
}

.swagger-ui .opblock-description-wrapper, .swagger-ui .opblock-external-docs-wrapper, .swagger-ui .opblock-title_normal {
    padding: 2px 5px;
}

.swagger-ui .opblock { margin: 0 0 4px; }
a {
    color: var(--link-color);
}
a:hover {
    color: var(--hover-link-color);
}
.markdown code {
    background: rbga(0,0,0,0.2);
}
.auth-container > ul {
    list-style-type: none;
}
.auth-container > ul > li > a {
    border: solid;
    display: inline-block;
    padding: .5em;
    margin: .5em auto;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    min-width: 20em;
    border: solid 2px;
    border-radius: 4px;
    transition: all .3s;
}

.auth-container > ul > li > a:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.auth-btns {
    display: block;
    text-align: right;
    width: 100%;
}

.auth-btns .dialog-ux {
    text-align: left;
}

.auth-btns > .auth-wrapper {
    display:inline-block;

}
#swagger-ui .markdown code, #swagger-ui .renderedMarkdown code {
    display: inline-block;
    padding: 0.5ex;
    color: #000;
    background: none;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1.2em;
}
#swagger-ui .markdown pre {
    padding: 0.5em 0;
    background: rgba(0,0,0,0.1);
}
