/* Blend with white 40% (uncorrected gamma) */
/* Blend with white 70% (uncorrected gamma) */
/* Blend with white 90% (uncorrected gamma) (unofficial) */
/* Blend with black 30% (uncorrected gamma) (unofficial) */
/* Blend with black 60% (uncorrected gamma) (unofficial) */
/* PMS 355 C. Not a CTF colour, use only if dark green is absolutely required. */
:root {
  --padding: 4px;
  --ctfRed: #e4002b;
  --ctfTeal: #00b2a9;
  --ctfViolet: #93328e;
  --ctfYellow: #ffb81c;
  --ctfLime: #97d700;
  --ctfOrange: #ff6a13;
  --ctfBlue: #00609c;
  --ctfGrey: #75787b;
  --ctfRedLight1: #ef6680;
  --ctfTealLight1: #66d1cb;
  --ctfVioletLight1: #be84bb;
  --ctfYellowLight1: #ffd477;
  --ctfLimeLight1: #c1e766;
  --ctfOrangeLight1: #ffa671;
  --ctfBlueLight1: #66a0c4;
  --ctfGreyLight1: #acaeb0;
  --ctfRedLight2: #f7b3bf;
  --ctfTealLight2: #b3e8e5;
  --ctfVioletLight2: #dfc2dd;
  --ctfYellowLight2: #ffeabb;
  --ctfLimeLight2: #e0f3b3;
  --ctfOrangeLight2: #ffd2b8;
  --ctfBlueLight2: #b3cfe1;
  --ctfGreyLight2: #d6d7d7;
  --ctfRedLight3: #fce6ea;
  --ctfTealLight3: #e6f7f6;
  --ctfVioletLight3: #f4ebf4;
  --ctfYellowLight3: #fff8e8;
  --ctfLimeLight3: #f5fbe6;
  --ctfOrangeLight3: #fff0e7;
  --ctfBlueLight3: #e6eff5;
  --ctfGreyLight3: #f1f2f2;
  --ctfRedDark1: #a20724;
  --ctfTealDark1: #007c78;
  --ctfVioletDark1: #641e62;
  --ctfYellowDark1: #b88011;
  --ctfLimeDark1: #649506;
  --ctfOrangeDark1: #b84e18;
  --ctfBlueDark1: #004672;
  --ctfGreyDark1: #525254;
  --ctfRedDark2: #5d0815;
  --ctfTealDark2: #004744;
  --ctfVioletDark2: #391138;
  --ctfYellowDark2: #69490d;
  --ctfLimeDark2: #395508;
  --ctfOrangeDark2: #692c0f;
  --ctfBlueDark2: #002841;
  --ctfGreyDark2: #2e2f30;
  --uiGreen: #009a3d;
  --uiGreenLight1: #66c28b;
  --uiGreenLight2: #b3e1c5;
  --uiGreenLight3: #e6f5ec;
  --uiGreenDark1: #006c2b;
  --uiGreenDark2: #003e19;
  --white0: #ffffff;
  --white1: #fdfdfd;
  --white2: #fbfbfb;
  --white3: #f0f0f0;
  --black0: #000000;
  --black1: #222222;
  --grey0: #e7e7e7;
  --grey1: #e0e0e0;
  --grey2: #d0d0d0;
  --padding: 4px;
}

@supports (color: color(display-p3 1 1 1)) {
  :root {
    /* Light shades are produced using colourspace-dependent math so they don't appear here. */
    --ctfRed: color(display-p3 0.831 0.176 0.23);
    --ctfTeal: color(display-p3 0.115 0.68 0.664);
    --ctfViolet: color(display-p3 0.516 0.197 0.53);
    --ctfYellow: color(display-p3 0.982 0.728 0.265);
    --ctfLime: color(display-p3 0.617 0.823 0.242);
    --ctfOrange: color(display-p3 0.955 0.471 0.229);
    --ctfBlue: color(display-p3 0 0.385 0.616);
    --ctfGrey: color(display-p3 0.457 0.461 0.47);
    --uiGreen: color(display-p3 0 0.591 0.281);
    --ctfRedDark1: color(display-p3 0.583 0.123 0.162);
    --ctfTealDark1: color(display-p3 0.08 0.477 0.466);
    --ctfVioletDark1: color(display-p3 0.362 0.138 0.372);
    --ctfYellowDark1: color(display-p3 0.689 0.511 0.186);
    --ctfLimeDark1: color(display-p3 0.433 0.578 0.17);
    --ctfOrangeDark1: color(display-p3 0.67 0.33 0.161);
    --ctfBlueDark1: color(display-p3 0 0.27 0.432);
    --ctfGreyDark1: color(display-p3 0.321 0.323 0.33);
    --uiGreenDark1: color(display-p3 0 0.415 0.197);
    --ctfRedDark2: color(display-p3 0.332 0.07 0.092);
    --ctfTealDark2: color(display-p3 0.046 0.272 0.266);
    --ctfVioletDark2: color(display-p3 0.206 0.079 0.212);
    --ctfYellowDark2: color(display-p3 0.393 0.291 0.106);
    --ctfLimeDark2: color(display-p3 0.247 0.329 0.097);
    --ctfOrangeDark2: color(display-p3 0.382 0.188 0.092);
    --ctfBlueDark2: color(display-p3 0 0.154 0.246);
    --ctfGreyDark2: color(display-p3 0.183 0.184 0.188);
    --uiGreenDark2: color(display-p3 0 0.236 0.112);
  }
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
}

body {
  font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #222222;
  color: var(--black1);
  background-color: #fdfdfd;
  background-color: var(--white1);
}

a {
  color: #00609c;
  color: var(--ctfBlue);
}
a:visited {
  color: #93328e;
  color: var(--ctfViolet);
}
a:active {
  color: #e4002b;
  color: var(--ctfRed);
}

button, input[type=submit], input[type=button], .privButtonStyle, a.privButtonStyle {
  font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 10.5pt;
  font-size: 0.875rem;
  text-decoration: none;
  text-shadow: 0 1px 0.75px rgba(0, 0, 0, 0.25);
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-shadow: 0 1px 0.75px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  margin: 1px;
  min-width: 5em;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: background-color ease-out 0.15s, color ease-out 0.15s, border-color ease-out 0.15s;
  text-shadow: 0 1px 0.75px rgb(110.25, 37.5, 106.5);
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(157.8, 70.5, 153.3) rgb(132.3, 45, 127.8) rgb(124.95, 42.5, 120.7) rgb(132.3, 45, 127.8);
  vertical-align: middle;
}
@supports (color: color(display-p3 1 1 1)) {
  button, input[type=submit], input[type=button], .privButtonStyle, a.privButtonStyle {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button:hover, input[type=submit]:hover, input[type=button]:hover, .privButtonStyle:hover, a.privButtonStyle:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  button:hover, input[type=submit]:hover, input[type=button]:hover, .privButtonStyle:hover, a.privButtonStyle:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button:disabled, button.disabled, input[type=submit]:disabled, input[type=submit].disabled, input[type=button]:disabled, input[type=button].disabled, .privButtonStyle:disabled, .privButtonStyle.disabled, a.privButtonStyle:disabled, a.privButtonStyle.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button svg, button img, input[type=submit] svg, input[type=submit] img, input[type=button] svg, input[type=button] img, .privButtonStyle svg, .privButtonStyle img, a.privButtonStyle svg, a.privButtonStyle img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  button svg, button img, input[type=submit] svg, input[type=submit] img, input[type=button] svg, input[type=button] img, .privButtonStyle svg, .privButtonStyle img, a.privButtonStyle svg, a.privButtonStyle img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.red, input[type=submit].red, input[type=button].red, .privButtonStyle.red, a.privButtonStyle.red {
  text-shadow: 0 1px 0.75px rgb(171, 0, 32.25);
  background-color: #e4002b;
  background-color: var(--ctfRed);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(230.7, 25.5, 64.2) rgb(205.2, 0, 38.7) rgb(193.8, 0, 36.55) rgb(205.2, 0, 38.7);
}
@supports (color: color(display-p3 1 1 1)) {
  button.red, input[type=submit].red, input[type=button].red, .privButtonStyle.red, a.privButtonStyle.red {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.red:hover, input[type=submit].red:hover, input[type=button].red:hover, .privButtonStyle.red:hover, a.privButtonStyle.red:hover {
  background-color: rgb(238.8, 102, 127.8);
}
@supports (color: color(display-p3 1 1 1)) {
  button.red:hover, input[type=submit].red:hover, input[type=button].red:hover, .privButtonStyle.red:hover, a.privButtonStyle.red:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.red:disabled, button.red.disabled, input[type=submit].red:disabled, input[type=submit].red.disabled, input[type=button].red:disabled, input[type=button].red.disabled, .privButtonStyle.red:disabled, .privButtonStyle.red.disabled, a.privButtonStyle.red:disabled, a.privButtonStyle.red.disabled {
  background-color: #e4002b;
  background-color: var(--ctfRed);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.red svg, button.red img, input[type=submit].red svg, input[type=submit].red img, input[type=button].red svg, input[type=button].red img, .privButtonStyle.red svg, .privButtonStyle.red img, a.privButtonStyle.red svg, a.privButtonStyle.red img {
  filter: drop-shadow(0 1px 0.75px rgb(171, 0, 32.25));
}
@supports (color: color(display-p3 1 1 1)) {
  button.red svg, button.red img, input[type=submit].red svg, input[type=submit].red img, input[type=button].red svg, input[type=button].red img, .privButtonStyle.red svg, .privButtonStyle.red img, a.privButtonStyle.red svg, a.privButtonStyle.red img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.teal, input[type=submit].teal, input[type=button].teal, .privButtonStyle.teal, a.privButtonStyle.teal {
  text-shadow: 0 1px 0.75px rgb(0, 133.5, 126.75);
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(25.5, 185.7, 177.6) rgb(0, 160.2, 152.1) rgb(0, 151.3, 143.65) rgb(0, 160.2, 152.1);
}
@supports (color: color(display-p3 1 1 1)) {
  button.teal, input[type=submit].teal, input[type=button].teal, .privButtonStyle.teal, a.privButtonStyle.teal {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.teal:hover, input[type=submit].teal:hover, input[type=button].teal:hover, .privButtonStyle.teal:hover, a.privButtonStyle.teal:hover {
  background-color: rgb(102, 208.8, 203.4);
}
@supports (color: color(display-p3 1 1 1)) {
  button.teal:hover, input[type=submit].teal:hover, input[type=button].teal:hover, .privButtonStyle.teal:hover, a.privButtonStyle.teal:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.teal:disabled, button.teal.disabled, input[type=submit].teal:disabled, input[type=submit].teal.disabled, input[type=button].teal:disabled, input[type=button].teal.disabled, .privButtonStyle.teal:disabled, .privButtonStyle.teal.disabled, a.privButtonStyle.teal:disabled, a.privButtonStyle.teal.disabled {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.teal svg, button.teal img, input[type=submit].teal svg, input[type=submit].teal img, input[type=button].teal svg, input[type=button].teal img, .privButtonStyle.teal svg, .privButtonStyle.teal img, a.privButtonStyle.teal svg, a.privButtonStyle.teal img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 133.5, 126.75));
}
@supports (color: color(display-p3 1 1 1)) {
  button.teal svg, button.teal img, input[type=submit].teal svg, input[type=submit].teal img, input[type=button].teal svg, input[type=button].teal img, .privButtonStyle.teal svg, .privButtonStyle.teal img, a.privButtonStyle.teal svg, a.privButtonStyle.teal img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.violet, input[type=submit].violet, input[type=button].violet, .privButtonStyle.violet, a.privButtonStyle.violet {
  text-shadow: 0 1px 0.75px rgb(110.25, 37.5, 106.5);
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(157.8, 70.5, 153.3) rgb(132.3, 45, 127.8) rgb(124.95, 42.5, 120.7) rgb(132.3, 45, 127.8);
}
@supports (color: color(display-p3 1 1 1)) {
  button.violet, input[type=submit].violet, input[type=button].violet, .privButtonStyle.violet, a.privButtonStyle.violet {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.violet:hover, input[type=submit].violet:hover, input[type=button].violet:hover, .privButtonStyle.violet:hover, a.privButtonStyle.violet:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  button.violet:hover, input[type=submit].violet:hover, input[type=button].violet:hover, .privButtonStyle.violet:hover, a.privButtonStyle.violet:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.violet:disabled, button.violet.disabled, input[type=submit].violet:disabled, input[type=submit].violet.disabled, input[type=button].violet:disabled, input[type=button].violet.disabled, .privButtonStyle.violet:disabled, .privButtonStyle.violet.disabled, a.privButtonStyle.violet:disabled, a.privButtonStyle.violet.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.violet svg, button.violet img, input[type=submit].violet svg, input[type=submit].violet img, input[type=button].violet svg, input[type=button].violet img, .privButtonStyle.violet svg, .privButtonStyle.violet img, a.privButtonStyle.violet svg, a.privButtonStyle.violet img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  button.violet svg, button.violet img, input[type=submit].violet svg, input[type=submit].violet img, input[type=button].violet svg, input[type=button].violet img, .privButtonStyle.violet svg, .privButtonStyle.violet img, a.privButtonStyle.violet svg, a.privButtonStyle.violet img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.yellow, input[type=submit].yellow, input[type=button].yellow, .privButtonStyle.yellow, a.privButtonStyle.yellow {
  text-shadow: 0 1px 0.75px rgb(138, 96, 12.75);
  background-color: #b88011;
  background-color: var(--ctfYellowDark1);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(191.1, 140.7, 40.8) rgb(165.6, 115.2, 15.3) rgb(156.4, 108.8, 14.45) rgb(165.6, 115.2, 15.3);
}
@supports (color: color(display-p3 1 1 1)) {
  button.yellow, input[type=submit].yellow, input[type=button].yellow, .privButtonStyle.yellow, a.privButtonStyle.yellow {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.yellow:hover, input[type=submit].yellow:hover, input[type=button].yellow:hover, .privButtonStyle.yellow:hover, a.privButtonStyle.yellow:hover {
  background-color: rgb(212.4, 178.8, 112.2);
}
@supports (color: color(display-p3 1 1 1)) {
  button.yellow:hover, input[type=submit].yellow:hover, input[type=button].yellow:hover, .privButtonStyle.yellow:hover, a.privButtonStyle.yellow:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.yellow:disabled, button.yellow.disabled, input[type=submit].yellow:disabled, input[type=submit].yellow.disabled, input[type=button].yellow:disabled, input[type=button].yellow.disabled, .privButtonStyle.yellow:disabled, .privButtonStyle.yellow.disabled, a.privButtonStyle.yellow:disabled, a.privButtonStyle.yellow.disabled {
  background-color: #b88011;
  background-color: var(--ctfYellowDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.yellow svg, button.yellow img, input[type=submit].yellow svg, input[type=submit].yellow img, input[type=button].yellow svg, input[type=button].yellow img, .privButtonStyle.yellow svg, .privButtonStyle.yellow img, a.privButtonStyle.yellow svg, a.privButtonStyle.yellow img {
  filter: drop-shadow(0 1px 0.75px rgb(138, 96, 12.75));
}
@supports (color: color(display-p3 1 1 1)) {
  button.yellow svg, button.yellow img, input[type=submit].yellow svg, input[type=submit].yellow img, input[type=button].yellow svg, input[type=button].yellow img, .privButtonStyle.yellow svg, .privButtonStyle.yellow img, a.privButtonStyle.yellow svg, a.privButtonStyle.yellow img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.lime, input[type=submit].lime, input[type=button].lime, .privButtonStyle.lime, a.privButtonStyle.lime {
  text-shadow: 0 1px 0.75px rgb(75, 111.75, 4.5);
  background-color: #649506;
  background-color: var(--ctfLimeDark1);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(115.5, 159.6, 30.9) rgb(90, 134.1, 5.4) rgb(85, 126.65, 5.1) rgb(90, 134.1, 5.4);
}
@supports (color: color(display-p3 1 1 1)) {
  button.lime, input[type=submit].lime, input[type=button].lime, .privButtonStyle.lime, a.privButtonStyle.lime {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.lime:hover, input[type=submit].lime:hover, input[type=button].lime:hover, .privButtonStyle.lime:hover, a.privButtonStyle.lime:hover {
  background-color: rgb(162, 191.4, 105.6);
}
@supports (color: color(display-p3 1 1 1)) {
  button.lime:hover, input[type=submit].lime:hover, input[type=button].lime:hover, .privButtonStyle.lime:hover, a.privButtonStyle.lime:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.lime:disabled, button.lime.disabled, input[type=submit].lime:disabled, input[type=submit].lime.disabled, input[type=button].lime:disabled, input[type=button].lime.disabled, .privButtonStyle.lime:disabled, .privButtonStyle.lime.disabled, a.privButtonStyle.lime:disabled, a.privButtonStyle.lime.disabled {
  background-color: #649506;
  background-color: var(--ctfLimeDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.lime svg, button.lime img, input[type=submit].lime svg, input[type=submit].lime img, input[type=button].lime svg, input[type=button].lime img, .privButtonStyle.lime svg, .privButtonStyle.lime img, a.privButtonStyle.lime svg, a.privButtonStyle.lime img {
  filter: drop-shadow(0 1px 0.75px rgb(75, 111.75, 4.5));
}
@supports (color: color(display-p3 1 1 1)) {
  button.lime svg, button.lime img, input[type=submit].lime svg, input[type=submit].lime img, input[type=button].lime svg, input[type=button].lime img, .privButtonStyle.lime svg, .privButtonStyle.lime img, a.privButtonStyle.lime svg, a.privButtonStyle.lime img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.orange, input[type=submit].orange, input[type=button].orange, .privButtonStyle.orange, a.privButtonStyle.orange {
  text-shadow: 0 1px 0.75px rgb(191.25, 79.5, 14.25);
  background-color: #ff6a13;
  background-color: var(--ctfOrange);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(255, 120.9, 42.6) rgb(229.5, 95.4, 17.1) rgb(216.75, 90.1, 16.15) rgb(229.5, 95.4, 17.1);
}
@supports (color: color(display-p3 1 1 1)) {
  button.orange, input[type=submit].orange, input[type=button].orange, .privButtonStyle.orange, a.privButtonStyle.orange {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.orange:hover, input[type=submit].orange:hover, input[type=button].orange:hover, .privButtonStyle.orange:hover, a.privButtonStyle.orange:hover {
  background-color: rgb(255, 165.6, 113.4);
}
@supports (color: color(display-p3 1 1 1)) {
  button.orange:hover, input[type=submit].orange:hover, input[type=button].orange:hover, .privButtonStyle.orange:hover, a.privButtonStyle.orange:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.orange:disabled, button.orange.disabled, input[type=submit].orange:disabled, input[type=submit].orange.disabled, input[type=button].orange:disabled, input[type=button].orange.disabled, .privButtonStyle.orange:disabled, .privButtonStyle.orange.disabled, a.privButtonStyle.orange:disabled, a.privButtonStyle.orange.disabled {
  background-color: #ff6a13;
  background-color: var(--ctfOrange);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.orange svg, button.orange img, input[type=submit].orange svg, input[type=submit].orange img, input[type=button].orange svg, input[type=button].orange img, .privButtonStyle.orange svg, .privButtonStyle.orange img, a.privButtonStyle.orange svg, a.privButtonStyle.orange img {
  filter: drop-shadow(0 1px 0.75px rgb(191.25, 79.5, 14.25));
}
@supports (color: color(display-p3 1 1 1)) {
  button.orange svg, button.orange img, input[type=submit].orange svg, input[type=submit].orange img, input[type=button].orange svg, input[type=button].orange img, .privButtonStyle.orange svg, .privButtonStyle.orange img, a.privButtonStyle.orange svg, a.privButtonStyle.orange img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.blue, input[type=submit].blue, input[type=button].blue, .privButtonStyle.blue, a.privButtonStyle.blue {
  text-shadow: 0 1px 0.75px #004875;
  background-color: #00609c;
  background-color: var(--ctfBlue);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(25.5, 111.9, 165.9) rgb(0, 86.4, 140.4) rgb(0, 81.6, 132.6) rgb(0, 86.4, 140.4);
}
@supports (color: color(display-p3 1 1 1)) {
  button.blue, input[type=submit].blue, input[type=button].blue, .privButtonStyle.blue, a.privButtonStyle.blue {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.blue:hover, input[type=submit].blue:hover, input[type=button].blue:hover, .privButtonStyle.blue:hover, a.privButtonStyle.blue:hover {
  background-color: rgb(102, 159.6, 195.6);
}
@supports (color: color(display-p3 1 1 1)) {
  button.blue:hover, input[type=submit].blue:hover, input[type=button].blue:hover, .privButtonStyle.blue:hover, a.privButtonStyle.blue:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.blue:disabled, button.blue.disabled, input[type=submit].blue:disabled, input[type=submit].blue.disabled, input[type=button].blue:disabled, input[type=button].blue.disabled, .privButtonStyle.blue:disabled, .privButtonStyle.blue.disabled, a.privButtonStyle.blue:disabled, a.privButtonStyle.blue.disabled {
  background-color: #00609c;
  background-color: var(--ctfBlue);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.blue svg, button.blue img, input[type=submit].blue svg, input[type=submit].blue img, input[type=button].blue svg, input[type=button].blue img, .privButtonStyle.blue svg, .privButtonStyle.blue img, a.privButtonStyle.blue svg, a.privButtonStyle.blue img {
  filter: drop-shadow(0 1px 0.75px #004875);
}
@supports (color: color(display-p3 1 1 1)) {
  button.blue svg, button.blue img, input[type=submit].blue svg, input[type=submit].blue img, input[type=button].blue svg, input[type=button].blue img, .privButtonStyle.blue svg, .privButtonStyle.blue img, a.privButtonStyle.blue svg, a.privButtonStyle.blue img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.grey, input[type=submit].grey, input[type=button].grey, .privButtonStyle.grey, a.privButtonStyle.grey {
  text-shadow: 0 1px 0.75px rgb(87.75, 90, 92.25);
  background-color: #75787b;
  background-color: var(--ctfGrey);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(130.8, 133.5, 136.2) rgb(105.3, 108, 110.7) rgb(99.45, 102, 104.55) rgb(105.3, 108, 110.7);
}
@supports (color: color(display-p3 1 1 1)) {
  button.grey, input[type=submit].grey, input[type=button].grey, .privButtonStyle.grey, a.privButtonStyle.grey {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.grey:hover, input[type=submit].grey:hover, input[type=button].grey:hover, .privButtonStyle.grey:hover, a.privButtonStyle.grey:hover {
  background-color: rgb(172.2, 174, 175.8);
}
@supports (color: color(display-p3 1 1 1)) {
  button.grey:hover, input[type=submit].grey:hover, input[type=button].grey:hover, .privButtonStyle.grey:hover, a.privButtonStyle.grey:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.grey:disabled, button.grey.disabled, input[type=submit].grey:disabled, input[type=submit].grey.disabled, input[type=button].grey:disabled, input[type=button].grey.disabled, .privButtonStyle.grey:disabled, .privButtonStyle.grey.disabled, a.privButtonStyle.grey:disabled, a.privButtonStyle.grey.disabled {
  background-color: #75787b;
  background-color: var(--ctfGrey);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.grey svg, button.grey img, input[type=submit].grey svg, input[type=submit].grey img, input[type=button].grey svg, input[type=button].grey img, .privButtonStyle.grey svg, .privButtonStyle.grey img, a.privButtonStyle.grey svg, a.privButtonStyle.grey img {
  filter: drop-shadow(0 1px 0.75px rgb(87.75, 90, 92.25));
}
@supports (color: color(display-p3 1 1 1)) {
  button.grey svg, button.grey img, input[type=submit].grey svg, input[type=submit].grey img, input[type=button].grey svg, input[type=button].grey img, .privButtonStyle.grey svg, .privButtonStyle.grey img, a.privButtonStyle.grey svg, a.privButtonStyle.grey img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
button.green, input[type=submit].green, input[type=button].green, .privButtonStyle.green, a.privButtonStyle.green {
  text-shadow: 0 1px 0.75px rgb(0, 115.5, 45.75);
  background-color: #009a3d;
  background-color: var(--uiGreen);
  color: #ffffff;
  color: var(--white0);
  border-color: rgb(25.5, 164.1, 80.4) rgb(0, 138.6, 54.9) rgb(0, 130.9, 51.85) rgb(0, 138.6, 54.9);
}
@supports (color: color(display-p3 1 1 1)) {
  button.green, input[type=submit].green, input[type=button].green, .privButtonStyle.green, a.privButtonStyle.green {
    /* temporarily disabled as we are stuck on dart-sass 1.56.1 */
    /* wide gamut color.mix requires 1.79 or higher. */
    /*text-shadow: 0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3);*/
    /*border-color: color.mix($wgcolor, white, 90%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3) color.mix($wgcolor, black, 85%, $method: display-p3) color.mix($wgcolor, black, 90%, $method: display-p3);*/
  }
}
button.green:hover, input[type=submit].green:hover, input[type=button].green:hover, .privButtonStyle.green:hover, a.privButtonStyle.green:hover {
  background-color: rgb(102, 194.4, 138.6);
}
@supports (color: color(display-p3 1 1 1)) {
  button.green:hover, input[type=submit].green:hover, input[type=button].green:hover, .privButtonStyle.green:hover, a.privButtonStyle.green:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
button.green:disabled, button.green.disabled, input[type=submit].green:disabled, input[type=submit].green.disabled, input[type=button].green:disabled, input[type=button].green.disabled, .privButtonStyle.green:disabled, .privButtonStyle.green.disabled, a.privButtonStyle.green:disabled, a.privButtonStyle.green.disabled {
  background-color: #009a3d;
  background-color: var(--uiGreen);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
button.green svg, button.green img, input[type=submit].green svg, input[type=submit].green img, input[type=button].green svg, input[type=button].green img, .privButtonStyle.green svg, .privButtonStyle.green img, a.privButtonStyle.green svg, a.privButtonStyle.green img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 115.5, 45.75));
}
@supports (color: color(display-p3 1 1 1)) {
  button.green svg, button.green img, input[type=submit].green svg, input[type=submit].green img, input[type=button].green svg, input[type=button].green img, .privButtonStyle.green svg, .privButtonStyle.green img, a.privButtonStyle.green svg, a.privButtonStyle.green img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}

textarea, input[type=text], input[type=password],
input[type=file],
input[type=date], input[type=datetime], input[type=datetime-local],
input[type=number], input[type=range] {
  display: inline-block;
  box-sizing: border-box;
  background-color: #ffffff;
  background-color: var(--white0);
  border: 1px solid #75787b;
  border-color: var(--ctfGrey);
  border-radius: 3px;
  box-shadow: 0 1px 0.75px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
  padding: 2.5px 4px;
  padding: calc(4px - 0.0625rem - 0.5px) 4px;
  font: inherit;
  transition: background-color ease-out 0.15s, color ease-out 0.15s, border-color ease-out 0.15s;
  vertical-align: middle;
}
textarea:disabled, textarea.disabled, input[type=text]:disabled, input[type=text].disabled, input[type=password]:disabled, input[type=password].disabled,
input[type=file]:disabled,
input[type=file].disabled,
input[type=date]:disabled,
input[type=date].disabled, input[type=datetime]:disabled, input[type=datetime].disabled, input[type=datetime-local]:disabled, input[type=datetime-local].disabled,
input[type=number]:disabled,
input[type=number].disabled, input[type=range]:disabled, input[type=range].disabled {
  background-color: #f0f0f0;
  background-color: var(--white3);
}
.invalid textarea, textarea:invalid, .invalid input[type=text], input[type=text]:invalid, .invalid input[type=password], input[type=password]:invalid,
.invalid input[type=file],
input[type=file]:invalid,
.invalid input[type=date],
input[type=date]:invalid, .invalid input[type=datetime], input[type=datetime]:invalid, .invalid input[type=datetime-local], input[type=datetime-local]:invalid,
.invalid input[type=number],
input[type=number]:invalid, .invalid input[type=range], input[type=range]:invalid {
  border-color: #e4002b;
  border-color: var(--ctfRed);
  background-color: #fce6ea;
  background-color: var(--ctfRedLight3);
  color: #a20724;
  color: var(--ctfRedDark1);
}

select {
  display: inline-block;
  box-sizing: border-box;
  /* default browser style: border: 2px */
  padding: 1.5px 3px;
  padding: calc(4px - 0.0625rem - 1.5px) 3px;
  font: inherit;
  vertical-align: middle;
}
select:disabled, select.disabled {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  margin: 4px;
  width: 14px;
}

.privFontColour.red {
  color: #e4002b;
  color: var(--ctfRed);
}
.privFontColour.teal {
  color: #00b2a9;
  color: var(--ctfTeal);
}
.privFontColour.violet {
  color: #93328e;
  color: var(--ctfViolet);
}
.privFontColour.yellow {
  color: #b88011;
  color: var(--ctfYellowDark1);
}
.privFontColour.lime {
  color: #649506;
  color: var(--ctfLimeDark1);
}
.privFontColour.orange {
  color: #ff6a13;
  color: var(--ctfOrange);
}
.privFontColour.blue {
  color: #00609c;
  color: var(--ctfBlue);
}
.privFontColour.grey {
  color: #75787b;
  color: var(--ctfGrey);
}
.privFontColour.green {
  color: #009a3d;
  color: var(--uiGreen);
}

.privTable button, .privTable input[type=submit] {
  min-width: 60px;
}

/* show if more than (...) */
/* hide if more than (...) */
.privSetWidth {
  margin: auto;
  width: 1200px;
  position: relative;
}

.privOuterMargin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.privSetWidth {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1280px) {
  .privSetWidth {
    margin: 0 40px;
    width: auto;
  }
  .show1280 {
    display: none;
  }
}
@media not all and (max-width: 1280px) {
  .hide1280 {
    display: none;
  }
}
@media (max-width: 1060px) {
  .privSetWidth {
    margin: 0 auto;
    width: 980px;
  }
  .show1060 {
    display: none;
  }
}
@media not all and (max-width: 1060px) {
  .hide1060 {
    display: none;
  }
}
/* Main white content area margin: 12px. Width stop = 980 + 12 * 2 */
@media (max-width: 1004px) {
  .privOuterMargin {
    width: auto;
    margin: 0 12px;
  }
}
@media (max-width: 980px) {
  .privSetWidth {
    margin: 0;
    width: auto;
  }
  .privOuterMargin {
    width: auto;
    margin: 0 12px;
  }
  .show980 {
    display: none;
  }
}
@media not all and (max-width: 980px) {
  .hide980 {
    display: none;
  }
}
@media (max-width: 800px) {
  .show800 {
    display: none;
  }
}
@media not all and (max-width: 800px) {
  .hide800 {
    display: none;
  }
}
@media (max-width: 640px) {
  .show640 {
    display: none;
  }
}
@media not all and (max-width: 640px) {
  .hide640 {
    display: none;
  }
}
@media not all and (min-width: 420px) {
  body {
    font-size: 10.5pt;
  }
  .privOuterMargin {
    margin: 0 6px;
  }
}
@media (max-width: 320px) {
  .privSetWidth {
    margin: 0;
    width: 320px;
  }
  .privOuterMargin {
    width: 308px;
    margin: 0 6px;
  }
}
.privPanel {
  background-color: #e7e7e7;
  background-color: var(--grey0);
  padding: 4px;
  border-radius: 3px;
  box-shadow: none;
  position: relative;
  margin: 10px 0;
}

.clear {
  height: 0;
  overflow: hidden;
  clear: both;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.privValidator {
  color: #e4002b;
  color: var(--ctfRed);
  font: inherit;
  font-weight: bold;
}

.privValidationSummary {
  color: #e4002b;
  color: var(--ctfRed);
  font-size: 10.5pt;
  font-size: 0.875rem;
  font-weight: 600;
}

/* Header & footer shared */
.privHeaderLike {
  background-image: url("../img/backdrop.png");
  background-size: auto 100%;
  background-position: center top;
}

@media all and (min-resolution: 97dpi) {
  .privHeaderLike {
    background-image: url("../img/backdrop@2x.png");
  }
}
@media all and (min-resolution: 193dpi) {
  .privHeaderLike {
    background-image: url("../img/backdrop@3x.png");
  }
}
.privImageArea {
  position: absolute;
  left: 0;
}

.privImageArea img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
}

.privNavigationArea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 4px;
}

.privNavList {
  list-style-type: none;
  margin: 4px;
  padding: 0;
}

.privNavList li {
  margin: 0 0 4px 0;
  padding: 0;
}

.privNavList a {
  color: #00609c;
  color: var(--ctfBlue);
  font-weight: bold;
  text-decoration: none;
}

.privNavList a:hover {
  text-decoration: underline;
}

.privNavList .privNavMain a:hover {
  text-decoration: none;
}

.privNavRight {
  display: block;
  float: right;
}

.privNavLeft {
  display: block;
  float: left;
}

.privNavigationArea .privNavList {
  float: right;
  padding-left: 20px;
}

.privNavigationArea .privNavList:last-child {
  padding-left: 10px;
}

.privHorizontalNavList li {
  display: inline-block;
  margin: 4px 10px 4px 10px;
}

/* Header styles */
.privHeaderMain {
  position: relative;
  height: 100px;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
}

.privHeaderImageArea {
  width: 100px;
  height: 100px;
}

.privHeaderHeadingArea {
  position: absolute;
  bottom: 0;
  margin-left: 100px;
  margin-right: 120px;
  margin-bottom: 4px;
  padding-left: 10px;
}

.privHeaderHeadingArea h1, .privHeaderHeadingArea p {
  margin: 4px 0;
}

.privHeaderNavigationArea {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 15pt;
  width: 120px;
}

.privHeaderSubNav {
  background-color: #e7e7e7;
  background-color: var(--grey0);
  border: 2px solid #e7e7e7;
  border: 2px solid var(--grey0);
  border-width: 2px 0;
}
.privHeaderSubNav .privNavList {
  margin-left: -10px;
  margin-right: -10px;
}
.privHeaderSubNav .privNavLeft {
  float: none;
  margin-top: 0;
  margin-bottom: 0;
}
.privHeaderSubNav .privNavRight {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 420px) {
  .privHeaderHeadingArea h1 {
    line-height: 100%;
  }
}
@media (max-width: 800px) {
  .privHeaderHeadingArea {
    margin-right: 0;
  }
}
/* Footer styles */
#privHeaderMainContain, .privFooter {
  position: relative;
}

/* Footer heights at all breakpoints: */
#privHeaderMainContain {
  min-height: calc(100vh - 68px);
}

.privFooterMain {
  height: 68px;
}

@media (max-width: 800px) {
  #privHeaderMainContain {
    min-height: calc(100vh - 98px);
  }
  .privFooterMain {
    height: 98px;
  }
}
@media (max-width: 540px) {
  #privHeaderMainContain {
    min-height: calc(100vh - 163px);
  }
  .privFooterMain {
    height: 163px;
  }
}
@media not all and (min-width: 420px) {
  #privHeaderMainContain {
    min-height: calc(100vh - 146px);
  }
  .privFooterMain {
    height: 146px;
  }
}
.privFooter {
  background-color: #e7e7e7;
  background-color: var(--grey0);
  width: 100%;
}

.privFooterImageArea {
  width: 180px;
  height: 60px;
  padding-left: 4px;
  padding-top: 4px;
  top: 0;
}

.privFooterNavigationArea {
  padding-top: 6px;
}

.privFooterMainArea {
  position: absolute;
  bottom: 0;
  margin-left: 184px;
  margin-right: 400px;
  padding-left: 20px;
  padding-bottom: 8px;
}

@media (max-width: 800px) {
  .privFooterMainArea {
    margin: 0 4px;
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .privFooterMainArea, .privFooterNavigationArea, .privFooterImageArea {
    position: static;
    text-align: center;
    width: auto;
  }
  .privFooterImageArea img {
    width: 180px;
    height: 60px;
    position: static;
  }
  .privFooterNavigationArea .privNavList {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
  }
  .privFooterNavigationArea li {
    display: inline-block;
    padding: 0 4px;
  }
}
@media not print {
  .privShowOnPrint, .privShowOnPrint.privShowOnPrint {
    display: none;
  }
}
@media print {
  .privHideOnPrint, .privHideOnPrint.privHideOnPrint {
    display: none;
  }
  .privImageArea {
    position: relative;
    float: left;
  }
  .privHeaderLike {
    background: none;
  }
  .privHeaderMain {
    height: auto;
    padding: 12px;
    padding-bottom: 0;
  }
  .privHeaderHeadingArea {
    position: static;
    margin-left: 64px;
    margin-right: 0;
  }
  .privHeaderHeadingArea h1 {
    margin-top: -4px;
  }
  .privHeaderImageArea {
    width: 64px;
    height: 64px;
  }
  .privHeaderImageArea img {
    border-radius: 10%;
  }
  .privFooter {
    background: none;
  }
  .privFooterImageArea {
    width: 120px;
    height: auto;
  }
  .privFooterMain {
    height: 42px;
  }
  .privFooterMainArea {
    margin-left: 120px;
    margin-right: 0;
    padding-bottom: 4px;
  }
}
.privSetDialogWidth {
  width: 80%;
  max-width: 700px;
  min-width: 296px;
}

.privValignOuter {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.privValignInner {
  display: table-cell;
  vertical-align: middle;
}