h1 {
  color: black;
  //background-color: LightBlue;
  border-radius: 5px;
  padding: 5px; 
  width: max-content;
}

body {
  background-color: #f1f1f1;
  font-family: Arial, Helvetica, sans-serif;  
}

.methodbutton {
  font-size: 15px;
  color: blue;
  cursor: pointer;
  padding: 18px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;  
  width:100%;
}

.method_content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.example {
  background-color: rgb(51, 51, 51);
  color: white;
  display: block;
  overflow-y: scroll;
  max-height:400px;
}

.metadata {
  display: none;
  background-color: lightGray;
  color: Black;
  max-width:900px;
}

.getbutton, .deletebutton, .putbutton, .postbutton, .patchbutton {
  display: inline-block;
  color: #ffffff;
  font-weight:lighter;
  border-radius: 5px;
  padding: 8px; 
  width: 75px;
  text-align: center;
  margin-right: 2px;
}

.getbutton {
  background-color: DodgerBlue;
}

.deletebutton {
  background-color: Red;
}

.putbutton, .postbutton, .patchbutton {
  background-color: Green;
}

.entity_content {
 width: 75%;
}

.url_entry {
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 2px; 
  margin-bottom: 5px;
}

.examplebutton {
  background-color: #f1f1f1;
  color: Black;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.metadatabutton {
  background-color: #f1f1f1;
  color: Black;
  border-radius: 5px;
  cursor: pointer;
}

a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

.next {
  background-color: #04AA6D;
  color: white;
  border-radius: 5px;  
}

.previous {
  background-color: #04AA6D;
  color: white;
  border-radius: 5px;  
}

.index {
  background-color: #04AA6D;
  color: white;
}

.round {
  border-radius: 5px;
}

.metadata_table {
    border-collapse: collapse;
}

td,th {
  padding: 0 25px;
}

.numberprop {
  color: rgb(211,99,99)
}

.stringprop, .enumprop {
  color: rgb(162,252,162);
}

.propname {
  color: white
}

.parameters {
  background-color: #ffffff;
}

.enumeration_text, .subobject_text {
  font-weight: bold;
  color: black;
  border-radius: 5px;
  padding: 5px; 
  width: auto;
  text-align: left;
}

.meta_length, .meta_readonly, .meta-unicode {
  font-style: italic;
}

.param_type {
  font-style: italic;
}

.meta_type {
  color: rgb(85, 85, 170);
}

.enumeration, .table_subobject {
  border: none;
  background-color: inherit;
  cursor: pointer;
  text-align:left;    
}

.routine_parameters {
  text-align: left;
}

.param_name, .param_type, .param_values {
  vertical-align:top;
}

.meta_field_name {
  vertical-align:top;
}

.required::after {
  color: red;
  content: "* required";
  vertical-align: super;
  font-size:x-small;
}

.example_array::before {
  content: '{\a"Value":[';  
}
.example_array::after {
  content: ', ....\a]}';  
}

.metadata_array::before, .array_param::before {
  content: 'ARRAY [';  
}
.metadata_array::after, .array_param::after {
  content: ']';  
}

.content_type_header::before {
  background-color: inherit;
  font-weight: bold;
  content: "Content Type"
}

.content_type_header {
  margin-left:100px;
  display: inline-block;
}

.content_type {
  margin-left:5px;
  font-style: italic;
}