/* General */

header nav {
  font-family: "Roboto Mono";
}

.md-typeset ul ul {
  list-style-type:  circle;
}

.md-typeset ul ul ul {
  list-style-type:  square;
}


/* Color scheme */

[data-md-color-scheme="beecr"] {
  --md-primary-fg-color:               #131323;  /* navigation bar background */
  --md-primary-bg-color:               #d3fd81;  /* navigation bar text, search icon */
  --md-primary-bg-color--light:        #d3fd81;  /* search input greeting word */

  --md-typeset-color:                  #e5e7ed;  /* text */
  --md-typeset-a-color:                #d3fd81;  /* link */

  --md-default-fg-color:               #d3fd81;  /* search results titles */
  --md-default-fg-color--light:        #8e8e9d;  /* search results matches */
  --md-default-fg-color--lighter:      #4c92e3;  /* quote border */
  --md-default-fg-color--lightest:     #131323;  /* search hint bar*/
  --md-default-bg-color:               #0e0f11;  /* background */

  --md-accent-fg-color:                #eb8b48;  /* link on hover */
  --md-accent-fg-color--transparent:   #131323;  /* search results background on hover */

  --md-code-fg-color:                  #ffffff;  /* code text */
  --md-code-bg-color:                  #21213d;  /* code background */
  --md-code-hl-number-color:           #ffffff;
  --md-code-hl-special-color:          #d3fd81;
  --md-code-hl-function-color:         #d3fd81;
  --md-code-hl-constant-color:         #ffffff;
  --md-code-hl-keyword-color:          #4c92e3;
  --md-code-hl-string-color:           #eb8b48;
  --md-code-hl-name-color:             #ffffff;
  --md-code-hl-operator-color:         #ffffff;
  --md-code-hl-punctuation-color:      #ffffff;
  --md-code-hl-comment-color:          #888888;
  --md-code-hl-generic-color:          #ffffff;
  --md-code-hl-variable-color:         #ffffff;
}

[data-md-color-scheme="beecr"] code {
  --md-default-fg-color--lighter:      #3a3c4d;
  border: 1px solid #4c92e37f;
  border-radius: 5px;
}

[data-md-color-scheme="beecr"] .highlight {
  --md-default-fg-color--lighter: #3a3c4d;
  border: 1px solid #4c92e37f;
  background-color: #21213d;
  border-radius: 5px;
  padding: 2px;
}

[data-md-color-scheme="beecr"] .highlight > * {
  margin: 0 !important;
}

[data-md-color-scheme="beecr"] .highlight > span.filename {
  background-color: #3d3d66;
}

[data-md-color-scheme="beecr"] .highlight code {
  border: 0;
  border-radius: 0;
}



.ReportTypo {position: fixed; margin: auto; padding: 12px; top: 30%; left: 0; right: 0; max-width: 480px; background: #131323; border: 3px solid #f00000; border-radius: 12px}
.ReportTypo-message {width: 100%; height: 50px; margin: 12px 0;}
.ReportTypo-comment {display: block; width: 100%; height: 100px;}
.ReportTypo-header {font-size: 21px; font-weight: bold;}
.ReportTypo-label {margin: 12px 0 6px 0;}
.ReportTypo-heighlight {color: #f00000; font-weight: bold; text-decoration: underline;}
.ReportTypo-submit {cursor: pointer; background-color: #535383; border-radius: 4px; color: #ffffff; padding: 10px 15px; margin: 5px;}
.ReportTypo-cancel {cursor: pointer; background-color: #535383; border-radius: 4px; color: #ffffff; padding: 10px 15px; margin: 5px;}