/* NORIKER CSS general styles */

/* colour variables */
:root {
  --noriker-blue-color: #4269a3;
  --noriker-lightblue-color: #2769b4;
  --noriker-darkblue-color: #143357;
  --noriker-complementary-color: #e67d2d;
  --noriker-bg-org-color: #fbf5f0;
  --noriker-bg-blue-color: #d2e4f7;
  --noriker-bg-grey-color: #3f3f3f;
  --noriker-bg-lightgrey-color: #e2e2e2;
  --btn-green: #b6d7a8;
  --btn-red: #f36958;
  --btn-yellow: #f1c232;
  --bg-green: #b6d7a8;
  --bg-lightgreen: #e3fcef;
  --bg-red: #ffaba0;
  --bg-lightred: #ffebe6;
  --override-tag-bg: #ef425d;
  --override-tag-bg-disabled: #ffabab;
  --override-tag-text: #f1ecf3;
  --override-attribute-bg: #aff8db;
  --override-attribute-text: #4b4345;
  --override-original-tag: #ea1a39;
  --override-new-tag: #23c349;
  --override-success: #cfecbc;
  --navbar-height: 100px;
}

/* Base layout */
body {
  font:
    400 15px "Raleway",
    sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  color: var(--noriker-bg-grey-color);
  margin: 10px;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: var(--noriker-darkblue-color);
  font-weight: 600;
}

h3 {
  font-size: 1.17em;
  color: var(--noriker-grey-color);
  font-weight: bold;
}

h4 {
  font-size: 1em;
  color: var(--noriker-darkblue-color);
  font-weight: bold;
}

hr {
  border-width: 2px;
  width: 100%;
}

button {
  padding: 5px;
  border-radius: 5px;
}

table {
  border-spacing: 0px;
}

a {
  text-decoration: none;
}

.errorlist {
  color: red;
  font-weight: bold;
}