html {
    height: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    letter-spacing: 0.05rem;
    text-align: justify;
    color: #525252;
    height: 100%;
}

textarea {
    border-width: 0;
}

.emoji {
    height: 20px;
    width: 20px;
}

/* ------ Boostrap Overrides ------ */

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
}

.table {
    background-color: #fff;
}

.table thead tr th {
    vertical-align: middle;
}

pre:last-child,
p:last-child,
.table:last-child,
.alert:last-child,
.panel:last-child {
    margin-bottom: 0;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border: 0;
    padding: 7px;
}

code {
    background-color: transparent;
    border-radius: 0;
    color: #0115ff;
}

pre {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    margin: 0;
}

.alert,
.panel {
    border: 0;
    border-radius: 0;
}

.panel-heading {
    border-width: 1px 1px 0 1px;
    border-radius: 0;
}

.panel-default > .panel-heading .badge {
    color: #fff;
    background-color: #777;
}

.panel-default > .panel-heading {
    color: #525252;
    background-color: #fff;
}

input[type="radio"], input[type="checkbox"] {
    margin-top: -1px;
    vertical-align: middle;
}

label > span {
    vertical-align: middle;
}

.dropdown-menu a {
    cursor: hand;
    cursor: pointer;
}

/* ------ Dropzone ------ */

.dropzone { 
    border: 2px dashed #0087F7; 
    border-radius: 5px; 
    background: white; 
}

.dropzone .dz-message { 
    font-weight: 400; 
    font-size: 14pt;
}

.dropzone .dz-message .note { 
    font-size: 0.8em; 
    font-weight: 200; 
    display: block; 
    margin-top: 1.4rem; 
}

.dz-error-mark g {
    fill-opacity: 1,
    fill: red;
}

.dz-success-mark g {
    fill-opacity: 1,
    fill: green;
}

/* ------ GitHub Markdown Overrides ------ */

.markdown-body p code {
    color: #0115ff;
    font-size: 13pt;
    background-color: transparent;
    word-spacing: -1rem;
    letter-spacing: 0;
}

/* ------------ Swank ------------ */

#container {
    display: table;
    height: 100%;
}

#container > div {
    display: table-row;
}

#container > div > div {
    display: table-cell;
    vertical-align: top;
}

/* Side bar */

.swank-sidebar {
    display: table-cell;
    padding: 20px;
    background-color: #0e304b;
}

.swank-sidebar a {
    color: #f7f8f9;
    text-decoration: none;
}

.swank-header {
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

.swank-header > div {
    display: table-row;
}

.swank-header > div > div {
    display: table-cell;
    vertical-align: middle;
}

.swank-brand-container {
    width: 100%;
    white-space: nowrap;
}

.navbar-brand {
    font-size: 22px;
    font-weight: 500;
}

.swank-spec-link-container {
    padding-top: 4px;
    padding-left: 20px;
}

.swank-logo {
    max-height: 40px;
}

.swank-sidebar .list-group-item {
    background-color: #0e304b;
    border: 0;
    font-size: 16px;
    padding: 3px 30px;
}

.swank-sidebar .list-group-item.swank-resource {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 14px;
    letter-spacing: 0;
}

/* Side bar panel */

.swank-sidebar .panel {
    margin-bottom: 0;
}

.swank-sidebar .panel-default {
    border: 0;
}

.swank-sidebar .panel-title {
    font-size: 18px;
}

.swank-sidebar .panel,
.swank-sidebar .panel-default > .panel-heading {
    background-color: #0e304b;
}

.swank-sidebar .panel-default > .panel-heading {
    border: 0;
}

/* Content */

.swank-content {
    display: table-cell;
    padding: 30px 50px 50px 50px;
    width: 100%;
}

/* Resources */

.swank-resource-header {
    font-weight: bold;
    padding-bottom: 20px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.swank-resource-description {
    margin-bottom: 30px;
}

/* Endpoints */

.swank-endpoint-description {
    margin-bottom: 20px;
}

.swank-message-description {
    margin-bottom: 15px;
}

.swank-endpoint table {
    border-width: 1px;
    border-style: solid;
    border-color: #c1c1c1;
}

.swank-name {
    min-width: 130px;
    white-space: nowrap;
}

.swank-description {
    width: 100%;
}

.swank-endpoint :not(pre) > code {
    background-color: #e2e2e2;
    padding: 2px 4px;
    font-size: 10pt;
    margin: 0 5px;
}

.swank-endpoint code:first-child {
    margin-left: 0;
}

.swank-endpoint td > .table > thead > tr > th,
.swank-endpoint td > .panel > .table > thead > tr > th {
    color: #484848;
}

.swank-endpoint td > table th,
.swank-endpoint td > .panel > table th {
    background-color: #d2d2d2;
}

.swank-endpoint td > table,
.swank-endpoint td > .panel > table,
.swank-endpoint .panel-heading {
    border-color: #d2d2d2;
}

.swank-endpoint .table > thead > tr > th {
    color: #f7f8f9;
    padding: 5px 7px;
}

.swank-endpoint th {
    background-color: #7d7d7d;
}

.swank-endpoint .table-zebra > tbody > tr:nth-child(even) > td {
    background-color: #f5f5f5;
}

.swank-endpoint .label {
    font-size: 12px;
    padding: .2em .5em .2em;
}

.swank-endpoint .badge code,
.swank-endpoint .label code {
    background-color: inherit;
    padding: 0;
    color: #fff;
    font-size: 11px;
    margin: 0;
    font-size: 13px;
}

.swank-value {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    letter-spacing: 0;
}

.swank-endpoint.swank-get {
    background-color: #EBF3F9;
}

.swank-endpoint.swank-post {
    background-color: #EBF7F0;
}

.swank-endpoint.swank-put {
    background-color: #FAF5EE;
}

.swank-endpoint.swank-delete {
    background-color: #F7EDED;
}

/* Endpoint header */

.swank-endpoint-header {
    margin-top: 20px;
    border-width: 0;
    cursor: hand;
    cursor: pointer;
}

.swank-endpoint-header table {
    width: 100%;
    border-width: 0;
}

.swank-get .swank-endpoint-header {
    background-color: #cfe1ef;
}

.swank-post .swank-endpoint-header {
    background-color: #c9ead7;
}

.swank-put .swank-endpoint-header {
    background-color: #f5e6d2;
}

.swank-delete .swank-endpoint-header {
    background-color: #ecd9d9;
}

.swank-endpoint-method {
    text-transform: uppercase;
    color: white;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    padding: 9px 10px;
    min-width: 70px;
}

.swank-get .swank-endpoint-method {
    background-color: #0F6AB4;
}

.swank-post .swank-endpoint-method {
    background-color: #10A54A;
}

.swank-put .swank-endpoint-method {
    background-color: #C5862B;
}

.swank-delete .swank-endpoint-method {
    background-color: #A41E22;
}

.swank-endpoint-url {
    padding: 3px 0 3px 10px;
    vertical-align: middle;
    font-size: 14px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    margin: 0;
    word-break: break-all;
    width: 100%;
}

.swank-endpoint-secure {
    padding-left: 10px;
    vertical-align: middle;
}

.swank-get .swank-endpoint-parameter,
.swank-get .swank-endpoint-name,
.swank-get .swank-endpoint-secure {
    color: #0F6AB4;
}

.swank-post .swank-endpoint-parameter,
.swank-post .swank-endpoint-name,
.swank-post .swank-endpoint-secure {
    color: #1a8e47;
}

.swank-put .swank-endpoint-parameter,
.swank-put .swank-endpoint-name,
.swank-put .swank-endpoint-secure {
    color: #8c5e1c;
}

.swank-delete .swank-endpoint-parameter,
.swank-delete .swank-endpoint-name,
.swank-delete .swank-endpoint-secure {
    color: #A41E22;
}

.swank-endpoint-parameter {
    font-weight: bolder;
}

.swank-endpoint-name {
    padding: 6px 10px;
    white-space: nowrap;
    font-weight: bold;
}

/* Test drive */

.swank-test-drive-toggle {
    text-transform: uppercase;
    color: white;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    padding: 9px 10px;
    width: 100px;
}

.swank-get .swank-test-drive-toggle {
    background-color: #6ba2ce;
}

.swank-post .swank-test-drive-toggle {
    background-color: #60af82;
}

.swank-put .swank-test-drive-toggle {
    background-color: #c19d6c;
}

.swank-delete .swank-test-drive-toggle {
    background-color: #d25f5f;
}

.swank-test-drive {
    text-align: center;
}

.swank-test-drive table {
    border-width: 0;
}

.swank-test-drive td {
    text-align: left;
}

.swank-test-drive table,
.swank-test-drive textarea,
.swank-test-drive input[type="text"],
.swank-test-drive input[type="password"] {
    width: 100%;
}

.swank-test-drive-request-options, 
.swank-test-drive-request-data {
    padding-right: 20px;
}

.swank-test-drive-request-data {
    width: 35%;
}

.swank-test-drive > table > tbody > tr > td,
.swank-auth-schemes > table > tbody > tr > td:first-child {
    vertical-align: top;
}

.swank-auth-schemes > table > tbody > tr > td:last-child,
.swank-auth-schemes td > table > tbody > tr > td:last-child,
.swank-test-drive-request-options > table > tbody > tr > td:last-child {
    width: 100%;
    padding-left: 10px;
}

.swank-auth-schemes label {
    padding-top: 5px;
}

.swank-test-drive-request-options {
    width: 350px;
}

.swank-test-drive-request-options td {
    padding-bottom: 5px;
}

.swank-endpoint .swank-test-drive .tab-content {
    background-color: #fff;
}

.swank-test-drive label {
    white-space: nowrap;
}

.swank-test-drive-execute {
    text-transform: uppercase;
    font-weight: bold;
    height: 50px;
    width: 100%;
}

pre, .swank-test-drive textarea {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.swank-test-drive .tab-pane {
    min-height: 100px;
}

pre {
    max-height: 600px;
}

.swank-test-drive-response-body iframe {
    width: 100%;
    min-height: 300px;
    border-width: 0;
}

.swank-test-drive textarea {
    max-height: 600px;
}

.swank-test-drive-status { 
    height: 35px;
    border-color: #c1c1c1;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    background-color: #fff;
}

.swank-test-drive-panels {
    margin-bottom: 20px;
}

.swank-test-drive-status {
    padding: 6px;   
}

.swank-test-drive-status-100 {
    color: #0040fb;
}

.swank-test-drive-status-200 {
    color: #0fa523;
}

.swank-test-drive-status-300 {
    color: #0040fb;
}

.swank-test-drive-status-400 {
    color: #fb0000;
}

.swank-test-drive-status-500 {
    color: #fb0000;
}

.swank-parameter-name {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-weight: bold;
}

.swank-test-drive-busy {
    background-image: url(../../img/barber-pole.gif/);
    background-repeat: repeat;
}

/* Endpoint content */

.swank-endpoint-body {
    padding: 20px;
}

.swank-endpoint h4, 
.swank-endpoint .h4, 
.swank-endpoint h5,
.swank-endpoint .h5,
.swank-endpoint h6,
.swank-endpoint .h6 {
    margin-bottom: 15px;
}

.swank-endpoint .panel-heading {
    border-width: 1px;
    border-style: solid;
}

.swank-endpoint-body > table > thead tr {
    border: #7d7d7d 1px solid;
}

.swank-endpoint td .alert:not(:last-child),
.swank-endpoint td .panel:not(:last-child) {
    margin-bottom: 10px;
}

.swank-nullable {
    background-color: #945ba9;
}

.swank-required {
    background-color: #c15757;
}

.swank-optional {
    background-color: #466eab;
}

/* Endpoint tabs */

.swank-endpoint .nav-tabs {
    border-bottom: 0;
}

.swank-endpoint .nav-tabs > li > a {
    border-radius: 0;
    font-weight: bold;
    padding: 7px 15px;
    border-width: 0 0 1px 0;
}

.swank-endpoint .nav-tabs > li.active > a {
    color: #f7f8f9;
    border-width: 1px;
}

.swank-endpoint .nav-tabs > li.active > a,
.swank-endpoint .nav-tabs > li.active > a:hover {
    background-color: #7d7d7d;
    border-color: #7d7d7d;
}

.swank-endpoint .nav-tabs a:hover, 
.swank-endpoint .nav-tabs > li > a {
    color: #525252;
}

.swank-endpoint .nav-tabs > li > a:hover {
    background-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
}

.swank-endpoint .tab-content {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #c1c1c1;
    background-color: #fff;
}

/* Endpoint sample data */

.swank-sample-data {
    color: #333;
    white-space: nowrap;
    font-size: 9pt;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.swank-sample-data-copy {
    float: right;
    padding: 0;
    font-size: 14pt;
    width: 33px;
    height: 33px;    
    background-color: #e0e0e0;
    color: #525252;
}

.swank-sample-data-copy:focus {
    outline: 0;
    color: #525252;
}

.swank-sample-data-copy:active:focus {
    background-color: #f5f5f5;
    border: #c1c1c1 1px solid;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.swank-endpoint .table > thead > tr > 
th.swank-sample-data-selector-container {
    width: 300px;
    padding-left: 4px;
}

.swank-endpoint .swank-sample-data-selector > li > a {
    color: #f7f8f9;
}

.swank-endpoint .swank-sample-data-selector a:hover, 
.swank-endpoint .swank-sample-data-selector > li.active > a {
    color: #525252;
}

.swank-endpoint .swank-sample-data-selector:before,
.swank-endpoint .swank-sample-data-selector:after {
    display: inline;
}

.swank-endpoint .swank-sample-data-selector > li,
.swank-endpoint .swank-sample-data-selector > li > a,
.swank-endpoint .swank-sample-data-selector > li.active > a,
.swank-endpoint .swank-sample-data-selector > li > a:hover,
.swank-endpoint .swank-sample-data-selector > li.active > a:hover {
    border-width: 0;
}

.swank-endpoint .swank-sample-data-selector a {
    height: 33px;
    color: #f7f8f9;
    font-weight: bold;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.swank-endpoint .swank-sample-data-selector > li.active > a,
.swank-endpoint .swank-sample-data-selector > li.active > a:hover {
    background-color: #e0e0e0;
}

.swank-sample-data-json .swank-string {
    color: #A31515;
}

.swank-sample-data-json .swank-primitive {
    color: #0000FF;
}

.swank-sample-data-xml .swank-bracket {
    color: #6666c5;
}

.swank-sample-data-xml .swank-name {
    color: #A31515;
}

/* Endpoint code examples */

.swank-code-example {
    padding: 0;
}

.swank-code-example-copy {
    position: absolute;
    right: 107px;
    font-size: 14pt;
}

.swank-code-example-copy:focus {
    outline: 0;
}

.swank-code-example-copy:active:focus {
    background-color: #f5f5f5;
    border: #c1c1c1 1px solid;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Footer */

.swank-footer {
    padding-top: 70px;
    text-align: center;
}