@charset "UTF-8";
/* 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);
  }
}
/* jquery UI style reset. Remove these when jquery-ui.min.css is removed. */
.ui-widget {
  font: inherit;
}

.ui-widget-header {
  border: none;
}

.ui-widget-content {
  background: none;
  border: none;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-widget-overlay {
  opacity: 1;
  background: none;
}

.ui-button {
  background: none;
  border: none;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget .ui-widget {
  font: inherit;
}
.ui-widget input.privFormControl,
.ui-widget select.privFormControl,
.ui-widget textarea.privFormControl,
.ui-widget button.privFormControl,
.ui-widget .ui-widget.privFormControl {
  font-size: 12pt;
  font-size: 1rem;
}

.ui-button-text-only .ui-button-text {
  padding: 0;
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top: 2px;
  padding: 10px;
}

.ui-datepicker table {
  margin-bottom: 0;
}

.ui-datepicker td span, .ui-datepicker td a {
  text-align: inherit;
}

.ui-datepicker td {
  padding: 0;
}

/* end jquery UI style reset */
.ui-dialog, .ui-datepicker {
  background-color: #fdfdfd;
  background-color: var(--white1);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 0;
  overflow: hidden;
}

.ui-datepicker {
  cursor: default;
  width: 15em;
}
.ui-datepicker thead {
  background-color: #e7e7e7;
  background-color: var(--grey0);
  border-bottom: 2px solid transparent;
}
.ui-datepicker th, .ui-datepicker td {
  width: 14%;
}
.ui-datepicker th {
  font-weight: 600;
  text-align: center;
  padding: 4px;
}
.ui-datepicker td {
  text-align: right;
}
.ui-datepicker td a, .ui-datepicker td a.ui-state-default {
  padding: 2px;
  padding-right: 0.6em;
  border-radius: 3px;
  border: 1px solid transparent;
}
.ui-datepicker td a:hover, .ui-datepicker td a.ui-state-default:hover {
  background-color: #f0f0f0;
  background-color: var(--white3);
}
.ui-datepicker .ui-widget-header {
  font-weight: 600;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  margin: 0 2px;
}

.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog-titlebar-close,
.ui-datepicker .ui-datepicker-prev, .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next, .ui-datepicker-next {
  color: white;
  font-weight: 100;
  width: 30px;
  height: auto;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog-titlebar-close {
  right: 0;
  top: 0;
  bottom: 0;
}

.ui-dialog-titlebar-close:after,
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  font-size: 30px;
  content: "×";
  position: absolute;
  top: 0;
  padding-top: 50%;
  line-height: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-indent: 0;
}

.ui-dialog-titlebar-close:after {
  content: "×";
}

.ui-datepicker-prev:after {
  content: "◂";
}

.ui-datepicker-next:after {
  content: "▸";
}

.ui-widget-header {
  background-color: #007c78;
  background-color: var(--ctfTealDark1);
  color: white;
}

.ui-dialog-buttonpane {
  background-color: #e7e7e7;
  background-color: var(--grey0);
  margin-top: 2px;
  padding: 10px;
}

.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .ui-widget button, .ui-dialog .ui-dialog-buttonpane .ui-widget button.ui-widget {
  margin-left: 4px;
}

.ui-widget textarea {
  font-family: Consolas, monospace;
}

.ui-button, .ui-widget button, .ui-widget button.ui-widget {
  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);
}
.ui-button:hover, .ui-widget button:hover, .ui-widget button.ui-widget:hover {
  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)) {
  .ui-button:hover, .ui-widget button:hover, .ui-widget button.ui-widget:hover {
    /* 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);*/
  }
}
.ui-button:hover:hover, .ui-widget button:hover:hover, .ui-widget button.ui-widget:hover:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button:hover:hover, .ui-widget button:hover:hover, .ui-widget button.ui-widget:hover:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button:hover:disabled, .ui-button:hover.disabled, .ui-widget button:hover:disabled, .ui-widget button:hover.disabled, .ui-widget button.ui-widget:hover:disabled, .ui-widget button.ui-widget:hover.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button:hover svg, .ui-button:hover img, .ui-widget button:hover svg, .ui-widget button:hover img, .ui-widget button.ui-widget:hover svg, .ui-widget button.ui-widget:hover img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button:hover svg, .ui-button:hover img, .ui-widget button:hover svg, .ui-widget button:hover img, .ui-widget button.ui-widget:hover svg, .ui-widget button.ui-widget:hover img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button, .ui-widget button, .ui-widget button.ui-widget {
    /* 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);*/
  }
}
.ui-button:hover, .ui-widget button:hover, .ui-widget button.ui-widget:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button:hover, .ui-widget button:hover, .ui-widget button.ui-widget:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button:disabled, .ui-button.disabled, .ui-widget button:disabled, .ui-widget button.disabled, .ui-widget button.ui-widget:disabled, .ui-widget button.ui-widget.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button svg, .ui-button img, .ui-widget button svg, .ui-widget button img, .ui-widget button.ui-widget svg, .ui-widget button.ui-widget img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button svg, .ui-button img, .ui-widget button svg, .ui-widget button img, .ui-widget button.ui-widget svg, .ui-widget button.ui-widget img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.red, .ui-widget button.red, .ui-widget button.ui-widget.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)) {
  .ui-button.red, .ui-widget button.red, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.red:hover, .ui-widget button.red:hover, .ui-widget button.ui-widget.red:hover {
  background-color: rgb(238.8, 102, 127.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.red:hover, .ui-widget button.red:hover, .ui-widget button.ui-widget.red:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.red:disabled, .ui-button.red.disabled, .ui-widget button.red:disabled, .ui-widget button.red.disabled, .ui-widget button.ui-widget.red:disabled, .ui-widget button.ui-widget.red.disabled {
  background-color: #e4002b;
  background-color: var(--ctfRed);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.red svg, .ui-button.red img, .ui-widget button.red svg, .ui-widget button.red img, .ui-widget button.ui-widget.red svg, .ui-widget button.ui-widget.red img {
  filter: drop-shadow(0 1px 0.75px rgb(171, 0, 32.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.red svg, .ui-button.red img, .ui-widget button.red svg, .ui-widget button.red img, .ui-widget button.ui-widget.red svg, .ui-widget button.ui-widget.red img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.teal, .ui-widget button.teal, .ui-widget button.ui-widget.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)) {
  .ui-button.teal, .ui-widget button.teal, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.teal:hover, .ui-widget button.teal:hover, .ui-widget button.ui-widget.teal:hover {
  background-color: rgb(102, 208.8, 203.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.teal:hover, .ui-widget button.teal:hover, .ui-widget button.ui-widget.teal:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.teal:disabled, .ui-button.teal.disabled, .ui-widget button.teal:disabled, .ui-widget button.teal.disabled, .ui-widget button.ui-widget.teal:disabled, .ui-widget button.ui-widget.teal.disabled {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.teal svg, .ui-button.teal img, .ui-widget button.teal svg, .ui-widget button.teal img, .ui-widget button.ui-widget.teal svg, .ui-widget button.ui-widget.teal img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 133.5, 126.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.teal svg, .ui-button.teal img, .ui-widget button.teal svg, .ui-widget button.teal img, .ui-widget button.ui-widget.teal svg, .ui-widget button.ui-widget.teal img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.violet, .ui-widget button.violet, .ui-widget button.ui-widget.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)) {
  .ui-button.violet, .ui-widget button.violet, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.violet:hover, .ui-widget button.violet:hover, .ui-widget button.ui-widget.violet:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.violet:hover, .ui-widget button.violet:hover, .ui-widget button.ui-widget.violet:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.violet:disabled, .ui-button.violet.disabled, .ui-widget button.violet:disabled, .ui-widget button.violet.disabled, .ui-widget button.ui-widget.violet:disabled, .ui-widget button.ui-widget.violet.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.violet svg, .ui-button.violet img, .ui-widget button.violet svg, .ui-widget button.violet img, .ui-widget button.ui-widget.violet svg, .ui-widget button.ui-widget.violet img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.violet svg, .ui-button.violet img, .ui-widget button.violet svg, .ui-widget button.violet img, .ui-widget button.ui-widget.violet svg, .ui-widget button.ui-widget.violet img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.yellow, .ui-widget button.yellow, .ui-widget button.ui-widget.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)) {
  .ui-button.yellow, .ui-widget button.yellow, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.yellow:hover, .ui-widget button.yellow:hover, .ui-widget button.ui-widget.yellow:hover {
  background-color: rgb(212.4, 178.8, 112.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.yellow:hover, .ui-widget button.yellow:hover, .ui-widget button.ui-widget.yellow:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.yellow:disabled, .ui-button.yellow.disabled, .ui-widget button.yellow:disabled, .ui-widget button.yellow.disabled, .ui-widget button.ui-widget.yellow:disabled, .ui-widget button.ui-widget.yellow.disabled {
  background-color: #b88011;
  background-color: var(--ctfYellowDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.yellow svg, .ui-button.yellow img, .ui-widget button.yellow svg, .ui-widget button.yellow img, .ui-widget button.ui-widget.yellow svg, .ui-widget button.ui-widget.yellow img {
  filter: drop-shadow(0 1px 0.75px rgb(138, 96, 12.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.yellow svg, .ui-button.yellow img, .ui-widget button.yellow svg, .ui-widget button.yellow img, .ui-widget button.ui-widget.yellow svg, .ui-widget button.ui-widget.yellow img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.lime, .ui-widget button.lime, .ui-widget button.ui-widget.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)) {
  .ui-button.lime, .ui-widget button.lime, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.lime:hover, .ui-widget button.lime:hover, .ui-widget button.ui-widget.lime:hover {
  background-color: rgb(162, 191.4, 105.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.lime:hover, .ui-widget button.lime:hover, .ui-widget button.ui-widget.lime:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.lime:disabled, .ui-button.lime.disabled, .ui-widget button.lime:disabled, .ui-widget button.lime.disabled, .ui-widget button.ui-widget.lime:disabled, .ui-widget button.ui-widget.lime.disabled {
  background-color: #649506;
  background-color: var(--ctfLimeDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.lime svg, .ui-button.lime img, .ui-widget button.lime svg, .ui-widget button.lime img, .ui-widget button.ui-widget.lime svg, .ui-widget button.ui-widget.lime img {
  filter: drop-shadow(0 1px 0.75px rgb(75, 111.75, 4.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.lime svg, .ui-button.lime img, .ui-widget button.lime svg, .ui-widget button.lime img, .ui-widget button.ui-widget.lime svg, .ui-widget button.ui-widget.lime img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.orange, .ui-widget button.orange, .ui-widget button.ui-widget.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)) {
  .ui-button.orange, .ui-widget button.orange, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.orange:hover, .ui-widget button.orange:hover, .ui-widget button.ui-widget.orange:hover {
  background-color: rgb(255, 165.6, 113.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.orange:hover, .ui-widget button.orange:hover, .ui-widget button.ui-widget.orange:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.orange:disabled, .ui-button.orange.disabled, .ui-widget button.orange:disabled, .ui-widget button.orange.disabled, .ui-widget button.ui-widget.orange:disabled, .ui-widget button.ui-widget.orange.disabled {
  background-color: #ff6a13;
  background-color: var(--ctfOrange);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.orange svg, .ui-button.orange img, .ui-widget button.orange svg, .ui-widget button.orange img, .ui-widget button.ui-widget.orange svg, .ui-widget button.ui-widget.orange img {
  filter: drop-shadow(0 1px 0.75px rgb(191.25, 79.5, 14.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.orange svg, .ui-button.orange img, .ui-widget button.orange svg, .ui-widget button.orange img, .ui-widget button.ui-widget.orange svg, .ui-widget button.ui-widget.orange img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.blue, .ui-widget button.blue, .ui-widget button.ui-widget.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)) {
  .ui-button.blue, .ui-widget button.blue, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.blue:hover, .ui-widget button.blue:hover, .ui-widget button.ui-widget.blue:hover {
  background-color: rgb(102, 159.6, 195.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.blue:hover, .ui-widget button.blue:hover, .ui-widget button.ui-widget.blue:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.blue:disabled, .ui-button.blue.disabled, .ui-widget button.blue:disabled, .ui-widget button.blue.disabled, .ui-widget button.ui-widget.blue:disabled, .ui-widget button.ui-widget.blue.disabled {
  background-color: #00609c;
  background-color: var(--ctfBlue);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.blue svg, .ui-button.blue img, .ui-widget button.blue svg, .ui-widget button.blue img, .ui-widget button.ui-widget.blue svg, .ui-widget button.ui-widget.blue img {
  filter: drop-shadow(0 1px 0.75px #004875);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.blue svg, .ui-button.blue img, .ui-widget button.blue svg, .ui-widget button.blue img, .ui-widget button.ui-widget.blue svg, .ui-widget button.ui-widget.blue img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.grey, .ui-widget button.grey, .ui-widget button.ui-widget.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)) {
  .ui-button.grey, .ui-widget button.grey, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.grey:hover, .ui-widget button.grey:hover, .ui-widget button.ui-widget.grey:hover {
  background-color: rgb(172.2, 174, 175.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.grey:hover, .ui-widget button.grey:hover, .ui-widget button.ui-widget.grey:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.grey:disabled, .ui-button.grey.disabled, .ui-widget button.grey:disabled, .ui-widget button.grey.disabled, .ui-widget button.ui-widget.grey:disabled, .ui-widget button.ui-widget.grey.disabled {
  background-color: #75787b;
  background-color: var(--ctfGrey);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.grey svg, .ui-button.grey img, .ui-widget button.grey svg, .ui-widget button.grey img, .ui-widget button.ui-widget.grey svg, .ui-widget button.ui-widget.grey img {
  filter: drop-shadow(0 1px 0.75px rgb(87.75, 90, 92.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.grey svg, .ui-button.grey img, .ui-widget button.grey svg, .ui-widget button.grey img, .ui-widget button.ui-widget.grey svg, .ui-widget button.ui-widget.grey img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.green, .ui-widget button.green, .ui-widget button.ui-widget.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)) {
  .ui-button.green, .ui-widget button.green, .ui-widget button.ui-widget.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);*/
  }
}
.ui-button.green:hover, .ui-widget button.green:hover, .ui-widget button.ui-widget.green:hover {
  background-color: rgb(102, 194.4, 138.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.green:hover, .ui-widget button.green:hover, .ui-widget button.ui-widget.green:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-button.green:disabled, .ui-button.green.disabled, .ui-widget button.green:disabled, .ui-widget button.green.disabled, .ui-widget button.ui-widget.green:disabled, .ui-widget button.ui-widget.green.disabled {
  background-color: #009a3d;
  background-color: var(--uiGreen);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-button.green svg, .ui-button.green img, .ui-widget button.green svg, .ui-widget button.green img, .ui-widget button.ui-widget.green svg, .ui-widget button.ui-widget.green img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 115.5, 45.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-button.green svg, .ui-button.green img, .ui-widget button.green svg, .ui-widget button.green img, .ui-widget button.ui-widget.green svg, .ui-widget button.ui-widget.green img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-button.ui-dialog-titlebar-close, .ui-widget button.ui-dialog-titlebar-close, .ui-widget button.ui-widget.ui-dialog-titlebar-close {
  background: none;
  border: none;
  border-radius: 0;
  border-top-right-radius: 2px;
  min-width: 0;
  color: white;
  text-shadow: none;
  box-shadow: none;
}
.ui-button.ui-dialog-titlebar-close .ui-icon, .ui-widget button.ui-dialog-titlebar-close .ui-icon, .ui-widget button.ui-widget.ui-dialog-titlebar-close .ui-icon {
  display: none;
}
.ui-button.ui-dialog-titlebar-close:hover, .ui-widget button.ui-dialog-titlebar-close:hover, .ui-widget button.ui-widget.ui-dialog-titlebar-close:hover {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: black;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  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);
  background: none;
  border: none;
  border-radius: 0;
  min-width: 0;
  color: white;
  top: 0;
  bottom: 0;
  padding: 0;
  text-shadow: none;
  box-shadow: none;
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    /* 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);*/
  }
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev:disabled, .ui-datepicker .ui-datepicker-prev.disabled, .ui-datepicker .ui-datepicker-next:disabled, .ui-datepicker .ui-datepicker-next.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev svg, .ui-datepicker .ui-datepicker-prev img, .ui-datepicker .ui-datepicker-next svg, .ui-datepicker .ui-datepicker-next img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev svg, .ui-datepicker .ui-datepicker-prev img, .ui-datepicker .ui-datepicker-next svg, .ui-datepicker .ui-datepicker-next img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.red, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.red, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.red:hover, .ui-datepicker .ui-datepicker-next.red:hover {
  background-color: rgb(238.8, 102, 127.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.red:hover, .ui-datepicker .ui-datepicker-next.red:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.red:disabled, .ui-datepicker .ui-datepicker-prev.red.disabled, .ui-datepicker .ui-datepicker-next.red:disabled, .ui-datepicker .ui-datepicker-next.red.disabled {
  background-color: #e4002b;
  background-color: var(--ctfRed);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.red svg, .ui-datepicker .ui-datepicker-prev.red img, .ui-datepicker .ui-datepicker-next.red svg, .ui-datepicker .ui-datepicker-next.red img {
  filter: drop-shadow(0 1px 0.75px rgb(171, 0, 32.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.red svg, .ui-datepicker .ui-datepicker-prev.red img, .ui-datepicker .ui-datepicker-next.red svg, .ui-datepicker .ui-datepicker-next.red img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.teal, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.teal, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.teal:hover, .ui-datepicker .ui-datepicker-next.teal:hover {
  background-color: rgb(102, 208.8, 203.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.teal:hover, .ui-datepicker .ui-datepicker-next.teal:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.teal:disabled, .ui-datepicker .ui-datepicker-prev.teal.disabled, .ui-datepicker .ui-datepicker-next.teal:disabled, .ui-datepicker .ui-datepicker-next.teal.disabled {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.teal svg, .ui-datepicker .ui-datepicker-prev.teal img, .ui-datepicker .ui-datepicker-next.teal svg, .ui-datepicker .ui-datepicker-next.teal img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 133.5, 126.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.teal svg, .ui-datepicker .ui-datepicker-prev.teal img, .ui-datepicker .ui-datepicker-next.teal svg, .ui-datepicker .ui-datepicker-next.teal img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.violet, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.violet, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.violet:hover, .ui-datepicker .ui-datepicker-next.violet:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.violet:hover, .ui-datepicker .ui-datepicker-next.violet:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.violet:disabled, .ui-datepicker .ui-datepicker-prev.violet.disabled, .ui-datepicker .ui-datepicker-next.violet:disabled, .ui-datepicker .ui-datepicker-next.violet.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.violet svg, .ui-datepicker .ui-datepicker-prev.violet img, .ui-datepicker .ui-datepicker-next.violet svg, .ui-datepicker .ui-datepicker-next.violet img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.violet svg, .ui-datepicker .ui-datepicker-prev.violet img, .ui-datepicker .ui-datepicker-next.violet svg, .ui-datepicker .ui-datepicker-next.violet img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.yellow, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.yellow, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.yellow:hover, .ui-datepicker .ui-datepicker-next.yellow:hover {
  background-color: rgb(212.4, 178.8, 112.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.yellow:hover, .ui-datepicker .ui-datepicker-next.yellow:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.yellow:disabled, .ui-datepicker .ui-datepicker-prev.yellow.disabled, .ui-datepicker .ui-datepicker-next.yellow:disabled, .ui-datepicker .ui-datepicker-next.yellow.disabled {
  background-color: #b88011;
  background-color: var(--ctfYellowDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.yellow svg, .ui-datepicker .ui-datepicker-prev.yellow img, .ui-datepicker .ui-datepicker-next.yellow svg, .ui-datepicker .ui-datepicker-next.yellow img {
  filter: drop-shadow(0 1px 0.75px rgb(138, 96, 12.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.yellow svg, .ui-datepicker .ui-datepicker-prev.yellow img, .ui-datepicker .ui-datepicker-next.yellow svg, .ui-datepicker .ui-datepicker-next.yellow img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.lime, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.lime, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.lime:hover, .ui-datepicker .ui-datepicker-next.lime:hover {
  background-color: rgb(162, 191.4, 105.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.lime:hover, .ui-datepicker .ui-datepicker-next.lime:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.lime:disabled, .ui-datepicker .ui-datepicker-prev.lime.disabled, .ui-datepicker .ui-datepicker-next.lime:disabled, .ui-datepicker .ui-datepicker-next.lime.disabled {
  background-color: #649506;
  background-color: var(--ctfLimeDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.lime svg, .ui-datepicker .ui-datepicker-prev.lime img, .ui-datepicker .ui-datepicker-next.lime svg, .ui-datepicker .ui-datepicker-next.lime img {
  filter: drop-shadow(0 1px 0.75px rgb(75, 111.75, 4.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.lime svg, .ui-datepicker .ui-datepicker-prev.lime img, .ui-datepicker .ui-datepicker-next.lime svg, .ui-datepicker .ui-datepicker-next.lime img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.orange, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.orange, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.orange:hover, .ui-datepicker .ui-datepicker-next.orange:hover {
  background-color: rgb(255, 165.6, 113.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.orange:hover, .ui-datepicker .ui-datepicker-next.orange:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.orange:disabled, .ui-datepicker .ui-datepicker-prev.orange.disabled, .ui-datepicker .ui-datepicker-next.orange:disabled, .ui-datepicker .ui-datepicker-next.orange.disabled {
  background-color: #ff6a13;
  background-color: var(--ctfOrange);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.orange svg, .ui-datepicker .ui-datepicker-prev.orange img, .ui-datepicker .ui-datepicker-next.orange svg, .ui-datepicker .ui-datepicker-next.orange img {
  filter: drop-shadow(0 1px 0.75px rgb(191.25, 79.5, 14.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.orange svg, .ui-datepicker .ui-datepicker-prev.orange img, .ui-datepicker .ui-datepicker-next.orange svg, .ui-datepicker .ui-datepicker-next.orange img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.blue, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.blue, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.blue:hover, .ui-datepicker .ui-datepicker-next.blue:hover {
  background-color: rgb(102, 159.6, 195.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.blue:hover, .ui-datepicker .ui-datepicker-next.blue:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.blue:disabled, .ui-datepicker .ui-datepicker-prev.blue.disabled, .ui-datepicker .ui-datepicker-next.blue:disabled, .ui-datepicker .ui-datepicker-next.blue.disabled {
  background-color: #00609c;
  background-color: var(--ctfBlue);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.blue svg, .ui-datepicker .ui-datepicker-prev.blue img, .ui-datepicker .ui-datepicker-next.blue svg, .ui-datepicker .ui-datepicker-next.blue img {
  filter: drop-shadow(0 1px 0.75px #004875);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.blue svg, .ui-datepicker .ui-datepicker-prev.blue img, .ui-datepicker .ui-datepicker-next.blue svg, .ui-datepicker .ui-datepicker-next.blue img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.grey, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.grey, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.grey:hover, .ui-datepicker .ui-datepicker-next.grey:hover {
  background-color: rgb(172.2, 174, 175.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.grey:hover, .ui-datepicker .ui-datepicker-next.grey:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.grey:disabled, .ui-datepicker .ui-datepicker-prev.grey.disabled, .ui-datepicker .ui-datepicker-next.grey:disabled, .ui-datepicker .ui-datepicker-next.grey.disabled {
  background-color: #75787b;
  background-color: var(--ctfGrey);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.grey svg, .ui-datepicker .ui-datepicker-prev.grey img, .ui-datepicker .ui-datepicker-next.grey svg, .ui-datepicker .ui-datepicker-next.grey img {
  filter: drop-shadow(0 1px 0.75px rgb(87.75, 90, 92.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.grey svg, .ui-datepicker .ui-datepicker-prev.grey img, .ui-datepicker .ui-datepicker-next.grey svg, .ui-datepicker .ui-datepicker-next.grey img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev.green, .ui-datepicker .ui-datepicker-next.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)) {
  .ui-datepicker .ui-datepicker-prev.green, .ui-datepicker .ui-datepicker-next.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);*/
  }
}
.ui-datepicker .ui-datepicker-prev.green:hover, .ui-datepicker .ui-datepicker-next.green:hover {
  background-color: rgb(102, 194.4, 138.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.green:hover, .ui-datepicker .ui-datepicker-next.green:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-prev.green:disabled, .ui-datepicker .ui-datepicker-prev.green.disabled, .ui-datepicker .ui-datepicker-next.green:disabled, .ui-datepicker .ui-datepicker-next.green.disabled {
  background-color: #009a3d;
  background-color: var(--uiGreen);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev.green svg, .ui-datepicker .ui-datepicker-prev.green img, .ui-datepicker .ui-datepicker-next.green svg, .ui-datepicker .ui-datepicker-next.green img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 115.5, 45.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-prev.green svg, .ui-datepicker .ui-datepicker-prev.green img, .ui-datepicker .ui-datepicker-next.green svg, .ui-datepicker .ui-datepicker-next.green img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
  border: none;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: black;
}

.ui-datepicker .ui-datepicker-prev {
  border-top-left-radius: 2px;
  left: 0;
}

.ui-datepicker .ui-datepicker-next {
  border-top-right-radius: 2px;
  right: 0;
}

/* Today */
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-default.ui-state-highlight {
  background-color: #ffeabb;
  background-color: var(--ctfYellowLight2);
}
.ui-datepicker .ui-state-highlight:hover, .ui-datepicker .ui-state-default.ui-state-highlight:hover {
  background-color: #ffd477;
  background-color: var(--ctfYellowLight1);
}

/* Selected */
.ui-datepicker .ui-state-active, .ui-datepicker td a.ui-state-active {
  border: 1px solid #00b2a9;
  border-color: var(--ctfTeal);
}

.ui-datepicker .ui-datepicker-buttonpane button {
  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);
  opacity: 1;
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button {
    /* 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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button:disabled, .ui-datepicker .ui-datepicker-buttonpane button.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button svg, .ui-datepicker .ui-datepicker-buttonpane button img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button svg, .ui-datepicker .ui-datepicker-buttonpane button img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.red:hover {
  background-color: rgb(238.8, 102, 127.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.red:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.red:disabled, .ui-datepicker .ui-datepicker-buttonpane button.red.disabled {
  background-color: #e4002b;
  background-color: var(--ctfRed);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.red svg, .ui-datepicker .ui-datepicker-buttonpane button.red img {
  filter: drop-shadow(0 1px 0.75px rgb(171, 0, 32.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.red svg, .ui-datepicker .ui-datepicker-buttonpane button.red img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.teal:hover {
  background-color: rgb(102, 208.8, 203.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.teal:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.teal:disabled, .ui-datepicker .ui-datepicker-buttonpane button.teal.disabled {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.teal svg, .ui-datepicker .ui-datepicker-buttonpane button.teal img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 133.5, 126.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.teal svg, .ui-datepicker .ui-datepicker-buttonpane button.teal img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.violet:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.violet:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.violet:disabled, .ui-datepicker .ui-datepicker-buttonpane button.violet.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.violet svg, .ui-datepicker .ui-datepicker-buttonpane button.violet img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.violet svg, .ui-datepicker .ui-datepicker-buttonpane button.violet img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.yellow:hover {
  background-color: rgb(212.4, 178.8, 112.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.yellow:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.yellow:disabled, .ui-datepicker .ui-datepicker-buttonpane button.yellow.disabled {
  background-color: #b88011;
  background-color: var(--ctfYellowDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.yellow svg, .ui-datepicker .ui-datepicker-buttonpane button.yellow img {
  filter: drop-shadow(0 1px 0.75px rgb(138, 96, 12.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.yellow svg, .ui-datepicker .ui-datepicker-buttonpane button.yellow img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.lime:hover {
  background-color: rgb(162, 191.4, 105.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.lime:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.lime:disabled, .ui-datepicker .ui-datepicker-buttonpane button.lime.disabled {
  background-color: #649506;
  background-color: var(--ctfLimeDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.lime svg, .ui-datepicker .ui-datepicker-buttonpane button.lime img {
  filter: drop-shadow(0 1px 0.75px rgb(75, 111.75, 4.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.lime svg, .ui-datepicker .ui-datepicker-buttonpane button.lime img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.orange:hover {
  background-color: rgb(255, 165.6, 113.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.orange:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.orange:disabled, .ui-datepicker .ui-datepicker-buttonpane button.orange.disabled {
  background-color: #ff6a13;
  background-color: var(--ctfOrange);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.orange svg, .ui-datepicker .ui-datepicker-buttonpane button.orange img {
  filter: drop-shadow(0 1px 0.75px rgb(191.25, 79.5, 14.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.orange svg, .ui-datepicker .ui-datepicker-buttonpane button.orange img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.blue:hover {
  background-color: rgb(102, 159.6, 195.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.blue:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.blue:disabled, .ui-datepicker .ui-datepicker-buttonpane button.blue.disabled {
  background-color: #00609c;
  background-color: var(--ctfBlue);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.blue svg, .ui-datepicker .ui-datepicker-buttonpane button.blue img {
  filter: drop-shadow(0 1px 0.75px #004875);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.blue svg, .ui-datepicker .ui-datepicker-buttonpane button.blue img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.grey:hover {
  background-color: rgb(172.2, 174, 175.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.grey:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.grey:disabled, .ui-datepicker .ui-datepicker-buttonpane button.grey.disabled {
  background-color: #75787b;
  background-color: var(--ctfGrey);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.grey svg, .ui-datepicker .ui-datepicker-buttonpane button.grey img {
  filter: drop-shadow(0 1px 0.75px rgb(87.75, 90, 92.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.grey svg, .ui-datepicker .ui-datepicker-buttonpane button.grey img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.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)) {
  .ui-datepicker .ui-datepicker-buttonpane button.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);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.green:hover {
  background-color: rgb(102, 194.4, 138.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.green:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.ui-datepicker .ui-datepicker-buttonpane button.green:disabled, .ui-datepicker .ui-datepicker-buttonpane button.green.disabled {
  background-color: #009a3d;
  background-color: var(--uiGreen);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.ui-datepicker .ui-datepicker-buttonpane button.green svg, .ui-datepicker .ui-datepicker-buttonpane button.green img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 115.5, 45.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .ui-datepicker .ui-datepicker-buttonpane button.green svg, .ui-datepicker .ui-datepicker-buttonpane button.green img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-color: #e7e7e7;
  background-color: var(--grey0);
  border: none;
  margin-top: 2px;
  padding: 10px;
  overflow: hidden;
}

.privDateField {
  display: inline-block;
}

.privFormItem .privDateContainer {
  width: 100%;
}

.privDatePicker {
  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);
  cursor: pointer;
  padding: 2px;
  min-width: 0;
  line-height: 0;
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker {
    /* 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);*/
  }
}
.privDatePicker:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker:disabled, .privDatePicker.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker svg, .privDatePicker img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker svg, .privDatePicker img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.red:hover {
  background-color: rgb(238.8, 102, 127.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.red:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.red:disabled, .privDatePicker.red.disabled {
  background-color: #e4002b;
  background-color: var(--ctfRed);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.red svg, .privDatePicker.red img {
  filter: drop-shadow(0 1px 0.75px rgb(171, 0, 32.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.red svg, .privDatePicker.red img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.teal:hover {
  background-color: rgb(102, 208.8, 203.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.teal:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.teal:disabled, .privDatePicker.teal.disabled {
  background-color: #00b2a9;
  background-color: var(--ctfTeal);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.teal svg, .privDatePicker.teal img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 133.5, 126.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.teal svg, .privDatePicker.teal img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.violet:hover {
  background-color: rgb(190.2, 132, 187.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.violet:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.violet:disabled, .privDatePicker.violet.disabled {
  background-color: #93328e;
  background-color: var(--ctfViolet);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.violet svg, .privDatePicker.violet img {
  filter: drop-shadow(0 1px 0.75px rgb(110.25, 37.5, 106.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.violet svg, .privDatePicker.violet img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.yellow:hover {
  background-color: rgb(212.4, 178.8, 112.2);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.yellow:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.yellow:disabled, .privDatePicker.yellow.disabled {
  background-color: #b88011;
  background-color: var(--ctfYellowDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.yellow svg, .privDatePicker.yellow img {
  filter: drop-shadow(0 1px 0.75px rgb(138, 96, 12.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.yellow svg, .privDatePicker.yellow img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.lime:hover {
  background-color: rgb(162, 191.4, 105.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.lime:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.lime:disabled, .privDatePicker.lime.disabled {
  background-color: #649506;
  background-color: var(--ctfLimeDark1);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.lime svg, .privDatePicker.lime img {
  filter: drop-shadow(0 1px 0.75px rgb(75, 111.75, 4.5));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.lime svg, .privDatePicker.lime img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.orange:hover {
  background-color: rgb(255, 165.6, 113.4);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.orange:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.orange:disabled, .privDatePicker.orange.disabled {
  background-color: #ff6a13;
  background-color: var(--ctfOrange);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.orange svg, .privDatePicker.orange img {
  filter: drop-shadow(0 1px 0.75px rgb(191.25, 79.5, 14.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.orange svg, .privDatePicker.orange img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.blue:hover {
  background-color: rgb(102, 159.6, 195.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.blue:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.blue:disabled, .privDatePicker.blue.disabled {
  background-color: #00609c;
  background-color: var(--ctfBlue);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.blue svg, .privDatePicker.blue img {
  filter: drop-shadow(0 1px 0.75px #004875);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.blue svg, .privDatePicker.blue img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.grey:hover {
  background-color: rgb(172.2, 174, 175.8);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.grey:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.grey:disabled, .privDatePicker.grey.disabled {
  background-color: #75787b;
  background-color: var(--ctfGrey);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.grey svg, .privDatePicker.grey img {
  filter: drop-shadow(0 1px 0.75px rgb(87.75, 90, 92.25));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.grey svg, .privDatePicker.grey img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}
.privDatePicker.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)) {
  .privDatePicker.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);*/
  }
}
.privDatePicker.green:hover {
  background-color: rgb(102, 194.4, 138.6);
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.green:hover {
    /*background-color: color.mix($wgcolor, white, 60%, $method: display-p3);*/
  }
}
.privDatePicker.green:disabled, .privDatePicker.green.disabled {
  background-color: #009a3d;
  background-color: var(--uiGreen);
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.privDatePicker.green svg, .privDatePicker.green img {
  filter: drop-shadow(0 1px 0.75px rgb(0, 115.5, 45.75));
}
@supports (color: color(display-p3 1 1 1)) {
  .privDatePicker.green svg, .privDatePicker.green img {
    /*filter: drop-shadow(0 1px 0.75px color.mix($wgcolor, black, 75%, $method: display-p3));*/
  }
}

.privDateContainer {
  white-space: nowrap;
  width: 200px;
  display: inline-block;
}
.privDateContainer input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  font-size: 12pt;
  font-size: 1rem;
}
.privDateContainer label {
  display: block;
  font-size: 7.5pt;
  font-size: 0.625rem;
  margin: 4px;
  margin-top: -1.5pt;
}
.privDateContainer .privDatePicker {
  position: relative;
  bottom: 15px;
  left: -3.38px;
}

.privDateCombinedContainer {
  display: inline-block;
  width: calc(100% - 22px);
}

.privDateFieldWithTime .privDateContainer {
  width: calc(100% - 6em - 6px);
}

.privDateSplitContainer {
  display: inline-block;
}

.privTimeContainer {
  display: inline-block;
  width: 6em;
}
.privTimeContainer input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  font-size: 12pt;
  font-size: 1rem;
}
.privTimeContainer label {
  display: block;
  font-size: 7.5pt;
  font-size: 0.625rem;
  margin: 4px;
  margin-top: -1.5pt;
}

.ctfpnItem {
  padding: 0 4px;
}

.ctfpnPageNum::after {
  content: "•";
}

.ctfpnTextboxPair {
  min-width: calc(1ch + 8px);
  position: relative;
  display: inline-block;
}

.ctfpnTextboxMeasure {
  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;
  visibility: hidden;
  padding-left: 3px;
  padding-right: 3px;
}
.ctfpnTextboxMeasure:disabled, .ctfpnTextboxMeasure.disabled {
  background-color: #f0f0f0;
  background-color: var(--white3);
}

.ctfpnTextboxControl {
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  margin: 0;
}

.privPageNavigator {
  padding: 0;
  word-spacing: 0.2em;
}
.privPageNavigator .ctfpnItem {
  margin: -4px;
  word-spacing: normal;
}
.privPageNavigator .ctfpnItem:first-child {
  margin-left: 0;
}
.privPageNavigator .ctfpnItem:last-child {
  margin-right: 0;
}
.privPageNavigator .ctfpnPageNum {
  white-space: nowrap;
}
.privPageNavigator .ctfpnPageNum::after {
  padding-left: 0.2em;
}
.privPageNavigator textarea, .privPageNavigator input[type=text], .privPageNavigator input[type=password],
.privPageNavigator input[type=file],
.privPageNavigator input[type=date], .privPageNavigator input[type=datetime], .privPageNavigator input[type=datetime-local],
.privPageNavigator input[type=number], .privPageNavigator input[type=range] {
  border: none;
  box-shadow: none;
  margin-top: -1px;
}

.privPageNavigatorOld {
  overflow: hidden;
  padding: 0;
}
.privPageNavigatorOld .ctfpnPageNum::after {
  padding-left: 8px;
}

.privLoadingTicker {
  margin: 10px auto;
  text-align: center;
}

.privEventCalendar {
  table-layout: fixed;
}
.privEventCalendar th, .privEventCalendar td {
  width: 14.2857%;
  vertical-align: top;
  position: relative;
}
.privEventCalendar .calendarCell {
  height: 6em;
}
.privEventCalendar thead {
  z-index: 3;
  /* fix weird bug with border-collapse: collapse and ::before causing the unexpected appearance of an extra table gap */
  /* https://stackoverflow.com/questions/18796040/before-pseudo-element-causes-gap-in-border */
  top: -2px;
}
.privEventCalendar td.privCalendarPicker {
  text-align: center;
  background-color: #e7e7e7;
  background-color: var(--grey0);
}
.privEventCalendar thead::before {
  content: " ";
  display: table-row;
  position: absolute;
  vertical-align: top;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fdfdfd;
  background-color: var(--white1);
}
.privEventCalendar .privCalendarDate {
  text-align: right;
  font-weight: 600;
  margin-right: 4px;
}
.privEventCalendar .privCalendarDate.privCalendarInactiveMonth {
  color: #d0d0d0;
  color: var(--grey2);
}
.privEventCalendar .calendarCellToday {
  background-color: #fff8e8;
  background-color: var(--ctfYellowLight3);
}
.privEventCalendar tr:nth-child(2n) .calendarCellToday {
  background-color: rgb(245.4375, 238.7, 223.3);
}
.privEventCalendar .privCalendarRequest, .privEventCalendar .privCalendarRequestBlank {
  font-size: 9pt;
  font-weight: 600;
  height: 2em;
  margin-top: 4px;
  margin-bottom: 4px;
}
.privEventCalendar .privCalendarRequest a {
  display: block;
  position: relative;
  background-color: #00609c;
  background-color: var(--ctfBlue);
  border-color: #00609c;
  border-color: var(--ctfBlue);
  border-width: 1px 0;
  border-style: solid;
  color: #ffffff;
  color: var(--white0);
  text-decoration: none;
  text-shadow: 0 1px 0.75px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 8px;
  z-index: 1;
}
.privEventCalendar .privCalendarRequest a.hasStart {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  border-left-width: 1px;
  padding-left: 7px;
}
.privEventCalendar .privCalendarRequest a.hasEnd {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-right-width: 1px;
  padding-right: 7px;
}
.privEventCalendar .privCalendarTodayMarker {
  border-left: 1px solid #e4002b;
  border-left: 1px solid var(--ctfRed);
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  z-index: 2;
}
.privEventCalendar .privCalendarTodayMarker::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  content: "";
  background-color: #e4002b;
  background-color: var(--ctfRed);
}
.privEventCalendar .privCalendarTodayMarker::after {
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  content: "";
  background-color: #e4002b;
  background-color: var(--ctfRed);
}

.tradCalendarQtip {
  font-size: 9pt;
  font-weight: normal;
  line-height: inherit;
  background-color: #ffffff;
  background-color: var(--white0);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  border-color: black; /* weird hack for qtip not detecting the tip colour correctly https://github.com/qTip2/qTip2/issues/753 */
  min-width: 240px;
  max-width: 320px;
}
.tradCalendarQtip dl, .tradCalendarQtip dt, .tradCalendarQtip dd {
  display: inline;
  margin: 0;
}
.tradCalendarQtip dt {
  font-weight: 600;
}
.tradCalendarQtip dd::after {
  content: " ";
  display: block;
  margin: 4px 0;
}
.tradCalendarQtip dd:last-child::after {
  margin: 0;
}

.tradCalendarQtip .qtip-content {
  padding: 4px;
}