/* Main body copy styles */
body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #4c4c4c;
}

h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #4c4c4c;
}

#spectacle article h1.doc-title {
	text-transform: none;
	font-size: 26px;
	color: #4c4c4c!important;
}


#introduction h1 {
	margin-bottom: 10px!important;
	background-color: transparent!important;
	color: #afd25c!important;
	padding-left: 0px!important;
	border: 0px!important;
	padding-bottom: 0px!important;
	margin-top: 5px!important;
}

#spectacle article h1 {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background-color: #afd25c;
	font-size: 20px;
}

#spectacle article h2 {
	font-weight: 700;
}

#introduction h3 {
	border-top: 1px solid #ddd;
	font-weight: 700;
	padding-top: 10px;
}

#introduction h4 {
	font-weight: 700;
	border-bottom: 1px solid #afd25c;
	padding-bottom: 5px;
	width: 50%;
	padding-top: 20px;
}

#spectacle #sidebar h5 {
	color: #4c4c4c;
	font-weight: bold;
}

/* Various Header Text Styles */

#spectacle .swagger-operation-description:before, #spectacle .swagger-operation-path:before, #spectacle .swagger-request-body:before, #spectacle .swagger-request-params:before, #spectacle .swagger-responses:before {
	color: #afd25c;
	font-weight: bold;
}

#spectacle .json-schema-additionalProperties:before, #spectacle .json-schema-allOf-inherited:before, #spectacle .json-schema-array-items:before, #spectacle .json-schema-example:before {
	color: #afd25c;
	font-weight: bold;
}

#spectacle .json-schema-description:before, #spectacle .json-schema-properties:before {
	color: #afd25c;
	font-weight: bold;
}

#spectacle .hljs-addition, #spectacle .hljs-built_in, #spectacle .hljs-builtin-name, #spectacle .hljs-selector-attr, #spectacle .hljs-selector-id, #spectacle .hljs-selector-pseudo, #spectacle .hljs-string, #spectacle .hljs-template-variable, #spectacle .hljs-type, #spectacle .hljs-variable {
	color: #afd25c;
}

#spectacle article .powered-by span {
	color: #afd25c;
	font-weight: bold;
}

/* Logo Styles */

#spectacle #logo {
	padding-right: 1.5rem;
	padding-left: 1rem;
	padding-bottom: 1rem;

}
#spectacle #logo img {
     min-height: 120px; 
}

/* Sidebar Styles */

#spectacle #sidebar {
	background-color: #fff;
}

#spectacle .drawer-layout .drawer {
	box-shadow: none;
}

#spectacle #sidebar a {
	color: #4c4c4c;
	margin: 0 0 0.6rem;
	padding-left: 12px;
	text-decoration: none;
}

#spectacle #sidebar a.active {
	color: #4c4c4c;
	border-left: solid 2px #afd25c;
	padding-left: 10px;
	font-weight: bold;
}

.swagger-request-params {
	margin-top: 30px;
}

.json-schema-array-items {
	margin-top: 30px;
}

#spectacle .json-inner-schema .json-schema-properties {
	padding-left: 0px;
	margin-top: 20px;
}

#spectacle .json-schema-properties dd {
	color: #606060!important;
	padding-top: 10px;
}

#spectacle article .definition dl dt {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

#spectacle article .definition .js {
	font-size: 18px!important;
}

#spectacle article .definition .json-property-name {
	font-size: 18px;
}

.number {
	background-color: #afd25c;
	border-radius: 100%;
	padding: 5px 11px 5px 11px;
	margin-right: 10px;
	color: #ffffff;
	font-weight: 700;
}

.step-title {
	margin-top: 40px!important;
}

/* Tooltip */

#spectacle .json-property-required:before {
	content: 'Required';
	font-weight: 700;
	border-radius: 0px;
	padding: 5px 8px 5px 8px;
	background-color: #FB8072;
	margin-left: 4px;
}


.tooltip {
    position: relative;
    display: inline-block;
    padding-right: 4px;
    color: #a3a3a3
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #fff;
    border: 1px solid #f6f6f6;
    color: #4c4c4c;
    text-align: center;
    padding: 15px 15px;
    box-shadow: 0 25px 40px -20px rgba(76, 76, 76, 0.5);

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.doc-copy a {
	color: #4c4c4c;
	text-decoration: none;
	border-bottom: 1px solid #afd25c;
	cursor: pointer;
}

.doc-copy a:hover {
	background-color: #afd25c;
	color: #ffffff;
}

a {
    background-color: transparent;
    color: #afd25c;
    text-decoration: underline;
    cursor: pointer;
}

#spectacle article h2 {
	border-top: none;
	margin-top: 0;
}

.json-schema-ref {
	font-style: italic;
}

#spectacle .json-property-format {
	font-style: italic;
	font-weight: 100;
}
#spectacle .panel-title .json-property-type {
	letter-spacing: 2px;
}
.label {
  background: #80B1D3;
  font-weight: bold;
  padding: .5rem .5rem;
  text-decoration: none;
}