/* 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);
  }
}
.privLogin {
  width: 80%;
  max-width: 400px;
  min-width: 304px;
  margin: 10px auto;
  padding: 6pt;
}
.privLogin input[type=submit], .privLogin input[type=button], .privLogin button {
  min-width: 100px;
}