/* Style sheet for tabs created by code-in-tabs.js */
/* Style the tab */
.codesnippets  .codesnippetheader {
  overflow: hidden;
  border: 1px solid hsl(165,0%,80%);
  background-color: hsl(165,0%,90%);
}

/* Style the buttons that are used to open the tab content */
.codesnippets .codesnippetheader button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.codesnippets .codesnippetheader button:hover {
  background-color:  hsl(165,0%,85%);
}

/* Create an active/current tablink class */
.codesnippets .codesnippetheader button.active {
  background-color: hsl(165,0%,80%);
}

.codesnippets#REPLACE_ME_ID::before
{
  content: "MISSING Code Snippet Title";
  color: red;
  font-size: x-large;
  font-weight: bold;
}

/* Style the tab content */
.codesnippets .codesnippet {
  display: none;
  padding: 6px 12px;
  border: 1px solid hsl(165,0%,80%);
  border-top: none;
  background-color: white; /*same as background for code: #f8f8f8;*/
}

.codesnippets .codesnippet.active {
  display: block;
}

/* Doxygen sometimes puts blank paragraphs in the code snippet.
      To prevent unwanted spacing, remove them */
.codesnippets p,
.codesnippet p {
  display: none;
}

.codesnippets .print-header {
  display: none;
  border: 1px solid hsl(165,0%,80%);
  background-color: hsl(165,0%,90%);
  padding: 14px 16px;
  margin-top: 20px;
  font-size: 14px;
}

/* Show all tabs when printing */
@media print {
  .codesnippets .codesnippetheader {
    display: none !important;
  }

  .codesnippet {
    display: block !important;
  }

  .codesnippets .print-header {
    display: block !important;
  }
}