.swagger-section * {
  font-family: Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.188rem !important;    
  font-weight: 500 !important;
}
  
.swagger-ui .opblock.opblock-get {
  border: 0 !important;
  background-color: inherit !important;
}
  
#api_info, .footer {
  display: none;
}
  
.resource {
  border: 0 !important;
}
  
.resource ul .toggleEndpointList,
.resource .collapseResource, 
.resource .expandResource {
  display: none;
}
  
.resource h2, 
h3, 
.resource a {
  color: var(--black) !important;
}
  
.resource h2, .resource h2 a {
  font-size: 1.75rem !important;
  line-height: 2.063rem !important;
}
  
.resource h3, .resource h3 a {
  font-size: 1.313rem !important;
  font-weight: 500 !important;
  line-height: 1.563rem !important;    
}
  
.endpoints .heading {
  border: 0 !important;
  border-top: 1px solid var(--black) !important;
  border-bottom: 1px solid var(--black) !important;
  padding: 1rem 1.5rem 1em 0.5rem !important;
  margin-top: 1rem !important;
  background-color: inherit !important;
}
  
.toggleOperation {
  color: var(--black) !important;
  background-color: inherit !important;
}
  
/*.toggleOperation::before {
  background-image: url("/images/aalto/aalto_plus_icon.svg");
  content: "\a0";
  background-repeat: no-repeat;
}*/
  
.content {
  background-color: inherit !important;
  border: 0 !important;
}
  
.content h4 {
  color: var(--black) !important;
  font-size: 1.313rem !important;
  line-height: 1.563rem !important;
}
  
.snippet pre {
  background-color: var(--grey) !important;
  border: 1px solid var(--grey) !important;
}
  
.snippet .json span {
  font-size: 0.75rem !important;
  line-height: 0.875rem !important;
}
  
table.fullwidth th {
  color: var(--black) !important;
}
  
.content input[type="text"], 
.content select {
  height: 2.5rem !important;
}
  
.content input[type="text"] {
  padding-left: 0.5rem !important;
}
  
.submit {
  margin: 0 !important;
  padding: 0.75rem 1.625rem !important;
  border-radius: 2.5rem !important;
  background-color: var(--black) !important;
  border: 1px solid var(--black) !important;
  color: white !important;
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  cursor: pointer;
}
  
.submit:hover {
  background-color: var(--yellow) !important;
  color: var(--black) !important;
}
  
.submit:focus, .submit:active  {
  outline: none;
  box-shadow: 0 0 0 2pt var(--black);
}

.sandbox_header {
  padding: 0.25rem;
}