@charset "UTF-8";
/****************************
 * Themes for ffwidget
 * Petri Salmela <petri.salmela@fourferries.fi>
 * 27.10.2016 Åbo Akademi
 * 27.08.2018 Four Ferries Oy
 ****************************/
/****************************
 * default-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * 27.10.2016 Åbo Akademi
 * _ffwidget-default.scss
 ****************************/
/* #666 */
/* #969696 */
/* #c4c4c4 */
/* #eee */
/* #ccc */
/*$activegreen1:   rgba(144,196,121,1);*/
/*$activegreen2:   rgba(122,214,122,1);*/
/*$activeblue1:    rgba(5,171,224,1);*/
/*$activeblue2:    rgba(83,203,241,1);*/
/*$activered1:     rgba(214,87,87,1);*/
/*$activered2:     rgba(237,122,118,1);*/
/*$activeyellow1:  rgba(255,215,0,1);*/
/*$activeyellow2:  rgba(255,227,89,1);*/
/***** css variables: color ******/
:root {
  --ffwbase-lightest: #f9f9f9;
  --ffwbase-lighter: #ddd;
  --ffwbase-light: #aaa;
  --ffwbase-lightmid: #ccc;
  --ffwbase-midlight: #888;
  --ffwbase-middle: #666666;
  /* #666 */
  --ffwbase-dark: #333;
  --ffwbase-selectdark: #969696;
  /* #969696 */
  --ffwbase-selectlight: #c4c4c4;
  /* #c4c4c4 */
  --ffwbase-dark-transp: rgba(0, 0, 0, 0.2);
  --ffwbase-light-transp: rgba(200, 200, 200, 0.5);
  --ffwbase-lightest-transp: rgba(255, 255, 255, 0.5);
  --ffwwarning-light: #fee;
  --ffwwarning: #f00;
  --ffwwarning-dark: #a00;
  --ffwnote-light: #ffe;
  --ffwnote: #ffb;
  --ffwnote-dark: #ff8;
  --ffwbase-link: #327C89;
  --ffwbase-linktrans: rgba(50, 124, 137, 0.5);
  --ffwbase-linklight: #4dc2d4;
  --ffwcolor-white: #f9f9f9;
  --ffwcolor-black: #2d2d2d;
  --ffwcolor-red: #ff4141;
  --ffwcolor-orange: #ff9900;
  --ffwcolor-yellow: #ffd700;
  --ffwcolor-green: #009100;
  --ffwcolor-blue: #0084c8;
  --ffwcolor-violet: #ba00ff;
  --ffwcolor-brown: #804d00;
  --ffwcolor-lightred: #f5cac1;
  --ffwcolor-lightorange: #f5dbc2;
  --ffwcolor-lightyellow: #fcf8d2;
  --ffwcolor-lightgreen: #bcdac0;
  --ffwcolor-lightblue: #bcd5f7;
  --ffwcolor-lightviolet: #f3daf5;
  --ffwcolor-lightbrown: #ded1c1;
  --ffwcorrect-light: #eff4e2;
  --ffwcorrect-normal: #9ebc53;
  --ffwwrong-light: #f4e2e6;
  --ffwwrong-normal: #bc5353;
  --ffwmqbgmath: #f5fcff;
  --ffwmqbginvalid: #fde;
  --ffwmqhlmath: var(--ffwbase-link, #00a);
  --ffwmqhlmathtrans: var(--ffwbase-linktrans, rgba(0, 0, 170, 0.5));
  --ffwmqhltext: var(--ffwbase-midlight, #a00);
  --ffwmqhltexttrans: var(--ffwbase-light-transp, rgba(170, 0, 0, 0.5));
  --ffwmqshadow: rgba(0, 0, 0, 0.2);
  --ffwmqmathbox: var(--ffwbase-link);
  --ffwradius-tiny: 0px;
  --ffwradius-small: 2px;
  --ffwradius-default: 5px;
  --ffwiconsize-tiny: 15px;
  --ffwiconsize-small: 20px;
  --ffwiconsize-medium: 30px;
  --ffwiconsize-large: 40px;
  --ffwiconsize-huge: 50px;
  --ffwiconsize-text: 1.1em;
  --ffwfonts: Helvetica, sans-serif;
  --ffwfonts-title: FrankRuhlLibre, "Times Roman", serif;
  --ffwfonts-special: GlacialIndifference, Helvetica, sans-serif;
  --ffwfonts-handwrite: PermanentMarker, "Comic Sans MS"; }

/***** baserules *****/
.ffwidget-background,
.ffwidget-background-colored {
  background: var(--ffwbase-lightest);
  background: -moz-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lightest) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwbase-lightest)), color-stop(100%, var(--ffwbase-lightest)));
  background: -webkit-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lightest) 100%);
  background: -o-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lightest) 100%);
  background: -ms-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lightest) 100%);
  background: linear-gradient(to bottom, var(--ffwbase-lightest) 0%, var(--ffwbase-lightest) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
  color: black; }

.ffwidget-background-inverse {
  background: var(--ffwbase-lighter);
  background: -moz-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwbase-lighter)), color-stop(100%, var(--ffwbase-lighter)));
  background: -webkit-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
  background: -o-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
  background: -ms-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
  background: linear-gradient(to bottom, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
  color: black; }

.ffwidget-highlight,
.ffwidget-hoverhiglight:hover {
  background-color: var(--ffwbase-light); }

.ffwidget-highlight-wrapper {
  box-shadow: -4px 0 0 var(--ffwbase-light); }

/**** title *****/
.ffwidget-title {
  padding: 5px 10px; }

/**** input text/number/password ****/
input[type="text"].ffwidget-input,
input[type="number"].ffwidget-input,
input[type="password"].ffwidget-input {
  border: 1px solid var(--ffwbase-light);
  border-radius: 2px;
  margin: 2px;
  padding: 0.1em 0.3em; }

input[type="text"].ffwidget-input:not(:valid),
input[type="number"].ffwidget-input:not(:valid),
input[type="password"].ffwidget-input:not(:valid) {
  background-color: var(--ffwwarning-light);
  border-color: var(--ffwwarning-dark);
  box-shadow: none; }

input[type="text"][disabled].ffwidget-input,
input[type="number"][disabled].ffwidget-input,
input[type="password"][disabled].ffwidget-input {
  background-color: var(--ffwbase-lighter);
  border-color: var(--ffwbase-light);
  color: var(--ffwbase-light);
  box-shadow: none; }

/**** input checkbox ****/
input[type="checkbox"].ffwidget-input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 3px 4px; }

input[type="checkbox"].ffwidget-input::before {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  width: 1.2em;
  height: 1.2em;
  border: none;
  margin: 0;
  background-color: var(--ffwbase-lightest);
  background: var(--ffwbase-lightest) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: white; stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z'></path><path style='fill: rgb(102,102,102); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path></svg>") center center no-repeat;
  box-sizing: content-box;
  cursor: pointer; }

input[type="checkbox"].ffwidget-input:checked::before {
  background: var(--ffwbase-lightest) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: white; stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z'></path><path style='fill: rgb(102,102,102); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path><path style='fill: rgb(102,102,102); stroke: none;' d='M5 5 l10 6 l10 -6 l-6 10 l6 10 l-10 -6 l-10 6 l6 -10z'></path></svg>") center center no-repeat; }

/**** input checkbox togglebutton ****/
label > input[type="checkbox"].ffwidget-togglebutton {
  display: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

label > input[type="checkbox"].ffwidget-togglebutton + .ffwidget-buttonicon {
  display: inline-block;
  cursor: pointer;
  margin: 3px 4px; }

label > input[type="checkbox"].ffwidget-togglebutton + .ffwidget-buttonicon .ffwidget-iconon,
label > input[type="checkbox"].ffwidget-togglebutton + .ffwidget-buttonicon .ffwidget-iconoff {
  display: none; }

label > input[type="checkbox"].ffwidget-togglebutton:checked + .ffwidget-buttonicon .ffwidget-iconon,
label > input[type="checkbox"].ffwidget-togglebutton:not(:checked) + .ffwidget-buttonicon .ffwidget-iconoff {
  display: inline-block; }

label > input[type="checkbox"].ffwidget-togglebutton + .ffwidget-buttonicon .ffwidget-iconon svg,
label > input[type="checkbox"].ffwidget-togglebutton + .ffwidget-buttonicon .ffwidget-iconoff svg {
  height: 1.1em;
  width: auto; }

/**** checboxbar list ****/
.ffwidget-checkboxlist .ffwidget-checkboxitem {
  margin: 0;
  padding: 0.2em 0;
  display: flex;
  flex-flow: row nowrap; }

.ffwidget-checkboxlist .ffwidget-checkboxitem .ffwidget-checkboxitem-content {
  flex-grow: 1;
  flex-shrink: 1; }

.ffwidget-checkboxlist .ffwidget-checkboxitem .ffwidget-checkboxitem-flaglist {
  display: flex;
  flex-flow: row nowrap;
  min-width: 2em;
  justify-content: space-around;
  align-items: center; }

.ffwidget-checkboxlist .ffwidget-checkboxitem .ffwidget-checkboxitem-flaglist .ffwidget-checkboxitem-flag {
  flex-grow: 0;
  flex-shrink: 0; }

.ffwidget-checkboxlist .ffwidget-checkboxitem .ffwidget-checkboxitem-flaglist .ffwidget-checkboxitem-flag svg {
  height: 1.1em;
  width: auto; }

/**** input radio ****/
input[type="radio"].ffwidget-input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

input[type="radio"].ffwidget-input::before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 1.2em;
  height: 1.2em;
  margin: 0;
  background-color: var(--ffwbase-lightest);
  background: var(--ffwbase-lightest) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: white; stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(102,102,102); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path></svg>") center center no-repeat;
  box-sizing: content-box; }

input[type="radio"].ffwidget-input:checked::before {
  background: var(--ffwbase-lightest) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: white; stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(102,102,102); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path><path style='fill: rgb(102,102,102); stroke: none;' d='M15 7 a8 8 0 0 0 0 16 a8 8 0 0 0 0 -16z'></path></svg>") center center no-repeat; }

/**** input radiolist ****/
.ffwidget-radiolist {
  list-style: none;
  margin: 0;
  padding: 0; }

.ffwidget-radiolist .ffwidget-radioitem {
  margin: 0;
  padding: 0.2em 0;
  display: flex;
  flex-flow: row nowrap; }

.ffwidget-radiolist .ffwidget-radioitem input[type="radio"].ffwidget-input {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1em;
  cursor: pointer; }

.ffwidget-radiolist .ffwidget-radioitem label {
  cursor: pointer; }

.ffwidget-listicon {
  height: 1em;
  width: 1em;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1em;
  position: relative;
  top: 0.1em; }

.ffwidget-listicon svg {
  height: 1em;
  width: auto; }

.ffwidget-radiolist .ffwidget-radioitem .ffwidget-radioitem-flaglist {
  display: flex;
  flex-flow: row nowrap;
  min-width: 2em;
  justify-content: space-around;
  align-items: center; }

.ffwidget-radiolist .ffwidget-radioitem .ffwidget-radioitem-flaglist .ffwidget-radioitem-flag {
  flex-grow: 0;
  flex-shrink: 0; }

.ffwidget-radiolist .ffwidget-radioitem .ffwidget-radioitem-flaglist .ffwidget-radioitem-flag svg {
  height: 1.1em;
  width: auto; }

/**** Select ****/
select.ffwidget-input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  border: 1px solid var(--ffwbase-light);
  padding: 0.2em;
  padding-right: 1.5em;
  background: var(--ffwbase-lightest) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.1em' height='1.1em' viewBox='0 0 30 30' class='mini-icon mini-icon-angledown'><path style='stroke: none; fill: rgb(102,102,102);' d='M5 11 l10 10 l10 -10 l2 2 l-12 12 l-12 -12z'></path></svg>") right center no-repeat; }

/**** ffwselect *****/
.ffwidget-ffwselect {
  display: inline-block; }

.ffwidget-ffwselect[data-ffwmode="edit"] {
  background-color: var(--ffwbase-lightest, #f9f9f9);
  border: 1px solid var(--ffwbase-selectlight);
  cursor: pointer;
  padding: 0.1em 0.2em; }

.ffwidget-ffwselect[data-ffwmode="edit"]:hover .ffwidget-ffselect-container {
  background-color: rgba(0, 0, 0, 0.1); }

.ffwidget-ffwselect[data-ffwmode="edit"] .ffwidget-ffwselect-value .mq-math-mode {
  cursor: pointer; }

.ffwidget-ffwselect[data-ffwmode="edit"] .ffwidget-ffwselect-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center; }

.ffwidget-ffwselect[data-ffwmode="edit"] .ffwidget-ffwselect-downicon svg {
  height: 1em;
  width: auto; }

.ffwidget-ffwselect[data-ffwmode="edit"] .ffwidget-ffwselect-downicon svg .mini-icon-foreground {
  fill: var(--ffwbase-selectlight); }

.ffwidget-ffwselect[data-ffwmode="edit"] .ffwidget-ffwselect-container:hover .ffwidget-ffwselect-downicon svg .mini-icon-foreground {
  fill: var(--ffwbase-selectdark); }

.ffwidget-ffwselect-popupwrapper .ffwidget-ffwselect-curtain {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 10002; }

.ffwidget-ffwselect-popupwrapper .ffwidget-popupmenu {
  position: fixed;
  display: none;
  z-index: 10002; }

.ffwidget-ffwselect-popupwrapper.ffwselect-open {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000; }

.ffwidget-ffwselect.ffwselect-open .ffwidget-ffwselect-curtain,
.ffwidget-ffwselect-popupwrapper.ffwselect-open .ffwidget-ffwselect-curtain {
  display: block; }

.ffwidget-ffwselect.ffwselect-open .ffwidget-popupmenu,
.ffwidget-ffwselect-popupwrapper.ffwselect-open .ffwidget-popupmenu {
  display: block; }

/**** button  *****/
.ffwidget-button {
  display: inline-block;
  cursor: pointer;
  padding: 0.1em 0.5em;
  text-decoration: none;
  text-align: center;
  font-family: var(--ffwfonts);
  color: var(--ffwbase-dark);
  border-radius: var(--ffwradius-default);
  border: none;
  box-shadow: none;
  background: transparent;
  min-width: 2em;
  user-select: none;
  -webkit-user-select: none; }

.ffwidget-button-large {
  padding: 0.5em 1em;
  min-width: 10em; }

.ffwidget-button .ffwidget-buttonicon {
  display: block;
  height: var(--ffwiconsize-text); }

.ffwidget-button .ffwidget-buttonicon svg {
  height: var(--ffwiconsize-text);
  width: auto; }

.ffwidget-button .ffwidget-buttonicon.ffwidget-buttonicon-medium svg {
  height: var(--ffwiconsize-medium); }

.ffwidget-button .ffwidget-buttonicon + div.ffwidget-buttonlabel {
  display: block;
  font-size: 60%; }

.ffwidget-button span.ffwidget-buttonicon {
  display: inline-block;
  vertical-align: middle; }

.ffwidget-button span.ffwidget-buttonlabel {
  display: inline-block;
  vertical-align: middle; }

.ffwidget-button span.ffwidget-buttonicon-mobile,
.ffwidget-button div.ffwidget-buttonicon-mobile,
.ffwidget-button .ffwidget-buttonicon-mobile {
  display: none; }

a.ffwidget-button {
  color: var(--ffwbase-dark); }

.buttonselected .ffwidget-button,
.ffwidget-button.buttonselected,
.ffwidget-button:active {
  box-shadow: none; }

.ffwidget-button-default {
  color: black;
  text-shadow: 1px 1px 1px #f9f9f9;
  background: var(--ffwcolor-blue);
  background: -moz-linear-gradient(top, var(--ffwcolor-blue) 0%, var(--ffwcolor-blue) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwcolor-blue)), color-stop(100%, var(--ffwcolor-blue)));
  background: -webkit-linear-gradient(top, var(--ffwcolor-blue) 0%, var(--ffwcolor-blue) 100%);
  background: -o-linear-gradient(top, var(--ffwcolor-blue) 0%, var(--ffwcolor-blue) 100%);
  background: -ms-linear-gradient(top, var(--ffwcolor-blue) 0%, var(--ffwcolor-blue) 100%);
  background: linear-gradient(to bottom, var(--ffwcolor-blue) 0%, var(--ffwcolor-blue) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }

.ffwidget-button-yes {
  color: black;
  text-shadow: 1px 1px 1px #f9f9f9;
  background: var(--ffwcolor-green);
  background: -moz-linear-gradient(top, var(--ffwcolor-green) 0%, var(--ffwcolor-green) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwcolor-green)), color-stop(100%, var(--ffwcolor-green)));
  background: -webkit-linear-gradient(top, var(--ffwcolor-green) 0%, var(--ffwcolor-green) 100%);
  background: -o-linear-gradient(top, var(--ffwcolor-green) 0%, var(--ffwcolor-green) 100%);
  background: -ms-linear-gradient(top, var(--ffwcolor-green) 0%, var(--ffwcolor-green) 100%);
  background: linear-gradient(to bottom, var(--ffwcolor-green) 0%, var(--ffwcolor-green) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }

.ffwidget-button-warning {
  color: #f9f9f9;
  background: var(--ffwwarning);
  background: -moz-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwwarning)), color-stop(100%, var(--ffwwarning)));
  background: -webkit-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
  background: -o-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
  background: -ms-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
  background: linear-gradient(to bottom, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }

.ffwidget-button-link {
  background-color: transparent;
  color: var(--ffwbase-link);
  text-decoration: underline;
  border: none;
  box-shadow: none;
  padding: 0.1em; }
  .ffwidget-button-link svg .mini-icon-foreground {
    fill: var(--ffwbase-link); }

.ffwidget-button-link:active {
  box-shadow: none;
  color: var(--ffwwarning); }

.ffwidget-button-pale {
  color: black;
  text-shadow: 1px 1px 1px #f9f9f9;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }

.ffwidget-button-darker {
  color: black;
  text-shadow: 1px 1px 1px #f9f9f9;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }

.ffwidget-button[disabled] {
  color: var(--ffwbase-midlight); }

.ffwidget-button[disabled] svg path {
  fill: var(--ffwbase-midlight); }

.ffwidget-button input[type="file"] {
  display: none; }

.ffwidget-button-deactivated svg .mini-icon-foreground {
  fill: var(--ffwbase-midlight); }

.ffwidget-button-deactivated .ffwidget-buttonlabel {
  color: var(--ffwbase-midlight); }

/**** buttonset *****/
.ffwidget-buttonset {
  margin: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch; }

.ffwidget-setbutton {
  display: block;
  padding: 0.1em 0.6em;
  min-width: 2em;
  flex-grow: 1;
  flex-shrink: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-family: var(--ffwfonts);
  color: var(--ffwbase-dark);
  border-radius: var(--ffwradius-default);
  border: none;
  box-shadow: none;
  background: transparent;
  user-select: none; }

.ffwidget-setbutton .ffwidget-buttonicon {
  display: block;
  height: var(--ffwiconsize-small); }

.ffwidget-setbutton span.ffwidget-buttonicon {
  display: inline-block;
  vertical-align: middle; }

.ffwidget-setbutton .ffwidget-buttonicon svg {
  height: var(--ffwiconsize-small);
  width: auto; }

.ffwidget-setbutton .ffwidget-buttonlabel {
  display: block;
  font-size: 60%; }

.ffwidget-setbutton span.ffwidget-buttonlabel {
  display: inline-block;
  vertical-align: middle;
  font-size: 100%; }

.ffwidget-setbutton span.ffwidget-buttonicon-mobile,
.ffwidget-setbutton div.ffwidget-buttonicon-mobile,
.ffwidget-setbutton .ffwidget-buttonicon-mobile {
  display: none; }

.ffwidget-horizontal {
  white-space: nowrap;
  flex-direction: row; }

.ffwidget-horizontal .ffwidget-setbutton {
  display: inline-block;
  box-sizing: border-box;
  height: 100%; }

.ffwidget-buttonset label {
  font-weight: normal;
  text-decoration: none;
  font-style: normal; }

.ffwidget-buttonset label > input {
  display: none; }

.ffwidget-setbutton.buttonselected,
input:checked + .ffwidget-setbutton {
  font-family: var(--ffwfonts);
  color: var(--ffwidget-lightest);
  box-shadow: none;
  background: var(--ffwbase-selectdark); }

.ffwidget-menubutton {
  padding: 2px;
  border: 1px solid transparent; }

/**** buttonbar *****/
.ffwidget-buttonbar {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch; }
  .ffwidget-buttonbar .ffwidget-stretch {
    flex-grow: 1; }

.ffwidget-buttonbar .ffwidget-buttonset {
  white-space: nowrap;
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0; }

.ffwidget-buttonbar .ffwidget-buttonset .ffwidget-setbutton {
  display: inline-block;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0; }

.ffwidget-buttonbar .ffwidget-button {
  margin: 0; }

/**** buttongroup *****/
table.ffwidget-buttongroup {
  border-collapse: collapse;
  width: auto; }

table.ffwidget-buttongroup td input {
  display: none; }

table.ffwidget-buttongroup tr,
table.ffwidget-buttongroup td {
  padding: 0;
  margin: 0; }

table.ffwidget-buttongroup td .ffwidget-label {
  display: block;
  margin: 0;
  padding: 0.1em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, sans-serif;
  color: var(--ffwbase-dark);
  border-radius: var(--ffwradius-default);
  border: none;
  box-shadow: none; }

table.ffwidget-buttongroup input:checked + .ffwidget-label {
  font-family: var(--ffwfonts);
  color: var(--ffwbase-lightest);
  box-shadow: none;
  background: var(--ffwbase-selectdark); }

/**** tooltip **********/
@keyframes fadein {
  99% {
    visibility: hidden; }
  100% {
    visibility: visible; } }
.ffwidget-tooltip {
  position: absolute;
  z-index: 3;
  top: -2.5em;
  left: 0;
  min-width: 13em;
  padding: 0.5em 1em;
  text-align: center;
  color: var(--ffwbase-dark);
  background: var(--ffwnote); }

.ffwidget-tooltip-wrapper {
  position: relative; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-top,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-topright,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottom,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomright,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-left,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-right {
  visibility: hidden;
  position: absolute;
  font-weight: normal;
  color: var(--ffwbase-dark);
  background: var(--ffwnote);
  text-align: center;
  padding: 0.1em 0.3em;
  min-width: 10em;
  font-size: 75%;
  z-index: 500;
  border: 1.5px solid transparent;
  box-shadow: 0 0 0 1px var(--ffwbase-lightmid), 6px 6px 15px var(--ffwbase-dark-transp);
  font-family: var(--ffwfonts-special); }

.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-top,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-topright,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-topleft,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-bottom,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-bottomright,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-bottomleft,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-left,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-right,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-top,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-topright,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-topleft,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-bottom,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-bottomright,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-bottomleft,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-left,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-permanent .ffwidget-tooltip-right,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-top,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-topright,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-topleft,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-bottom,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-bottomright,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-bottomleft,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-left,
.ffwidget-tooltip-wrapper .ffwidget-input:focus ~ .ffwidget-tooltip-right {
  animation-duration: 0.7s;
  animation-name: fadein;
  animation-fill-mode: forwards; }

.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-top,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-topright,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-topleft,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-bottom,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-bottomright,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-bottomleft,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-left,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus:hover .ffwidget-tooltip-right {
  visibility: hidden; }

.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-top,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-topright,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-topleft,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-bottom,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-bottomright,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-bottomleft,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-left,
.ffwidget-tooltip-wrapper.ffwidget-tooltip-mqfocus .mq-focused + .ffwidget-tooltip-right {
  animation-duration: 0.7s;
  animation-name: fadein;
  animation-fill-mode: forwards; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-top {
  bottom: 100%;
  margin-bottom: 11px;
  right: 50%;
  margin-right: -6em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topright {
  bottom: 100%;
  margin-bottom: 11px;
  left: 0; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft {
  bottom: 100%;
  margin-bottom: 11px;
  right: 0; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topright::before,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft::before,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-top::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 11px solid transparent;
  border-top: 11px solid var(--ffwbase-lightmid);
  border-bottom: 0px solid transparent;
  bottom: -12px;
  right: 5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topright::before {
  right: auto;
  left: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft::before {
  right: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topright::after,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft::after,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-top::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 11px solid transparent;
  border-top: 11px solid var(--ffwnote);
  border-bottom: 0px solid transparent;
  bottom: -11px;
  right: 5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topright::after {
  right: auto;
  left: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft::after {
  right: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottom {
  top: 100%;
  margin-top: 11px;
  right: 50%;
  margin-right: -6em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomright {
  top: 100%;
  margin-top: 11px;
  left: 0; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft {
  top: 100%;
  margin-top: 11px;
  right: 0; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomright::before,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft::before,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottom::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 11px solid transparent;
  border-bottom: 11px solid var(--ffwbase-lightmid);
  border-top: 0px solid transparent;
  top: -12px;
  right: 5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomright::before {
  right: auto;
  left: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft::before {
  right: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomright::after,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft::after,
.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottom::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 11px solid transparent;
  border-bottom: 11px solid var(--ffwnote);
  border-top: 0px solid transparent;
  top: -11px;
  right: 5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomright::after {
  right: auto;
  left: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft::after {
  right: 9px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-left {
  right: 100%;
  top: 50%;
  margin-top: -1em;
  margin-right: 11px;
  min-height: 20px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-left::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 10px solid transparent;
  border-left: 10px solid var(--ffwbase-lightmid);
  border-right: 0px solid transparent;
  right: -12px;
  top: 1px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-left::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 11px solid transparent;
  border-left: 11px solid var(--ffwnote);
  border-right: 0px solid transparent;
  right: -11px;
  top: 0px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-right {
  left: 100%;
  top: 50%;
  margin-top: -1em;
  margin-left: 11px;
  min-height: 20px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-right::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 10px solid transparent;
  border-right: 10px solid var(--ffwbase-lightmid);
  border-left: 0px solid transparent;
  left: -12px;
  top: 1px; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-right::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 11px solid transparent;
  border-right: 11px solid var(--ffwnote);
  border-left: 0px solid transparent;
  left: -11px;
  top: 0px; }

.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-top:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-topleft:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-topright:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-bottom:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-bottomleft:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-bottomright:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-left:hover,
.ffwidget-tooltip-wrapper:hover .ffwidget-tooltip-right:hover {
  visibility: hidden; }

/**** tablist ***********/
.ffwidget-tabwrapper {
  margin: 0.5em 0;
  background: transparent; }

.ffwidget-tablist {
  background-color: transparent;
  list-style: none;
  padding: 0.2em 0.5em 0;
  border-radius: var(--ffwradius-tiny);
  margin: 0;
  /*     white-space: nowrap; */
  border: 1px solid var(--ffwbase-dark);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  user-select: none; }

.ffwidget-tablist li.ffwidget-tabitem-stretch {
  flex-grow: 1; }

.ffwidget-tablist li.ffwidget-tabitem {
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
  padding: 0.2em 0.5em;
  margin: 0 0.15em;
  color: var(--ffwbase-dark);
  font-family: Helvetica, sans-serif;
  border-radius: var(--ffwradius-tiny);
  border: 1px solid var(--ffwbase-dark);
  border-bottom: none;
  background: var(--ffwbase-lightest); }

.ffwidget-tablist li.ffwidget-tabitem .mathquill-editable {
  overflow: hidden;
  background-color: var(--ffwbase-lightest-transp); }

.ffwidget-tablist li.ffwidget-tabitem-current {
  padding-top: 0.22em;
  border-top: 5px solid var(--ffwbase-dark);
  vertical-align: bottom;
  margin-bottom: -1px;
  background: var(--ffwbase-lightest); }

div.ffwidget-tabelement {
  display: none;
  margin: 0.2em 0.5em;
  border: 1px solid var(--ffwbase-dark);
  border-top: none;
  border-radius: var(--ffwradius-tiny);
  margin: 0;
  padding: 0.2em 0.3em 0.2em; }

div.ffwidget-tabelement-current {
  display: block; }

/**** range **************/
input[type="range"].ffwidget-range {
  margin: 0.5em;
  -webkit-appearance: none;
  border-radius: var(--ffwradius-tiny);
  border: 1px solid var(--ffwbase-dark);
  height: 6px;
  background-color: var(--ffwbase-lightest);
  box-shadow: none; }

input[type="range"].ffwidget-range::-moz-range-track {
  -moz-appearance: none;
  border-radius: 0;
  border: 1px solid var(--ffwbase-dark);
  height: 6px;
  background-color: var(--ffwbase-lightest);
  box-shadow: none; }

input[type="range"].ffwidget-range::-webkit-slider-thumb,
input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: var(--ffwiconsize-small);
  height: var(--ffwiconsize-small);
  border-radius: 50%;
  border: 1px solid var(--ffwbase-dark);
  background-color: var(--ffwbase-dark);
  box-shadow: none;
  cursor: pointer; }

input[type="range"].ffwidget-range::-moz-range-thumb,
input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
  -moz-appearance: none;
  width: var(--ffwiconsize-small);
  height: var(--ffwiconsize-small);
  border-radius: 50%;
  border: 1px solid var(--ffwbase-dark);
  background-color: var(--ffwbase-dark);
  box-shadow: none;
  cursor: pointer; }

/**** lists **************/
ul.ffwidget-blocklist {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.ffwidget-blocklist > li.ffwidget-listitem {
  padding: 0;
  margin: 0.2em;
  color: var(--ffwbase-dark);
  background-color: var(--ffwbase-lightest);
  border: 1px solid var(--ffwbase-lighter);
  border-radius: var(--ffwradius-small); }

ul.ffwidget-blocklist > li.ffwidget-listitem > div {
  padding: 0.3em 0.6em; }

ul.ffwidget-blocklist > li.ffwidget-listitem > .ffwidget-listitem-head {
  margin: 0;
  padding: 0.1em 0.75em;
  font-size: 80%;
  background-color: var(--ffwbase-light-transp); }

ul.ffwidget-blocklist .ffwidget-listitem-title {
  font-weight: bold; }

ul.ffwidget-blocklist > li.ffwidget-listitem > .ffwidget-listitem-foot {
  font-size: 70%;
  font-weight: normal;
  font-style: italic;
  color: var(--ffwbase-middle, #666);
  padding: 0.3em 0.857em; }

/**** table **************/
table.ffwidget-table {
  border-collapse: collapse;
  border: 1px solid var(--ffwbase-dark); }

table.ffwidget-table caption {
  caption-side: bottom;
  padding: 0.2em 0.5em; }

table.ffwidget-table thead {
  background-color: var(--ffwbase-middle);
  color: var(--ffwbase-lightest); }

table.ffwidget-table thead th {
  font-weight: bold;
  border-right: 1px solid var(--ffwbase-lightest);
  border-left: 1px solid var(--ffwbase-lightest);
  text-align: center;
  padding: 0.2em 0.5em; }

table.ffwidget-table thead th:first-child {
  border-left: 1px solid var(--ffwbase-dark); }

table.ffwidget-table thead th:last-child {
  border-right: 1px solid var(--ffwbase-dark); }

table.ffwidget-table tbody tr:nth-child(odd) {
  background-color: var(--ffwbase-lightest); }

table.ffwidget-table tbody tr:nth-child(even) {
  background-color: var(--ffwbase-lighter); }

table.ffwidget-table tbody tr.ffwidget-rowselected {
  background-color: var(--ffwbase-light); }

table.ffwidget-table tbody tr td {
  padding: 0.2em 0.5em;
  vertical-align: top; }

/**** notifier (vnotifier) **************/
.vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification {
  border: 2px solid var(--ffwbase-dark);
  background-color: rgba(245, 245, 245, 0.95);
  box-shadow: 0 0 3px var(--ffwbase-middle), 5px 5px 15px var(--ffwbase-light);
  color: var(--ffwbase-dark);
  font-family: var(--ffwfonts-special); }

.vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification:hover {
  background-color: rgba(255, 255, 255, 0.98); }

.vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification .vnotifier-notification-icon svg[class*="icon"] path {
  fill: var(--ffwbase-dark); }

.vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification .vnotifier-notification-message h1 {
  border-bottom: 2px solid var(--ffwbase-dark); }

/**** Notice box ************************/
.ffwidget-box,
.ffwidget-box-warning {
  border: 1px solid var(--ffwbase-dark);
  margin: 0.5em;
  padding: 0.5em;
  background: var(--ffwbase-lightest); }

.ffwidget-box h2.ffwidget-box-title,
.ffwidget-box-warning h2.ffwidget-box-title {
  font-size: 110%;
  font-weight: bold;
  margin: -0.454545em -0.454545em 0.454545em;
  padding: 0.2em 0.3em;
  border-radius: 0;
  background: var(--ffwbase-lightest);
  color: var(--ffwbase-dark);
  border-bottom: 1px solid var(--ffwbase-dark); }

.ffwidget-box-warning {
  border: 1px solid var(--ffwwarning-dark); }

.ffwidget-box-warning h2.ffwidget-box-title {
  background: var(--ffwwarning-dark);
  color: var(--ffwbase-lightest);
  border-bottom: 1px solid var(--ffwwarning-dark); }

.ffwidget-popupmenu {
  position: absolute;
  border-radius: var(--ffwradius-default);
  font-family: var(--ffwfonts);
  font-size: 90%;
  border: 1px solid var(--ffwbase-light);
  box-shadow: 0 0 1px 0 var(--ffwbase-middle), 8px 8px 30px var(--ffwbase-dark-transp);
  white-space: nowrap; }

.ffwidget-popupmenu::before {
  content: '';
  position: absolute;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid var(--ffwbase-light);
  top: -8px;
  left: 50%;
  margin-left: -8px; }

.ffwidget-popupmenu::after {
  content: '';
  position: absolute;
  border: 11px solid transparent;
  border-top: 0;
  border-bottom: 11px solid #eee;
  top: -7px;
  left: 50%;
  margin-left: -11px; }

.ffwidget-popupmenu.ffwidget-popupmenu-left::before {
  left: auto;
  right: 15px;
  margin-left: 0;
  margin-right: -8px; }

.ffwidget-popupmenu.ffwidget-popupmenu-left::after {
  left: auto;
  right: 15px;
  margin-left: 0;
  margin-right: -11px; }

.ffwidget-popupmenu.ffwidget-popupmenu-right::before {
  left: 15px; }

.ffwidget-popupmenu.ffwidget-popupmenu-right::after {
  left: 15px; }

.ffwidget-popupmenu.ffwidget-popupmenu-noarrow::before,
.ffwidget-popupmenu.ffwidget-popupmenu-noarrow::after {
  display: none; }

.ffwidget-popupmenu.ffwidget-popupmenu-bottom::before {
  top: auto;
  bottom: -8px;
  border-bottom: 0;
  border-top: 8px solid var(--ffwbase-light); }

.ffwidget-popupmenu.ffwidget-popupmenu-bottom::after {
  top: auto;
  bottom: -7px;
  border-bottom: 0;
  border-top: 11px solid var(--ffwbase-lighter); }

.ffwidget-popupmenu ul {
  list-style: none;
  margin: 0;
  margin-top: 4px;
  padding: 0;
  border-bottom: 1px solid var(--ffwbase-light); }

.ffwidget-popupmenu ul:last-child {
  border-bottom: none; }

.ffwidget-popupmenu li {
  margin: 0;
  padding: 0.3em 0.4em 0.3em 0.2em; }

.ffwidget-popupmenu .ffwidget-menuset-title {
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-size: 80%;
  background-color: var(--ffwbase-lightest);
  color: var(--ffwbase-dark);
  border-radius: 4px 4px 0 0;
  padding: 0.3em 0.5em; }

.ffwidget-popupmenu .ffwidget-menuitem {
  display: flex;
  flex-direction: row;
  cursor: pointer; }

.ffwidget-popupmenu .ffwidget-menuitem .mq-math-mode {
  cursor: pointer; }

.ffwidget-popupmenu .ffwidget-menuitem:hover {
  background-color: rgba(255, 255, 255, 0.3); }

.ffwidget-popupmenu .ffwidget-menuitem-selected {
  background-color: rgba(0, 0, 0, 0.1); }

.ffwidget-popupmenu .ffwidget-menuset-icon,
.ffwidget-popupmenu .ffwidget-menuicon {
  width: 1.6em;
  flex-shrink: 0;
  flex-grow: 0; }

.ffwidget-popupmenu .ffwidget-menulabel {
  flex-grow: 1;
  flex-shrink: 1; }

.ffwidget-popupmenu .ffwidget-menuset-icon svg,
.ffwidget-popupmenu .ffwidget-menuicon svg {
  width: var(--ffwiconsize-text);
  height: var(--ffwiconsize-text); }

/**
 * MathQuill
 */
.ffwidget-mathquill.mq-editable-field {
  border: none;
  padding: 0.1em 0.5em;
  display: inline-block;
  white-space: normal;
  overflow: auto;
  overflow-y: hidden;
  cursor: text;
  box-shadow: 0 0 1px var(--ffwbase-midlight, #888); }

.ffwidget-mathquill.mq-editable-field.ffwmq-block > .mq-root-block {
  overflow-x: auto;
  scrollbar-width: thin; }

.ffwidget-mathquill.mq-editable-field.ffwmq-block > .mq-root-block::-webkit-scrollbar {
  width: 3px;
  height: 3px; }

.ffwidget-mathquill.mq-editable-field.ffwmq-block > .mq-root-block::-webkit-scrollbar-track {
  background: transparent; }

.ffwidget-mathquill.mq-editable-field.ffwmq-block > .mq-root-block::-webkit-scrollbar-thumb {
  background: var(--emath-extralight2, --ffwbase-dark);
  border-radius: 3px;
  border: none;
  cursor: pointer; }

.ffwidget-mathquill.mq-editable-field.mq-focused.ffwmq-math.ffwmq-block > .mq-root-block,
.ffwidget-mathquill.mq-editable-field.ffwmq-math.ffwmq-block > .mq-root-block:hover {
  scrollbar-color: var(--ffwmqhlmath) transparent; }

.ffwidget-mathquill.mq-editable-field.mq-focused.ffwmq-math.ffwmq-block > .mq-root-block::-webkit-scrollbar-thumb,
.ffwidget-mathquill.mq-editable-field.ffwmq-math.ffwmq-block > .mq-root-block::-webkit-scrollbar-thumb:hover {
  background: var(--ffwmqhlmath); }

.ffwidget-mathquill.mq-editable-field.mq-focused.ffwmq-text.ffwmq-block > .mq-root-block,
.ffwidget-mathquill.mq-editable-field.ffwmq-text.ffwmq-block > .mq-root-block:hover {
  scrollbar-color: var(--ffwmqhltext) transparent; }

.ffwidget-mathquill.mq-editable-field.mq-focused.ffwmq-text.ffwmq-block > .mq-root-block::-webkit-scrollbar-thumb,
.ffwidget-mathquill.mq-editable-field.ffwmq-text.ffwmq-block > .mq-root-block::-webkit-scrollbar-thumb:hover {
  background: var(--ffwmqhltext); }

.ffwidget-mathquill.mq-editable-field.ffwmq-block {
  display: block; }

.ffwidget-mathquill.ffwmq-text.mq-editable-field.mq-text-mode {
  background-color: white; }

.ffwidget-mathquill.ffwmq-math.mq-editable-field.mq-math-mode,
.ffwidget-mathquill.ffwmq-text.mq-editable-field .mq-math-mode {
  background-color: var(--ffwmqbgmath, #f5fcff); }

.ffwidget-mathquill.ffwmq-math.mq-focused,
.ffwidget-mathquill.ffwmq-text.mq-focused {
  border-radius: 0.4em;
  transition: border-radius 0.1s; }

.ffwidget-mathquill.ffwmq-math.mq-focused {
  box-shadow: inset 1px 1px 2px var(--ffwmqshadow, rgba(0, 0, 0, 0.2)), 0 0 1px 2px var(--ffwmqhlmath, #00a); }

.ffwidget-mathquill.ffwmq-text.mq-focused {
  box-shadow: inset 1px 1px 2px var(--ffwmqshadow, rgba(0, 0, 0, 0.2)), 0 0 1px 2px var(--ffwmqhltext, #00a); }

.ffwidget-mathquill.mq-editable-field.mq-math-mode .mq-hasCursor:not(.mq-root-block),
.ffwidget-mathquill.mq-editable-field.mq-text-mode .mq-math-mode.mq-hasCursor:not(.mq-root-block),
.ffwidget-mathquill.mq-editable-field.mq-text-mode .mq-math-mode .mq-hasCursor:not(.mq-root-block) {
  box-shadow: 0 0 2px 1px var(--ffwmqmathbox, #68b4bf); }

.ffwidget-mathquill .mq-supsub .mq-sup.mq-hasCursor,
.ffwidget-mathquill .mq-supsub .mq-sub.mq-hasCursor {
  min-width: 0.3em; }

.ffwidget-mathquill.mq-editable-field.mq-text-mode::after {
  display: inline-block;
  width: 0; }

.ffwidget-mathquill.ffwmq-invalid.ffwmq-math.mq-editable-field,
.ffwidget-mathquill.ffwmq-invalid.ffwmq-text.mq-editable-field {
  background-color: var(--ffwmqbginvalid, #fde); }

.ffwmq-fieldlabel {
  font-size: 70%;
  margin: 0;
  padding: 0; }

.ffwmq-wrapper {
  display: flex;
  flex-flow: row nowrap;
  position: relative; }

.ffwmq-wrapper .ffwmq {
  flex-grow: 1;
  flex-shrink: 1; }

.ffwmq-wrapper .ffwmq-action {
  flex-shrink: 0;
  flex-grow: 0;
  align-self: center;
  cursor: pointer;
  margin: 0 0.2em; }

.ffwmq-wrapper .ffwmq-action svg {
  width: 20px;
  height: auto; }

.ffwmq-wrapper .ffwmq-action:active svg .mini-icon-foreground {
  fill: var(--emath-extralink, #777); }

.ffwmq-wrapper .ffwmq-button {
  cursor: pointer;
  min-width: 0;
  width: 0;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  margin: 0 0 0 2px;
  border-radius: 0 0.5em 0.5em 0;
  box-shadow: 0 0 0px 0px #888;
  background-color: #eee;
  opacity: 0;
  transition: opacity 0.1s 0.15s, width 0.1s 0.1s, min-width 0.1s 0.1s, box-shadow 0.1s;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center; }

.ffwmq-wrapper.ffwmq-switchable .ffwmq-button svg {
  width: 1.1em;
  height: auto; }

.ffwmq-wrapper.ffwmq-switchable .ffwmq-math + .ffwmq-button {
  box-shadow: 0 0 0px 0px var(--ffwmqhlmath, #888);
  background-color: var(--ffwmqhlmathtrans, #888); }

.ffwmq-wrapper.ffwmq-switchable .ffwmq-text + .ffwmq-button {
  box-shadow: 0 0 1px 2px var(--ffwmqhltext, #888);
  background-color: var(--ffwmqhltexttrans, #888); }

.ffwmq-wrapper.ffwmq-switchable .ffwmq-math.mq-focused + .ffwmq-button {
  box-shadow: 0 0 1px 2px var(--ffwmqhlmath, #888); }

.ffwmq-wrapper.ffwmq-switchable .ffwmq-text.mq-focused + .ffwmq-button {
  box-shadow: 0 0 1px 2px var(--ffwmqhltext, #888); }

.ffwmq-wrapper.ffwmq-switchable .ffwmq.mq-focused + .ffwmq-button {
  opacity: 1;
  min-width: 2em;
  width: 2em;
  transition: opacity 0.1s, width 0.1s, min-width 0.1s; }

.ffwmq-wrapper.ffwmq-switchable .ffwidget-mathquill.mq-editable-field.mq-focused {
  border-radius: 0.5em 0 0 0.5em;
  transition: border-radius 0.1s; }

.ffwmq-wrapper .mq-editable-field.mq-math-mode .mq-text-mode.mq-hasCursor:not(.mq-root-block) {
  box-shadow: inset 0 0 1px var(--ffwmqhltext, #888);
  background-color: white; }

.ffwmq-wrapper .mq-editable-field.mq-math-mode .mq-text-mode:not(.mq-root-block) {
  background-color: white; }

.ffwmq-wrapper .mq-editable-field.mq-math-mode .mq-cursor,
.ffwmq-wrapper .mq-editable-field .mq-math-mode .mq-cursor {
  border-left: 1px solid var(--ffwmqhlmath, #00a);
  box-shadow: -1px 0.5px 0 0.5px var(--ffwmqhlmath, #00a);
  border-left: none;
  width: 0;
  box-shadow: -1px 0.5px 0 1px var(--ffwmqhlmath, #00a), -1px 5px 0 1px var(--ffwmqhlmath, #00a); }

.ffwmq-wrapper .mq-editable-field.mq-text-mode .mq-cursor,
.ffwmq-wrapper .mq-editable-field .mq-text-mode .mq-cursor {
  border-left: 1px solid var(--ffwmqhltext, #a00);
  box-shadow: -1px 0.5px 0 0.5px var(--ffwmqhltext, #a00);
  border-left: none;
  width: 0;
  box-shadow: -1px 0.5px 0 1px var(--ffwmqhltext, #a00), -1px 5px 0 1px var(--ffwmqhltext, #a00); }

.ffwmq-wrapper .mq-editable-field .mq-math-mode .mq-cursor {
  border-left: 1px solid var(--ffwmqhlmath, #00a);
  box-shadow: -1px 0.5px 0 0.5px var(--ffwmqhlmath, #00a);
  border-left: none;
  width: 0;
  box-shadow: -1px 0.5px 0 1px var(--ffwmqhlmath, #00a), -1px 5px 0 1px var(--ffwmqhlmath, #00a); }

.ffwmq-wrapper .mq-editable-field .mq-text-mode .mq-cursor {
  border-left: 1px solid var(--ffwmqhltext, #a00);
  box-shadow: -1px 0.5px 0 0.5px var(--ffwmqhltext, #a00);
  border-left: none;
  width: 0;
  box-shadow: -1px 0.5px 0 1px var(--ffwmqhltext, #a00), -1px 5px 0 1px var(--ffwmqhltext, #a00); }

.ffwmq-wrapper .mq-editable-field .mq-cursor:only-child::after,
.ffwmq-wrapper .mq-editable-field .mq-textarea + .mq-cursor:last-child::after {
  display: inline-block;
  width: 1px;
  width: 0; }

.ffwmq-wrapper .ffwmq-text .mq-root-block::before {
  content: ".";
  color: transparent;
  width: 0;
  display: inline-block; }

.ffwmq-wrapper .ffwmq-text .mq-root-block {
  font-family: "Times New Roman", Symbola, serif; }

.ffwmq-wrapper .ffwmq-text.mq-editable-field.mq-text-mode {
  font-size: 115%; }

.ffwmq-wrapper .ffwmq-text.mq-editable-field.mq-text-mode .mq-math-mode {
  font-size: 100%; }

.ffwmq-wrapper .mq-root-block,
.ffwmq-wrapper .mq-math-mode .mq-root-block {
  padding-bottom: 6px;
  padding-top: 4px; }

/**
 * MathQuill list
 **/
.ffwmqlist-itemlist {
  list-style: none;
  margin: 0.5em 0;
  padding: 0; }

.ffwmqlist-itemlist .ffwmqlist-item {
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0.5em 0;
  justify-content: space-between; }

.ffwmqlist-itemlist .ffwmqlist-item .ffwmqlistitem-selector {
  flex-grow: 0;
  flex-shrink: 0; }

.ffwmqlist-itemlist .ffwmqlist-item .ffwmqlistitem-mathquill {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 0.2em; }

.ffwmqlist-itemlist .ffwmqlist-item .ffwmqlistitem-flaglist {
  flex-grow: 0;
  flex-shrink: 0; }

.ffwmqlist-itemlist .ffwmqlist-item .ffwmqlistitem-remove {
  cursor: pointer;
  margin-left: 0.8em; }

.ffwmqlist-itemlist .ffwmqlist-item:first-child:last-child .ffwmqlistitem-remove {
  visibility: hidden; }

.ffwmqlist-itemlist .ffwmqlist-item .ffwmqlistitem-remove svg .mini-icon-foreground {
  fill: var(--ffwbase-middle, #666); }

.ffwmqlist-itemlist .ffwmqlist-item .ffwmqlistitem-remove:hover svg .mini-icon-foreground {
  fill: var(--ffwwarning-dark, #a00); }

/**
 * Icon scale (integer number 0-n with n icons)
 **/
.ffwidget-iconscale {
  display: flex;
  flex-flow: nowrap;
  align-items: center; }

.ffwidget-iconscale .ffwidget-iconscale-icon {
  flex-grow: 0;
  flex-shrink: 0; }

.ffwidget-iconscale.ffwidget-iconscale-editable .ffwidget-iconscale-icon {
  cursor: pointer; }

.ffwidget-iconscale .ffwidget-iconscale-icon svg {
  height: 1em;
  width: auto; }

.ffwidget-iconscale[data-size="tiny"] .ffwidget-iconscale-icon.ffwidget-iconscale-empty svg,
.ffwidget-iconscale[data-size="small"] .ffwidget-iconscale-icon.ffwidget-iconscale-empty svg,
.ffwidget-iconscale[data-size="medium"] .ffwidget-iconscale-icon.ffwidget-iconscale-empty svg,
.ffwidget-iconscale[data-size="tiny"] .ffwidget-iconscale-icon svg {
  height: 0.8em; }

.ffwidget-iconscale[data-size="large"] .ffwidget-iconscale-icon.ffwidget-iconscale-empty svg,
.ffwidget-iconscale[data-size="small"] .ffwidget-iconscale-icon svg {
  height: 1.2em; }

.ffwidget-iconscale[data-size="huge"] .ffwidget-iconscale-icon.ffwidget-iconscale-empty svg,
.ffwidget-iconscale[data-size="medium"] .ffwidget-iconscale-icon svg {
  height: 1.5em; }

.ffwidget-iconscale[data-size="large"] .ffwidget-iconscale-icon svg {
  height: 2.2em; }

.ffwidget-iconscale[data-size="huge"] .ffwidget-iconscale-icon svg {
  height: 3.5em; }

.ffwidget-iconscale .ffwidget-iconscale-icon svg.mini-icon-star .mini-icon-foreground {
  fill: gold;
  stroke: black;
  stroke-width: 0.5; }

.ffwidget-iconscale .ffwidget-iconscale-icon svg.mini-icon-heart .mini-icon-foreground {
  fill: #a55;
  stroke: #a00;
  stroke-width: 1; }

.ffwidget-iconscale[data-value="0"] .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="1"] .ffwidget-iconscale-icon[data-iconvalue="1"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="2"] .ffwidget-iconscale-icon[data-iconvalue="2"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="3"] .ffwidget-iconscale-icon[data-iconvalue="3"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="4"] .ffwidget-iconscale-icon[data-iconvalue="4"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="5"] .ffwidget-iconscale-icon[data-iconvalue="5"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="6"] .ffwidget-iconscale-icon[data-iconvalue="6"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="7"] .ffwidget-iconscale-icon[data-iconvalue="7"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="8"] .ffwidget-iconscale-icon[data-iconvalue="8"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="9"] .ffwidget-iconscale-icon[data-iconvalue="9"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground,
.ffwidget-iconscale[data-value="10"] .ffwidget-iconscale-icon[data-iconvalue="10"] ~ .ffwidget-iconscale-icon svg .mini-icon-foreground {
  stroke-width: 0.5;
  stroke: var(--ffwbase-selectdark, #969696);
  fill: var(--ffwbase-selectlight, #c4c4c4); }

.ffwidget-iconscale .ffwidget-iconscale-empty svg .mini-icon-foreground {
  fill: var(--ffwbase-selectdark, #969696);
  stroke: none; }

.ffwidget-iconscale[data-value="0"] .ffwidget-iconscale-empty svg .mini-icon-foreground {
  stroke: none;
  fill: none; }

.ffwidget-quill.ffwidget-quill-simple {
  padding: 0.1em 0.2em; }

.ffwidget-quill.ffwidget-quill-simple .ql-toolbar {
  display: none; }

/**
 * Colors
 */
.ffwidget-background .mini-icon-foreground {
  fill: var(--ffwcolor-black); }

.ffwidget-background-inverse .mini-icon-foreground {
  fill: var(--ffwcolor-white); }

.ffwidget-color-black svg .mini-icon-foreground {
  fill: var(--ffwcolor-black); }

.ffwidget-color-red svg .mini-icon-foreground {
  fill: var(--ffwcolor-red); }

.ffwidget-color-orange svg .mini-icon-foreground {
  fill: var(--ffwcolor-orange); }

.ffwidget-color-yellow svg .mini-icon-foreground {
  fill: var(--ffwcolor-yellow); }

.ffwidget-color-green svg .mini-icon-foreground {
  fill: var(--ffwcolor-green); }

.ffwidget-color-blue svg .mini-icon-foreground {
  fill: var(--ffwcolor-blue); }

.ffwidget-color-violet svg .mini-icon-foreground {
  fill: var(--ffwcolor-violet); }

.ffwidget-color-brown svg .mini-icon-foreground {
  fill: var(--ffwcolor-brown); }

.ffwidget-color-correct svg .mini-icon-foreground {
  fill: var(--ffwcorrect-normal); }

.ffwidget-color-correctlight svg .mini-icon-foreground {
  fill: var(--ffwcorrect-light); }

.ffwidget-color-wrong svg .mini-icon-foreground {
  fill: var(--ffwwrong-normal); }

.ffwidget-color-wronglight svg .mini-icon-foreground {
  fill: var(--ffwwrong-light); }

.ffwidget-color-black {
  color: var(--ffwcolor-black); }

.ffwidget-color-red {
  color: var(--ffwcolor-red); }

.ffwidget-color-orange {
  color: var(--ffwcolor-orange); }

.ffwidget-color-yellow {
  color: var(--ffwcolor-yellow); }

.ffwidget-color-green {
  color: var(--ffwcolor-green); }

.ffwidget-color-blue {
  color: var(--ffwcolor-blue); }

.ffwidget-color-violet {
  color: var(--ffwcolor-violet); }

.ffwidget-color-brown {
  color: var(--ffwcolor-brown); }

.ffwidget-color-correct {
  color: var(--ffwcorrect-normal); }

.ffwidget-color-correctlight {
  color: var(--ffwcorrect-light); }

.ffwidget-color-wrong {
  color: var(--ffwwrong-normal); }

.ffwidget-color-wronglight {
  color: var(--ffwwrong-light); }

.ffwidget-backgroundcolor-black {
  background-color: var(--ffwcolor-black);
  color: var(--ffwcolor-white); }

.ffwidget-backgroundcolor-red {
  background-color: var(--ffwcolor-red);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-orange {
  background-color: var(--ffwcolor-orange);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-yellow {
  background-color: var(--ffwcolor-yellow);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-green {
  background-color: var(--ffwcolor-green);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-blue {
  background-color: var(--ffwcolor-blue);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-violet {
  background-color: var(--ffwcolor-violet);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-brown {
  background-color: var(--ffwcolor-brown);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightred {
  background-color: var(--ffwcolor-lightred);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightorange {
  background-color: var(--ffwcolor-lightorange);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightyellow {
  background-color: var(--ffwcolor-lightyellow);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightgreen {
  background-color: var(--ffwcolor-lightgreen);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightblue {
  background-color: var(--ffwcolor-lightblue);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightviolet {
  background-color: var(--ffwcolor-lightviolet);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-lightbrown {
  background-color: var(--ffwcolor-lightbrown);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-correct {
  background-color: var(--ffwcorrect-light);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-correctlight {
  background-color: var(--ffwcorrect-light);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-wrong {
  background-color: var(--ffwwrong-normal);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-wronglight {
  background-color: var(--ffwwrong-light);
  color: var(--ffwcolor-black); }

.ffwidget-backgroundcolor-link {
  background-color: var(--ffwbase-link);
  color: var(--ffwcolor-white); }

.ffwidget-backgroundcolor-linklight {
  background-color: var(--ffwbase-linklight);
  color: var(--ffwcolor-black); }

/****
 * Mobile
 ****/
@media only screen and (max-width: 1000px) {
  .ffwidget-button span.ffwidget-buttonicon-mobile,
  .ffwidget-button div.ffwidget-buttonicon-mobile,
  .ffwidget-button .ffwidget-buttonicon-mobile,
  .ffwidget-setbutton span.ffwidget-buttonicon-mobile,
  .ffwidget-setbutton div.ffwidget-buttonicon-mobile,
  .ffwidget-setbutton .ffwidget-buttonicon-mobile {
    display: block; }

  .ffwidget-button span.ffwidget-buttonlabel-mobile,
  .ffwidget-button div.ffwidget-buttonlabel-mobile,
  .ffwidget-button .ffwidget-buttonlabel-mobile,
  .ffwidget-setbutton span.ffwidget-buttonlabel-mobile,
  .ffwidget-setbutton div.ffwidget-buttonlabel-mobile,
  .ffwidget-setbutton .ffwidget-buttonlabel-mobile {
    display: none; }

  .ffwidget-button-large {
    min-width: auto;
    padding: 0.1em 0.5em; }

  .ffwidget-popupmenu:not(.ffwidget-popupmenu-small) {
    bottom: 4px;
    left: 4px !important;
    right: 4px;
    font-size: 100%;
    padding: 0.5em;
    overflow: auto; } }
/****************************
 * default-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * 27.10.2016 Åbo Akademi
 * _ffwidget-clear.scss
 ****************************/
/* #969696 */
/* #c4c4c4 */
/* #eee */
/* #ccc */
/*$activegreen1:   rgba(144,196,121,1);*/
/*$activegreen2:   rgba(122,214,122,1);*/
/*$activeblue1:    rgba(5,171,224,1);*/
/*$activeblue2:    rgba(83,203,241,1);*/
/*$activered1:     rgba(214,87,87,1);*/
/*$activered2:     rgba(237,122,118,1);*/
/*$activeyellow1:  rgba(255,215,0,1);*/
/*$activeyellow2:  rgba(255,227,89,1);*/
[data-ffwtheme^="clear-"] {
  /**** title *****/
  /*** button ****/
  /*** buttonset ****/
  /*** buttongroup ****/
  /***** tablist *****/
  /**** range *****/ }
  [data-ffwtheme^="clear-"] .ffwidget-background,
  [data-ffwtheme^="clear-"] .ffwidget-background-colored {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: black; }
  [data-ffwtheme^="clear-"] .ffwidget-background-inverse {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: black; }
  [data-ffwtheme^="clear-"] .ffwidget-title {
    color: black;
    font-size: 150%;
    font-weight: normal;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5), -1px -1px 10px rgba(255, 255, 255, 0.5), 1px -1px 10px rgba(255, 255, 255, 0.5), -1px 1px 10px rgba(255, 255, 255, 0.5);
    font-family: "GlacialIndifference", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center; }
  [data-ffwtheme^="clear-"] .ffwidget-button {
    padding: 0.2em 0.6em;
    border-radius: 5px;
    border: 1px solid #666;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] .buttonselected .ffwidget-button,
  [data-ffwtheme^="clear-"] .ffwidget-button.buttonselected,
  [data-ffwtheme^="clear-"] .ffwidget-button:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="clear-"] .ffwidget-buttonset {
    margin: 2px 0.5em; }
  [data-ffwtheme^="clear-"] .ffwidget-setbutton {
    padding: 0.2em 0.5em;
    border: 1px solid #666;
    border-bottom: none;
    border-top: none;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] .ffwidget-setbutton:hover {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.8); }
  [data-ffwtheme^="clear-"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="clear-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="clear-"] .ffwidget-setbutton:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="clear-"] .ffwidget-setbutton:first-child {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-setbutton:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-setbutton:first-child:last-child {
    border-radius: 5px; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal .ffwidget-setbutton {
    border: 1px solid #666;
    border-left: none;
    border-right: none; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal .ffwidget-setbutton:first-child:last-child {
    border-radius: 5px; }
  [data-ffwtheme^="clear-"] label > .ffwidget-setbutton:last-child,
  [data-ffwtheme^="clear-"] .ffwidget-horizontal label > .ffwidget-setbutton:last-child {
    border-radius: 0; }
  [data-ffwtheme^="clear-"] label:first-child > .ffwidget-setbutton {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #666; }
  [data-ffwtheme^="clear-"] label:last-child > .ffwidget-setbutton {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #666; }
  [data-ffwtheme^="clear-"] label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 5px; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-horizontal label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 5px; }
  [data-ffwtheme^="clear-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="clear-"] input:checked + .ffwidget-setbutton {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: #969696;
    background: -moz-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #c4c4c4));
    background: -webkit-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -o-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -ms-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: linear-gradient(to bottom, #969696 0%, #c4c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] .ffwidget-menubutton.menuactive {
    background-color: white;
    border: 1px solid #333; }
  [data-ffwtheme^="clear-"] .ffwidget-menubutton:hover {
    border: 1px solid #666; }
  [data-ffwtheme^="clear-"] .ffwidget-groove {
    background-color: #aaa;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="clear-"] .ffwidget-ridge {
    background-color: #333;
    box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.9); }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup td .ffwidget-label {
    padding: 0.2em 0.5em;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:first-child td:first-child .ffwidget-label {
    border-radius: 5px 0 0 0; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:first-child td:last-child .ffwidget-label {
    border-radius: 0 5px 0 0; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:last-child td:first-child .ffwidget-label {
    border-radius: 0 0 0 5px; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:last-child td:last-child .ffwidget-label {
    border-radius: 0 0 5px 0; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:first-child:last-child td:first-child .ffwidget-label {
    border-radius: 5px 0 0 5px; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:first-child:last-child td:last-child .ffwidget-label {
    border-radius: 0 5px 5px 0; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:first-child td:first-child:last-child .ffwidget-label {
    border-radius: 5px 5px 0 0; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:last-child td:first-child:last-child .ffwidget-label {
    border-radius: 0 0 5px 5px; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup tr:first-child:last-child td:first-child:last-child .ffwidget-label {
    border-radius: 5px; }
  [data-ffwtheme^="clear-"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: #969696;
    background: -moz-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #c4c4c4));
    background: -webkit-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -o-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -ms-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: linear-gradient(to bottom, #969696 0%, #c4c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] .ffwidget-handle {
    border-radius: 50%;
    border: 1px solid black;
    background-color: #333;
    box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  [data-ffwtheme^="clear-"] .ffwidget-tooltip {
    box-shadow: 0.2em 0.2em 10px rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translateX(-50%);
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, black));
    background: -webkit-linear-gradient(top, #45484d 0%, black 100%);
    background: -o-linear-gradient(top, #45484d 0%, black 100%);
    background: -ms-linear-gradient(top, #45484d 0%, black 100%);
    background: linear-gradient(to bottom, #45484d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] :hover > .ffwidget-labelbackground {
    fill: #ddd; }
  [data-ffwtheme^="clear-"] .ffwidget-tablist {
    background-color: #f9f9f9;
    border-radius: 5px 5px 0 0;
    border: 1px solid #666;
    border-bottom: 1px solid black; }
  [data-ffwtheme^="clear-"] .ffwidget-tablist li.ffwidget-tabitem {
    border-radius: 5px 5px 0 0;
    border: 1px solid #666;
    background: #666;
    background: -moz-linear-gradient(top, #666 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #666 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #666 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #666 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #666 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #333;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="clear-"] div.ffwidget-tablelement {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-radius: 0 0 5px 5px; }
  [data-ffwtheme^="clear-"] input[type="range"].ffwidget-range {
    border-radius: 5px;
    border: 1px solid #666;
    background-color: #aaa;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="clear-"] input[type="range"].ffwidget-range::-moz-range-track {
    border-radius: 5px;
    border: 1px solid #666;
    background-color: #aaa;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="clear-"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme^="clear-"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #333;
    box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="clear-"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme^="clear-"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #333;
    box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="clear-"] .ffwidget-bordered {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5) inset, -1px -1px 1px rgba(0, 0, 0, 0.3) inset, 1px 1px 1px rgba(255, 255, 255, 0.5); }

[data-ffwtheme^="clear-green"] .ffwidget-background-colored {
  background: #a4b357;
  background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4b357), color-stop(100%, #75890c));
  background: -webkit-linear-gradient(top, #a4b357 0%, #75890c 100%);
  background: -o-linear-gradient(top, #a4b357 0%, #75890c 100%);
  background: -ms-linear-gradient(top, #a4b357 0%, #75890c 100%);
  background: linear-gradient(to bottom, #a4b357 0%, #75890c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-green"] .ffwidget-highlight,
[data-ffwtheme^="clear-green"] .ffwidget-hoverhighlight:hover,
[data-ffwtheme^="clear-green"] .buttonselected .ffwidget-button,
[data-ffwtheme^="clear-green"] .ffwidget-button.buttonselected,
[data-ffwtheme^="clear-green"] .ffwidget-setbutton.buttonselected,
[data-ffwtheme^="clear-green"] input:checked + .ffwidget-setbutton,
[data-ffwtheme^="clear-green"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
  background: #7b935a;
  background: -moz-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b935a), color-stop(100%, #7bc46f));
  background: -webkit-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: -o-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: -ms-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: linear-gradient(to bottom, #7b935a 0%, #7bc46f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-green"] .ffwidget-menubutton.menuactive {
  background: #7b935a;
  background: -moz-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b935a), color-stop(100%, #7bc46f));
  background: -webkit-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: -o-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: -ms-linear-gradient(top, #7b935a 0%, #7bc46f 100%);
  background: linear-gradient(to bottom, #7b935a 0%, #7bc46f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
  border-color: #004000; }
[data-ffwtheme^="clear-green"] .ffwidget-ridge {
  background-color: green; }
[data-ffwtheme^="clear-green"] :hover > .ffwidget-labelbackground {
  fill: #7bc46f; }
[data-ffwtheme^="clear-green"] .ffwidget-tablist li.ffwidget-tabitem-current {
  border-top: 5px solid #0a0; }
[data-ffwtheme^="clear-green"] svg .icon-highlight {
  fill: #0a0; }

[data-ffwtheme^="clear-blue"] .ffwidget-background-colored {
  background: #00b7ea;
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b7ea), color-stop(100%, #009ec3));
  background: -webkit-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
  background: -o-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
  background: -ms-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
  background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-blue"] .ffwidget-highlight,
[data-ffwtheme^="clear-blue"] .ffwidget-hoverhighlight:hover,
[data-ffwtheme^="clear-blue"] .buttonselected .ffwidget-button,
[data-ffwtheme^="clear-blue"] .ffwidget-button.buttonselected,
[data-ffwtheme^="clear-blue"] .ffwidget-setbutton.buttonselected,
[data-ffwtheme^="clear-blue"] input:checked + .ffwidget-setbutton,
[data-ffwtheme^="clear-blue"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
  background: #05abe0;
  background: -moz-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05abe0), color-stop(100%, #53cbf1));
  background: -webkit-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: -o-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: -ms-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: linear-gradient(to bottom, #05abe0 0%, #53cbf1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-blue"] .ffwidget-menubutton.menuactive {
  background: #05abe0;
  background: -moz-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05abe0), color-stop(100%, #53cbf1));
  background: -webkit-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: -o-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: -ms-linear-gradient(top, #05abe0 0%, #53cbf1 100%);
  background: linear-gradient(to bottom, #05abe0 0%, #53cbf1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
  border-color: #000040; }
[data-ffwtheme^="clear-blue"] .ffwidget-ridge {
  background-color: #08b; }
[data-ffwtheme^="clear-blue"] :hover > .ffwidget-labelbackground {
  fill: #53cbf1; }
[data-ffwtheme^="clear-blue"] .ffwidget-tablist li.ffwidget-tabitem-current {
  border-top: 5px solid #08b; }
[data-ffwtheme^="clear-blue"] .ffwidget-button-default {
  background: #53cbf1;
  background: -moz-linear-gradient(top, #53cbf1 0%, #05abe0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53cbf1), color-stop(100%, #05abe0));
  background: -webkit-linear-gradient(top, #53cbf1 0%, #05abe0 100%);
  background: -o-linear-gradient(top, #53cbf1 0%, #05abe0 100%);
  background: -ms-linear-gradient(top, #53cbf1 0%, #05abe0 100%);
  background: linear-gradient(to bottom, #53cbf1 0%, #05abe0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-blue"] svg .icon-highlight {
  fill: #08b; }

[data-ffwtheme^="clear-red"] .ffwidget-background-colored {
  background: #d56a5f;
  background: -moz-linear-gradient(top, #d56a5f 0%, #c33535 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d56a5f), color-stop(100%, #c33535));
  background: -webkit-linear-gradient(top, #d56a5f 0%, #c33535 100%);
  background: -o-linear-gradient(top, #d56a5f 0%, #c33535 100%);
  background: -ms-linear-gradient(top, #d56a5f 0%, #c33535 100%);
  background: linear-gradient(to bottom, #d56a5f 0%, #c33535 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-red"] .ffwidget-highlight,
[data-ffwtheme^="clear-red"] .ffwidget-hoverhighlight:hover,
[data-ffwtheme^="clear-red"] .buttonselected .ffwidget-button,
[data-ffwtheme^="clear-red"] .ffwidget-button.buttonselected,
[data-ffwtheme^="clear-red"] .ffwidget-setbutton.buttonselected,
[data-ffwtheme^="clear-red"] input:checked + .ffwidget-setbutton,
[data-ffwtheme^="clear-red"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
  background: #b74b4b;
  background: -moz-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74b4b), color-stop(100%, #ce6767));
  background: -webkit-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: -o-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: -ms-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: linear-gradient(to bottom, #b74b4b 0%, #ce6767 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-red"] .ffwidget-menubutton.menuactive {
  background: #b74b4b;
  background: -moz-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b74b4b), color-stop(100%, #ce6767));
  background: -webkit-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: -o-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: -ms-linear-gradient(top, #b74b4b 0%, #ce6767 100%);
  background: linear-gradient(to bottom, #b74b4b 0%, #ce6767 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
  border-color: #400000; }
[data-ffwtheme^="clear-red"] .ffwidget-ridge {
  background-color: red; }
[data-ffwtheme^="clear-red"] :hover > .ffwidget-labelbackground {
  fill: #ce6767; }
[data-ffwtheme^="clear-red"] .ffwidget-tablist li.ffwidget-tabitem-current {
  border-top: 5px solid #a00; }
[data-ffwtheme^="clear-red"] svg .icon-highlight {
  fill: #a00; }

[data-ffwtheme^="clear-yellow"] .ffwidget-background-colored {
  background: #ffd65e;
  background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
  background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
  background: -o-linear-gradient(top, #ffd65e 0%, #febf04 100%);
  background: -ms-linear-gradient(top, #ffd65e 0%, #febf04 100%);
  background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-yellow"] .ffwidget-highlight,
[data-ffwtheme^="clear-yellow"] .ffwidget-hoverhighlight:hover,
[data-ffwtheme^="clear-yellow"] .buttonselected .ffwidget-button,
[data-ffwtheme^="clear-yellow"] .ffwidget-button.buttonselected,
[data-ffwtheme^="clear-yellow"] .ffwidget-setbutton.buttonselected,
[data-ffwtheme^="clear-yellow"] input:checked + .ffwidget-setbutton,
[data-ffwtheme^="clear-yellow"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
  color: black;
  background: gold;
  background: -moz-linear-gradient(top, gold 0%, #ffe359 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gold), color-stop(100%, #ffe359));
  background: -webkit-linear-gradient(top, gold 0%, #ffe359 100%);
  background: -o-linear-gradient(top, gold 0%, #ffe359 100%);
  background: -ms-linear-gradient(top, gold 0%, #ffe359 100%);
  background: linear-gradient(to bottom, gold 0%, #ffe359 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
[data-ffwtheme^="clear-yellow"] .ffwidget-menubutton.menuactive {
  background: gold;
  background: -moz-linear-gradient(top, gold 0%, #ffe359 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gold), color-stop(100%, #ffe359));
  background: -webkit-linear-gradient(top, gold 0%, #ffe359 100%);
  background: -o-linear-gradient(top, gold 0%, #ffe359 100%);
  background: -ms-linear-gradient(top, gold 0%, #ffe359 100%);
  background: linear-gradient(to bottom, gold 0%, #ffe359 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
  border-color: gold; }
[data-ffwtheme^="clear-yellow"] .ffwidget-ridge {
  background-color: #ffd700; }
[data-ffwtheme^="clear-yellow"] :hover > .ffwidget-labelbackground {
  fill: #ffe359; }
[data-ffwtheme^="clear-yellow"] .ffwidget-tablist li.ffwidget-tabitem-current {
  border-top: 5px solid gold; }
[data-ffwtheme^="clear-yellow"] svg .icon-highlight {
  fill: #ffd700; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business.scss
 *************************************/
[data-ffwtheme^="business-"] {
  /**** title *****/
  /*** button ****/
  /*** buttonset ****/
  /*.ffwidget-setbutton:hover {*/
  /*    @include hoverinshadow();*/
  /*}*/
  /**** buttongroup *****/
  /**** handles, tooltips, labels ****/
  /**** tablist ***********/
  /**** range *****/ }
  [data-ffwtheme^="business-"] svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] svg.mini-icon path.mini-icon-extrapath {
    fill: #232323;
    opacity: 1 !important; }
  [data-ffwtheme^="business-"] .ffwidget-background,
  [data-ffwtheme^="business-"] .ffwidget-background-colored {
    background: #232323;
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #232323 0%, #232323 100%);
    background: -o-linear-gradient(top, #232323 0%, #232323 100%);
    background: -ms-linear-gradient(top, #232323 0%, #232323 100%);
    background: linear-gradient(to bottom, #232323 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme^="business-"] .ffwidget-background-colored {
    border-color: #666; }
  [data-ffwtheme^="business-"] .ffwidget-background-inverse {
    background: #232323;
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #666));
    background: -webkit-linear-gradient(top, #232323 0%, #666 100%);
    background: -o-linear-gradient(top, #232323 0%, #666 100%);
    background: -ms-linear-gradient(top, #232323 0%, #666 100%);
    background: linear-gradient(to bottom, #232323 0%, #666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme^="business-"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-setbutton svg.mini-icon path {
    fill: #eee; }
  [data-ffwtheme^="business-"] .ffwidget-title {
    color: black;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
    font-family: "GlacialIndifference", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  [data-ffwtheme^="business-"] .ffwidget-background .ffwidget-title,
  [data-ffwtheme^="business-"] .ffwidget-background-colored .ffwidget-title,
  [data-ffwtheme^="business-"] .ffwidget-background-inverse .ffwidget-title {
    color: #eee; }
  [data-ffwtheme^="business-"] .ffwidget-bordered:hover {
    background: #eee;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #eee 0%, #eee 100%);
    background: -o-linear-gradient(top, #eee 0%, #eee 100%);
    background: -ms-linear-gradient(top, #eee 0%, #eee 100%);
    background: linear-gradient(to bottom, #eee 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="business-"] .ffwidget-bordered:hover svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] .ffwidget-primarycolor {
    background: #eee; }
  [data-ffwtheme^="business-"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    border-radius: 5px;
    color: #eee;
    /*@include gradient($llight, $llight2);*/
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #232323 0%, #232323 100%);
    background: -o-linear-gradient(top, #232323 0%, #232323 100%);
    background: -ms-linear-gradient(top, #232323 0%, #232323 100%);
    background: linear-gradient(to bottom, #232323 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 2px solid #232323;
    font-weight: bold; }
  [data-ffwtheme^="business-"] .ffwidget-button:hover {
    color: #232323;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #eee 0%, #eee 100%);
    background: -o-linear-gradient(top, #eee 0%, #eee 100%);
    background: -ms-linear-gradient(top, #eee 0%, #eee 100%);
    background: linear-gradient(to bottom, #eee 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="business-"] .ffwidget-button:hover svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] .buttonselected .ffwidget-button,
  [data-ffwtheme^="business-"] .ffwidget-button.buttonselected,
  [data-ffwtheme^="business-"] .ffwidget-button:active {
    /*@include activeshadow();*/
    /*border: 1px solid $llight;*/
    color: #232323;
    background: white;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); }
  [data-ffwtheme^="business-"] .buttonselected .ffwidget-button svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-button.buttonselected svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-button:active svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] .ffwidget-buttonset {
    /*margin: 2px 0.5em;*/
    padding: 3px;
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #232323 0%, #232323 100%);
    background: -o-linear-gradient(top, #232323 0%, #232323 100%);
    background: -ms-linear-gradient(top, #232323 0%, #232323 100%);
    background: linear-gradient(to bottom, #232323 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="business-"] .ffwidget-setbutton {
    padding: 0.2em 0.5em;
    /*@include gradient($llight, $llight2);*/
    border: 2px solid #eee;
    border-bottom: none;
    /*border-top: none;*/
    color: #eee;
    font-weight: bold;
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #232323 0%, #232323 100%);
    background: -o-linear-gradient(top, #232323 0%, #232323 100%);
    background: -ms-linear-gradient(top, #232323 0%, #232323 100%);
    background: linear-gradient(to bottom, #232323 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    /*border: 1px solid $lbackground;*/
    /*@include groveshadow();*/
    /*@include gradient($bggraylight, $bggraydark);*/ }
  [data-ffwtheme^="business-"] .ffwidget-setbutton:hover {
    color: #232323;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #eee 0%, #eee 100%);
    background: -o-linear-gradient(top, #eee 0%, #eee 100%);
    background: -ms-linear-gradient(top, #eee 0%, #eee 100%);
    background: linear-gradient(to bottom, #eee 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="business-"] .ffwidget-setbutton:hover svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="business-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="business-"] .ffwidget-setbutton:active {
    background: #eee;
    color: #232323;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); }
  [data-ffwtheme^="business-"] .buttonselected .ffwidget-setbutton svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-setbutton.buttonselected svg.mini-icon path,
  [data-ffwtheme^="business-"] .ffwidget-setbutton:active svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] .ffwidget-setbutton:first-child {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-setbutton:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-setbutton:first-child:last-child {
    border-radius: 5px; }
  [data-ffwtheme^="business-"] .ffwidget-horizontal .ffwidget-setbutton {
    border: 1px solid #eee;
    border-left: none;
    /*border-right: none;*/ }
  [data-ffwtheme^="business-"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-horizontal .ffwidget-setbutton:first-child:last-child {
    border-radius: 5px; }
  [data-ffwtheme^="business-"] label > .ffwidget-setbutton:last-child,
  [data-ffwtheme^="business-"] .ffwidget-horizontal label > .ffwidget-setbutton:last-child {
    border-radius: 0; }
  [data-ffwtheme^="business-"] label:first-child > .ffwidget-setbutton {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #eee; }
  [data-ffwtheme^="business-"] label:last-child > .ffwidget-setbutton {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #eee; }
  [data-ffwtheme^="business-"] label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 5px; }
  [data-ffwtheme^="business-"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-horizontal label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 5px; }
  [data-ffwtheme^="business-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="business-"] input:checked + .ffwidget-setbutton {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5);
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #eee 0%, #eee 100%);
    background: -o-linear-gradient(top, #eee 0%, #eee 100%);
    background: -ms-linear-gradient(top, #eee 0%, #eee 100%);
    background: linear-gradient(to bottom, #eee 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #232323; }
  [data-ffwtheme^="business-"] .ffwidget-setbutton.buttonselected svg.mini-icon path,
  [data-ffwtheme^="business-"] input:checked + .ffwidget-setbutton svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5);
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #eee 0%, #eee 100%);
    background: -o-linear-gradient(top, #eee 0%, #eee 100%);
    background: -ms-linear-gradient(top, #eee 0%, #eee 100%);
    background: linear-gradient(to bottom, #eee 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #232323; }
  [data-ffwtheme^="business-"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #232323; }
  [data-ffwtheme^="business-"] .ffwidget-handle {
    border-radius: 50%;
    border: 1px solid black;
    background-color: #232323;
    box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  [data-ffwtheme^="business-"] .ffwidget-tooltip {
    box-shadow: 0.2em 0.2em 10px rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translateX(-50%);
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, black));
    background: -webkit-linear-gradient(top, #45484d 0%, black 100%);
    background: -o-linear-gradient(top, #45484d 0%, black 100%);
    background: -ms-linear-gradient(top, #45484d 0%, black 100%);
    background: linear-gradient(to bottom, #45484d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="business-"] .ffwidget-tick {
    background: #666;
    border-color: #666; }
  [data-ffwtheme^="business-"] .ffwidget-tick::before {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #ddd;
    content: "";
    display: block;
    position: absolute;
    left: -3px; }
  [data-ffwtheme^="business-"] .navlabel-down .ffwidget-tick::before {
    top: -6px; }
  [data-ffwtheme^="business-"] .navlabel-up .ffwidget-tick::before {
    bottom: -6px; }
  [data-ffwtheme^="business-"] .ffwidget-labelborder {
    fill: none; }
  [data-ffwtheme^="business-"] .ffwidget-labelbackground {
    fill: #232323;
    stroke-width: 2;
    stroke: #eee; }
  [data-ffwtheme^="business-"] :hover > .ffwidget-labelbackground {
    fill: #ddd; }
  [data-ffwtheme^="business-"] .ffwidget-tablist {
    border: none;
    border-bottom: 1px solid #232323; }
  [data-ffwtheme^="business-"] .ffwidget-tablist li.ffwidget-tabitem {
    color: black;
    border-radius: 0; }
  [data-ffwtheme^="business-"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #666;
    background: #232323;
    color: #eee; }
  [data-ffwtheme^="business-"] div.ffwidget-tabelement {
    border: 1px solid #232323;
    border-top: none; }
  [data-ffwtheme^="business-"] .ffwidget-groove {
    background-color: #666; }
  [data-ffwtheme^="business-"] .ffwidget-ridge {
    background-color: #666; }
  [data-ffwtheme^="business-"] input[type="range"].ffwidget-range {
    border-radius: 5px;
    border: 1px solid #666;
    background-color: #666;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="business-"] input[type="range"].ffwidget-range::-moz-range-track {
    border-radius: 5px;
    border: 1px solid #666;
    background-color: #666;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="business-"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme^="business-"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    width: 19px;
    height: 19px;
    background: #eee url('data:image/svg+xml;charcode=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="19" viewBox="0 0 19 19" class="mini-icon mini-icon-vertbars"><path style="stroke: none; fill: black; fill-opacity: 0.3;" d="M5 5.5 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z"></path></svg>') 0 0 no-repeat;
    box-shadow: 2px 2px 8px black; }
  [data-ffwtheme^="business-"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme^="business-"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    width: 19px;
    height: 19px;
    background: #eee url('data:image/svg+xml;charcode=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="19" viewBox="0 0 19 19" class="mini-icon mini-icon-vertbars"><path style="stroke: none; fill: black; fill-opacity: 0.3;" d="M5 5.5 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z"></path></svg>') 0 0 no-repeat;
    box-shadow: 2px 2px 8px black; }
  [data-ffwtheme^="business-"] .ffwidget-bordered {
    border: 2px solid #eee; }
  [data-ffwtheme^="business-"] .ffwidget-bordercolored {
    border-color: #eee !important; }
  [data-ffwtheme^="business-"] input[type="text"],
  [data-ffwtheme^="business-"] select {
    color: black; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business-orange.scss
 *************************************/
[data-ffwtheme="business-orange"] {
  /*** buttonset ****/
  /**** buttongroup *****/
  /**** handle, tooltip, label ******/
  /**** tablist ***********/
  /**** range ******/ }
  [data-ffwtheme="business-orange"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    border-radius: 5px;
    color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme="business-orange"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-orange"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-orange"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme="business-orange"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme="business-orange"] .ffwidget-setbutton svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-background svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-orange"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-orange"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-orange"] .ffwidget-background-inverse svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-orange"] .ffwidget-button svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-orange"] .ffwidget-setbutton svg.mini-icon path.mini-icon-extrapath {
    fill: #F96B00;
    opacity: 1 !important; }
  [data-ffwtheme="business-orange"] .buttonselected .ffwidget-button,
  [data-ffwtheme="business-orange"] .ffwidget-button.buttonselected,
  [data-ffwtheme="business-orange"] .ffwidget-button:active {
    /*@include activeshadow();*/
    background: white;
    /*@include gradient($lbackground, $lbackground);*/
    border: 2px solid #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-setbutton {
    background: #232323;
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #232323 0%, #232323 100%);
    background: -o-linear-gradient(top, #232323 0%, #232323 100%);
    background: -ms-linear-gradient(top, #232323 0%, #232323 100%);
    background: linear-gradient(to bottom, #232323 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #F96B00;
    color: #F96B00; }
  [data-ffwtheme="business-orange"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme="business-orange"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme="business-orange"] .ffwidget-setbutton:active {
    color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-setbutton:first-child {
    border-top-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-setbutton:last-child {
    border-bottom-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-horizontal .ffwidget-setbutton {
    border-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-left-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-right-color: #F96B00; }
  [data-ffwtheme="business-orange"] label:first-child > .ffwidget-setbutton {
    border-top-color: #F96B00; }
  [data-ffwtheme="business-orange"] label:last-child > .ffwidget-setbutton {
    border-bottom-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right-color: #F96B00; }
  [data-ffwtheme="business-orange"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    color: #F96B00; }
  [data-ffwtheme="business-orange"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-orange"] :hover > * > * > .ffwidget-tick {
    background: #F96B00;
    border-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-tick::before {
    background: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-labelbackground {
    stroke: #F96B00; }
  [data-ffwtheme="business-orange"] :hover > .ffwidget-labelbackground {
    fill: #232323; }
  [data-ffwtheme="business-orange"] .ffwidget-labeltext {
    fill: #eee;
    stroke: none; }
  [data-ffwtheme="business-orange"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #F96B00;
    color: #F96B00; }
  [data-ffwtheme="business-orange"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme="business-orange"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #F96B00; }
  [data-ffwtheme="business-orange"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme="business-orange"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-primarycolor {
    background: #F96B00; }
  [data-ffwtheme="business-orange"] svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-bordered {
    border: 2px solid #F96B00; }
  [data-ffwtheme="business-orange"] .ffwidget-bordercolored {
    border-color: #F96B00 !important; }
  [data-ffwtheme="business-orange"] svg .icon-highlight {
    fill: #F96B00; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business-orange.scss
 *************************************/
[data-ffwtheme="business-blue"] {
  /*** buttonset ****/
  /**** buttongroup *****/
  /**** handle, tooltip, label ******/
  /**** tablist ***********/
  /**** range ******/ }
  [data-ffwtheme="business-blue"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    border-radius: 5px;
    color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme="business-blue"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-blue"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-blue"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme="business-blue"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme="business-blue"] .ffwidget-setbutton svg.mini-icon path {
    fill: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-background svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blue"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blue"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blue"] .ffwidget-background-inverse svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blue"] .ffwidget-button svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blue"] .ffwidget-setbutton svg.mini-icon path.mini-icon-extrapath {
    fill: #00DCF9;
    opacity: 1 !important; }
  [data-ffwtheme="business-blue"] .buttonselected .ffwidget-button,
  [data-ffwtheme="business-blue"] .ffwidget-button.buttonselected,
  [data-ffwtheme="business-blue"] .ffwidget-button:active {
    /*@include activeshadow();*/
    background: white;
    /*@include gradient($lbackground, $lbackground);*/
    border: 2px solid #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-setbutton {
    background: #232323;
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #232323 0%, #232323 100%);
    background: -o-linear-gradient(top, #232323 0%, #232323 100%);
    background: -ms-linear-gradient(top, #232323 0%, #232323 100%);
    background: linear-gradient(to bottom, #232323 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #00DCF9;
    color: #00DCF9; }
  [data-ffwtheme="business-blue"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme="business-blue"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme="business-blue"] .ffwidget-setbutton:active {
    color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-setbutton:first-child {
    border-top-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-setbutton:last-child {
    border-bottom-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-horizontal .ffwidget-setbutton {
    border-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-left-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-right-color: #00DCF9; }
  [data-ffwtheme="business-blue"] label:first-child > .ffwidget-setbutton {
    border-top-color: #00DCF9; }
  [data-ffwtheme="business-blue"] label:last-child > .ffwidget-setbutton {
    border-bottom-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right-color: #00DCF9; }
  [data-ffwtheme="business-blue"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    color: #00DCF9; }
  [data-ffwtheme="business-blue"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #00DCF9; }
  [data-ffwtheme="business-blue"] :hover > * > * > .ffwidget-tick {
    background: #00DCF9;
    border-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-tick::before {
    background: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-labelbackground {
    stroke: #00DCF9; }
  [data-ffwtheme="business-blue"] :hover > .ffwidget-labelbackground {
    fill: #232323; }
  [data-ffwtheme="business-blue"] .ffwidget-labeltext {
    fill: #eee;
    stroke: none; }
  [data-ffwtheme="business-blue"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #00DCF9;
    color: #00DCF9; }
  [data-ffwtheme="business-blue"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme="business-blue"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #00DCF9; }
  [data-ffwtheme="business-blue"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme="business-blue"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-primarycolor {
    background: #00DCF9; }
  [data-ffwtheme="business-blue"] svg.mini-icon path {
    fill: #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-bordered {
    border: 2px solid #00DCF9; }
  [data-ffwtheme="business-blue"] .ffwidget-bordercolored {
    border-color: #00DCF9 !important; }
  [data-ffwtheme="business-blue"] svg .icon-highlight {
    fill: #00DCF9; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business-light.scss
 *************************************/
/*$lbackground:   #404040;*/
/*$lbackground:   #476163;*/
/*$bfrontcolor:       #00DCF9;*/
[data-ffwtheme="business-light"] {
  /*** buttonset ****/
  /**** buttongroup *****/
  /**** handle, tooltip, label ******/
  /**** tablist ***********/
  /**** range ******/ }
  [data-ffwtheme="business-light"] .ffwidget-background,
  [data-ffwtheme="business-light"] .ffwidget-background-colored {
    background: transparent;
    background: #C2D3D8;
    background: -moz-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2D3D8), color-stop(100%, #C2D3D8));
    background: -webkit-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -o-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -ms-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: linear-gradient(to bottom, #C2D3D8 0%, #C2D3D8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-background-inverse {
    background: #C2D3D8;
    background: #C2D3D8;
    background: -moz-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2D3D8), color-stop(100%, #C2D3D8));
    background: -webkit-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -o-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -ms-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: linear-gradient(to bottom, #C2D3D8 0%, #C2D3D8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-background .ffwidget-title,
  [data-ffwtheme="business-light"] .ffwidget-background-colored .ffwidget-title {
    color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    background: #C2D3D8;
    background: -moz-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2D3D8), color-stop(100%, #C2D3D8));
    background: -webkit-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -o-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -ms-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: linear-gradient(to bottom, #C2D3D8 0%, #C2D3D8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-radius: 5px;
    color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-background > .ffwidget-button,
  [data-ffwtheme="business-light"] .ffwidget-background-colored > .ffwidget-button {
    background: transparent;
    border-color: transparent; }
  [data-ffwtheme="business-light"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme="business-light"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-light"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-light"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme="business-light"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme="business-light"] .ffwidget-setbutton svg.mini-icon path {
    fill: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-background svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-light"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-light"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-light"] .ffwidget-background-inverse svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-light"] .ffwidget-button svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-light"] .ffwidget-setbutton svg.mini-icon path.mini-icon-extrapath {
    fill: #476163;
    opacity: 1 !important; }
  [data-ffwtheme="business-light"] .ffwidget-button:hover svg.mini-icon path,
  [data-ffwtheme="business-light"] .ffwidget-bordered:hover svg.mini-icon path {
    fill: #476163; }
  [data-ffwtheme="business-light"] .buttonselected .ffwidget-button,
  [data-ffwtheme="business-light"] .ffwidget-button.buttonselected,
  [data-ffwtheme="business-light"] .ffwidget-button:active {
    /*@include activeshadow();*/
    background: white;
    /*@include gradient($lbackground, $lbackground);*/
    border: 2px solid #476163; }
  [data-ffwtheme="business-light"] .ffwidget-buttonset {
    /*margin: 2px 0.5em;*/
    padding: 3px;
    background: #C2D3D8;
    background: -moz-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2D3D8), color-stop(100%, #C2D3D8));
    background: -webkit-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -o-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -ms-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: linear-gradient(to bottom, #C2D3D8 0%, #C2D3D8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    background: transparent;
    background: #C2D3D8;
    background: -moz-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2D3D8), color-stop(100%, #C2D3D8));
    background: -webkit-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -o-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -ms-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: linear-gradient(to bottom, #C2D3D8 0%, #C2D3D8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme="business-light"] .ffwidget-setbutton {
    background: #C2D3D8;
    background: #C2D3D8;
    background: -moz-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2D3D8), color-stop(100%, #C2D3D8));
    background: -webkit-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -o-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: -ms-linear-gradient(top, #C2D3D8 0%, #C2D3D8 100%);
    background: linear-gradient(to bottom, #C2D3D8 0%, #C2D3D8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #476163;
    color: #476163; }
  [data-ffwtheme="business-light"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme="business-light"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme="business-light"] .ffwidget-setbutton:active {
    color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-setbutton:first-child {
    border-top-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-setbutton:last-child {
    border-bottom-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-horizontal .ffwidget-setbutton {
    border-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-left-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-right-color: #476163; }
  [data-ffwtheme="business-light"] label:first-child > .ffwidget-setbutton {
    border-top-color: #476163; }
  [data-ffwtheme="business-light"] label:last-child > .ffwidget-setbutton {
    border-bottom-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right-color: #476163; }
  [data-ffwtheme="business-light"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    color: #476163; }
  [data-ffwtheme="business-light"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #476163; }
  [data-ffwtheme="business-light"] :hover > * > * > .ffwidget-tick {
    background: #476163;
    border-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-tick::before {
    background: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-labelbackground {
    fill: #C2D3D8;
    stroke: #476163; }
  [data-ffwtheme="business-light"] :hover > .ffwidget-labelbackground {
    fill: #C2D3D8; }
  [data-ffwtheme="business-light"] .ffwidget-labeltext {
    fill: #476163;
    stroke: none; }
  [data-ffwtheme="business-light"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #476163;
    color: #C2D3D8; }
  [data-ffwtheme="business-light"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme="business-light"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #476163; }
  [data-ffwtheme="business-light"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme="business-light"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-primarycolor {
    background: #476163; }
  [data-ffwtheme="business-light"] svg.mini-icon path {
    fill: #476163; }
  [data-ffwtheme="business-light"] .ffwidget-bordered {
    border: 2px solid #476163; }
  [data-ffwtheme="business-light"] .ffwidget-bordercolored {
    border-color: #476163 !important; }
  [data-ffwtheme="business-light"] svg .icon-highlight {
    fill: #476163; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business-petrol.scss
 *************************************/
/*$lbackground:   #404040;*/
[data-ffwtheme="business-petrol"] {
  /*** buttonset ****/
  /**** buttongroup *****/
  /**** handle, tooltip, label ******/
  /**** tablist ***********/
  /**** range ******/ }
  [data-ffwtheme="business-petrol"] .ffwidget-background,
  [data-ffwtheme="business-petrol"] .ffwidget-background-colored {
    background: transparent;
    background: #20686F;
    background: -moz-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20686F), color-stop(100%, #174A4D));
    background: -webkit-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: -o-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: -ms-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: linear-gradient(to bottom, #20686F 0%, #174A4D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme="business-petrol"] .ffwidget-background-inverse {
    background: #174A4D;
    background: #174A4D;
    background: -moz-linear-gradient(top, #174A4D 0%, #20686F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #174A4D), color-stop(100%, #20686F));
    background: -webkit-linear-gradient(top, #174A4D 0%, #20686F 100%);
    background: -o-linear-gradient(top, #174A4D 0%, #20686F 100%);
    background: -ms-linear-gradient(top, #174A4D 0%, #20686F 100%);
    background: linear-gradient(to bottom, #174A4D 0%, #20686F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme="business-petrol"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    background: #20686F;
    background: -moz-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20686F), color-stop(100%, #174A4D));
    background: -webkit-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: -o-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: -ms-linear-gradient(top, #20686F 0%, #174A4D 100%);
    background: linear-gradient(to bottom, #20686F 0%, #174A4D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-radius: 5px;
    color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-background > .ffwidget-button,
  [data-ffwtheme="business-petrol"] .ffwidget-background-colored > .ffwidget-button {
    background: transparent;
    border-color: transparent; }
  [data-ffwtheme="business-petrol"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme="business-petrol"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-petrol"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-petrol"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme="business-petrol"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-background svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-petrol"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-petrol"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-petrol"] .ffwidget-background-inverse svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-petrol"] .ffwidget-button svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton svg.mini-icon path.mini-icon-extrapath {
    fill: #F96B00;
    opacity: 1 !important; }
  [data-ffwtheme="business-petrol"] .ffwidget-button:hover svg.mini-icon path,
  [data-ffwtheme="business-petrol"] .ffwidget-bordered:hover svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-petrol"] .buttonselected .ffwidget-button,
  [data-ffwtheme="business-petrol"] .ffwidget-button.buttonselected,
  [data-ffwtheme="business-petrol"] .ffwidget-button:active {
    /*@include activeshadow();*/
    background: white;
    /*@include gradient($lbackground, $lbackground);*/
    border: 2px solid #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-buttonset {
    /*margin: 2px 0.5em;*/
    padding: 3px;
    /*@include gradient($lbackground, $lbackground);*/
    /*@include gradient($petrollight, $petrollight);*/
    background: transparent; }
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton {
    background: #174A4D;
    background: #20686F;
    background: -moz-linear-gradient(top, #20686F 0%, #20686F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20686F), color-stop(100%, #20686F));
    background: -webkit-linear-gradient(top, #20686F 0%, #20686F 100%);
    background: -o-linear-gradient(top, #20686F 0%, #20686F 100%);
    background: -ms-linear-gradient(top, #20686F 0%, #20686F 100%);
    background: linear-gradient(to bottom, #20686F 0%, #20686F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #F96B00;
    color: #F96B00; }
  [data-ffwtheme="business-petrol"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton:active {
    color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton:first-child {
    border-top-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-setbutton:last-child {
    border-bottom-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-horizontal .ffwidget-setbutton {
    border-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-left-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-right-color: #F96B00; }
  [data-ffwtheme="business-petrol"] label:first-child > .ffwidget-setbutton {
    border-top-color: #F96B00; }
  [data-ffwtheme="business-petrol"] label:last-child > .ffwidget-setbutton {
    border-bottom-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right-color: #F96B00; }
  [data-ffwtheme="business-petrol"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    color: #F96B00; }
  [data-ffwtheme="business-petrol"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-petrol"] :hover > * > * > .ffwidget-tick {
    background: #F96B00;
    border-color: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-tick::before {
    background: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-labelbackground {
    fill: #174A4D;
    stroke: #F96B00; }
  [data-ffwtheme="business-petrol"] :hover > .ffwidget-labelbackground {
    fill: #174A4D; }
  [data-ffwtheme="business-petrol"] .ffwidget-labeltext {
    fill: #eee;
    stroke: none; }
  [data-ffwtheme="business-petrol"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #20686F;
    color: #eee; }
  [data-ffwtheme="business-petrol"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme="business-petrol"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #20686F; }
  [data-ffwtheme="business-petrol"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme="business-petrol"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #20686F; }
  [data-ffwtheme="business-petrol"] .ffwidget-primarycolor {
    background: #F96B00; }
  [data-ffwtheme="business-petrol"] svg.mini-icon path {
    fill: #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-bordered {
    border: 2px solid #F96B00; }
  [data-ffwtheme="business-petrol"] .ffwidget-bordercolored {
    border-color: #F96B00 !important; }
  [data-ffwtheme="business-petrol"] svg .icon-highlight {
    fill: #F96B00; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business-blackboard.scss
 *************************************/
[data-ffwtheme="business-blackboard"] {
  /*** buttonset ****/
  /**** buttongroup *****/
  /**** handle, tooltip, label ******/
  /**** tablist ***********/
  /**** range ******/ }
  [data-ffwtheme="business-blackboard"] .ffwidget-background,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-colored {
    background: transparent;
    background: #333;
    background: -moz-linear-gradient(top, #333 0%, #222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222));
    background: -webkit-linear-gradient(top, #333 0%, #222 100%);
    background: -o-linear-gradient(top, #333 0%, #222 100%);
    background: -ms-linear-gradient(top, #333 0%, #222 100%);
    background: linear-gradient(to bottom, #333 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme="business-blackboard"] .ffwidget-background-inverse {
    background: #222;
    background: #222;
    background: -moz-linear-gradient(top, #222 0%, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #222 0%, #333 100%);
    background: -o-linear-gradient(top, #222 0%, #333 100%);
    background: -ms-linear-gradient(top, #222 0%, #333 100%);
    background: linear-gradient(to bottom, #222 0%, #333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme="business-blackboard"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    background: #333;
    background: -moz-linear-gradient(top, #333 0%, #222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222));
    background: -webkit-linear-gradient(top, #333 0%, #222 100%);
    background: -o-linear-gradient(top, #333 0%, #222 100%);
    background: -ms-linear-gradient(top, #333 0%, #222 100%);
    background: linear-gradient(to bottom, #333 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-radius: 5px;
    color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-background > .ffwidget-button,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-colored > .ffwidget-button {
    background: transparent;
    border-color: transparent; }
  [data-ffwtheme="business-blackboard"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme="business-blackboard"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-background svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blackboard"] .ffwidget-background-inverse svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blackboard"] .ffwidget-button svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton svg.mini-icon path.mini-icon-extrapath {
    fill: #fcb00d;
    opacity: 1 !important; }
  [data-ffwtheme="business-blackboard"] .ffwidget-button:hover svg.mini-icon path,
  [data-ffwtheme="business-blackboard"] .ffwidget-bordered:hover svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .buttonselected .ffwidget-button,
  [data-ffwtheme="business-blackboard"] .ffwidget-button.buttonselected,
  [data-ffwtheme="business-blackboard"] .ffwidget-button:active {
    /*@include activeshadow();*/
    background: white;
    /*@include gradient($bbbackground, $bbbackground);*/
    border: 2px solid #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-buttonset {
    /*margin: 2px 0.5em;*/
    padding: 3px;
    /*@include gradient($bbbackground, $bbbackground);*/
    /*@include gradient($bblight, $bblight);*/
    background: transparent; }
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton {
    background: #222;
    background: #333;
    background: -moz-linear-gradient(top, #333 0%, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #333 0%, #333 100%);
    background: -o-linear-gradient(top, #333 0%, #333 100%);
    background: -ms-linear-gradient(top, #333 0%, #333 100%);
    background: linear-gradient(to bottom, #333 0%, #333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #fcb00d;
    color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton:active {
    color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton:first-child {
    border-top-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-setbutton:last-child {
    border-bottom-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-horizontal .ffwidget-setbutton {
    border-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-left-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-right-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] label:first-child > .ffwidget-setbutton {
    border-top-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] label:last-child > .ffwidget-setbutton {
    border-bottom-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-blackboard"] :hover > * > * > .ffwidget-tick {
    background: #fcb00d;
    border-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-tick::before {
    background: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-labelbackground {
    fill: #222;
    stroke: #fcb00d; }
  [data-ffwtheme="business-blackboard"] :hover > .ffwidget-labelbackground {
    fill: #222; }
  [data-ffwtheme="business-blackboard"] .ffwidget-labeltext {
    fill: #eee;
    stroke: none; }
  [data-ffwtheme="business-blackboard"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #fcb00d;
    color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme="business-blackboard"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme="business-blackboard"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-primarycolor {
    background: #fcb00d; }
  [data-ffwtheme="business-blackboard"] svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-bordered {
    border: 2px solid #fcb00d; }
  [data-ffwtheme="business-blackboard"] .ffwidget-bordercolored {
    border-color: #fcb00d !important; }
  [data-ffwtheme="business-blackboard"] svg .icon-highlight {
    fill: #fcb00d; }

/*************************************
 * business-* themes for ffwidget
 * Petri Salmela <pesasa@iki.fi>
 * Following the design by Joona Puurunen <joona@business.com>
 * 27.10.2016
 * _ffwidget-business-greenboard.scss
 *************************************/
[data-ffwtheme="business-greenboard"] {
  /*** buttonset ****/
  /**** buttongroup *****/
  /**** handle, tooltip, label ******/
  /**** tablist ***********/
  /**** range ******/ }
  [data-ffwtheme="business-greenboard"] .ffwidget-background,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-colored {
    background: transparent;
    background: #4a633c;
    background: -moz-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a633c), color-stop(100%, #1b3d1c));
    background: -webkit-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: -o-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: -ms-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: linear-gradient(to bottom, #4a633c 0%, #1b3d1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme="business-greenboard"] .ffwidget-background-inverse {
    background: #1b3d1c;
    background: #1b3d1c;
    background: -moz-linear-gradient(top, #1b3d1c 0%, #4a633c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b3d1c), color-stop(100%, #4a633c));
    background: -webkit-linear-gradient(top, #1b3d1c 0%, #4a633c 100%);
    background: -o-linear-gradient(top, #1b3d1c 0%, #4a633c 100%);
    background: -ms-linear-gradient(top, #1b3d1c 0%, #4a633c 100%);
    background: linear-gradient(to bottom, #1b3d1c 0%, #4a633c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: #eee; }
  [data-ffwtheme="business-greenboard"] .ffwidget-button {
    /*padding: 0.2em 0.4em;*/
    background: #4a633c;
    background: -moz-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a633c), color-stop(100%, #1b3d1c));
    background: -webkit-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: -o-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: -ms-linear-gradient(top, #4a633c 0%, #1b3d1c 100%);
    background: linear-gradient(to bottom, #4a633c 0%, #1b3d1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-radius: 5px;
    color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-background > .ffwidget-button,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-colored > .ffwidget-button {
    background: transparent;
    border-color: transparent; }
  [data-ffwtheme="business-greenboard"] .ffwidget-background svg.mini-icon path,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-colored svg.mini-icon path,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-inverse svg.mini-icon path,
  [data-ffwtheme="business-greenboard"] .ffwidget-button svg.mini-icon path,
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-background svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-colored svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-greenboard"] .ffwidget-background-inverse svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-greenboard"] .ffwidget-button svg.mini-icon path.mini-icon-extrapath,
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton svg.mini-icon path.mini-icon-extrapath {
    fill: #fcb00d;
    opacity: 1 !important; }
  [data-ffwtheme="business-greenboard"] .ffwidget-button:hover svg.mini-icon path,
  [data-ffwtheme="business-greenboard"] .ffwidget-bordered:hover svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .buttonselected .ffwidget-button,
  [data-ffwtheme="business-greenboard"] .ffwidget-button.buttonselected,
  [data-ffwtheme="business-greenboard"] .ffwidget-button:active {
    /*@include activeshadow();*/
    background: white;
    /*@include gradient($bbbackground, $bbbackground);*/
    border: 2px solid #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-buttonset {
    /*margin: 2px 0.5em;*/
    padding: 3px;
    /*@include gradient($bbbackground, $bbbackground);*/
    /*@include gradient($bblight, $bblight);*/
    background: transparent; }
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton {
    background: #1b3d1c;
    background: #4a633c;
    background: -moz-linear-gradient(top, #4a633c 0%, #4a633c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a633c), color-stop(100%, #4a633c));
    background: -webkit-linear-gradient(top, #4a633c 0%, #4a633c 100%);
    background: -o-linear-gradient(top, #4a633c 0%, #4a633c 100%);
    background: -ms-linear-gradient(top, #4a633c 0%, #4a633c 100%);
    background: linear-gradient(to bottom, #4a633c 0%, #4a633c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #fcb00d;
    color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton:active {
    color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton:first-child {
    border-top-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-setbutton:last-child {
    border-bottom-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-horizontal .ffwidget-setbutton {
    border-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-left-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-right-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] label:first-child > .ffwidget-setbutton {
    border-top-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] label:last-child > .ffwidget-setbutton {
    border-bottom-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] table.ffwidget-buttongroup input:checked + .ffwidget-label svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-greenboard"] :hover > * > * > .ffwidget-tick {
    background: #fcb00d;
    border-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-tick::before {
    background: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-labelbackground {
    fill: #1b3d1c;
    stroke: #fcb00d; }
  [data-ffwtheme="business-greenboard"] :hover > .ffwidget-labelbackground {
    fill: #1b3d1c; }
  [data-ffwtheme="business-greenboard"] .ffwidget-labeltext {
    fill: #eee;
    stroke: none; }
  [data-ffwtheme="business-greenboard"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #fcb00d;
    color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme="business-greenboard"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme="business-greenboard"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background-color: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-primarycolor {
    background: #fcb00d; }
  [data-ffwtheme="business-greenboard"] svg.mini-icon path {
    fill: #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-bordered {
    border: 2px solid #fcb00d; }
  [data-ffwtheme="business-greenboard"] .ffwidget-bordercolored {
    border-color: #fcb00d !important; }
  [data-ffwtheme="business-greenboard"] svg .icon-highlight {
    fill: #fcb00d; }

/****************************
 * fferries-* themes for ffwidget
 * Petri Salmela <petri.salmela@fourferries.fi>
 * 27.08.2018 Four Ferries Oy
 * _ffwidget-fferries.scss
 ****************************/
/* #969696 */
/* #c4c4c4 */
/* #eee */
/* #ccc */
/* Logo blue */
/* Logo green */
/* Violet */
/* soft blue */
/* soft green */
/* soft violet */
/* softer green #E9F0D8 */
/* dark blue */
/* dark green */
/* dark violet */
/* light blue #EDF5F9 */
/* light green */
/* light violet */
/*
$bggreenlight:   rgba(164,179,87,1);
$bggreendark:    rgba(117,137,12,1);
$hlgreendark:    rgba(123,147,90,1);
$hlgreenlight:   rgba(123,196,111,1);
/*$activegreen1:   rgba(144,196,121,1);*/
/*$activegreen2:   rgba(122,214,122,1);*/
/*
$green:          green;
$greenmid:       #0a0;
$greendark:      #004000;

$bgbluelight:    rgba(0,183,234,1);
$bgbluedark:     rgba(0,158,195,1);
$hlbluedark:     rgba(5,171,224,1);
$hlbluelight:    rgba(83,203,241,1);
/*$activeblue1:    rgba(5,171,224,1);*/
/*$activeblue2:    rgba(83,203,241,1);*/
/*
$blue:           #08b;
$bluemid:        #08b;
$bluedark:       #000040;

$bgredlight:     rgba(213,106,95,1);
$bgreddark:      rgba(195,53,53,1);
$hlreddark:      rgba(183,75,75,1);
$hlredlight:     rgba(206,103,103,1);
/*$activered1:     rgba(214,87,87,1);*/
/*$activered2:     rgba(237,122,118,1);*/
/*
$red:            red;
$redmid:         #a00;
$reddark:        #400000;

$bgyellowlight:  rgba(255,214,94,1);
$bgyellowdark:   rgba(254,191,4,1);
$hlyellowdark:   rgba(255,215,0,1);
$hlyellowlight:  rgba(255,227,89,1);
/*$activeyellow1:  rgba(255,215,0,1);*/
/*$activeyellow2:  rgba(255,227,89,1);*/
/*
$yellow:         #ffd700;
$yellowmid:         #ffd700;
$yellowdark:     rgb(255,215,0);
*/
[data-ffwtheme^="fferries-"] {
  --ffwbase-lightest: #efefef;
  --ffwbase-lighter: #d0d0d0;
  --ffwbase-light: #aaa;
  --ffwbase-middle: #4d4d4d;
  --ffwbase-dark: #232323;
  --ffwbase-selectdark: #969696;
  /* #969696 */
  --ffwbase-selectlight: #c4c4c4;
  /* #c4c4c4 */
  --ffwcolor-white: #fafafa;
  --ffwcolor-black: #3b3b3b;
  --ffwcolor-red: #dd3b09;
  --ffwcolor-orange: #eea30e;
  --ffwcolor-yellow: #f8e95a;
  --ffwcolor-green: #c1d395;
  --ffwcolor-blue: #009fe3;
  --ffwcolor-violet: #db7ddd;
  --ffwcolor-brown: #ae6c0f;
  --ffwcorrect-light: #eff4ea;
  --ffwcorrect-normal: #9ebc53;
  --ffwwrong-light: #f4e2e6;
  --ffwwrong-normal: #bc4343;
  --ffwradius-default: 0px;
  --ffwfonts: SourceSansPro, Helvetica, sans-serif; }

[data-ffwtheme^="fferries-"] {
  /**** title *****/
  /**** input text/password ****/
  /**** input checkbox ****/
  /**** input radio ****/
  /**** Select ****/
  /*** button ****/
  /*** buttonset ****/
  /**** buttonbar *****/
  /**** buttonbar light *****/
  /*** buttongroup ****/
  /***** tablist *****/
  /**** range *****/ }
  [data-ffwtheme^="fferries-"] .ffwidget-background,
  [data-ffwtheme^="fferries-"] .ffwidget-background-colored {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: black; }
  [data-ffwtheme^="fferries-"] .ffwidget-background-inverse {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: black; }
  [data-ffwtheme^="fferries-"] .ffwidget-title {
    color: black;
    font-size: 150%;
    font-weight: normal;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5), -1px -1px 10px rgba(255, 255, 255, 0.5), 1px -1px 10px rgba(255, 255, 255, 0.5), -1px 1px 10px rgba(255, 255, 255, 0.5);
    font-family: "GlacialIndifference", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center; }
  [data-ffwtheme^="fferries-"] input[type="text"].ffwidget-input,
  [data-ffwtheme^="fferries-"] input[type="password"].ffwidget-input {
    border: 1px solid #94c11f;
    border-radius: 0.5em;
    margin: 0.2em 0.1em;
    padding: 0.3em 0.5em; }
  [data-ffwtheme^="fferries-"] input[type="text"].ffwidget-input:not(:valid),
  [data-ffwtheme^="fferries-"] input[type="password"].ffwidget-input:not(:valid) {
    background-color: #fee;
    border-color: #a00;
    box-shadow: none; }
  [data-ffwtheme^="fferries-"] input[type="text"][disabled].ffwidget-input,
  [data-ffwtheme^="fferries-"] input[type="password"][disabled].ffwidget-input {
    background-color: #d0d0d0;
    border-color: #aaa;
    color: #aaa;
    box-shadow: none; }
  [data-ffwtheme^="fferries-"] input[type="checkbox"].ffwidget-input::before {
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: rgb(148,193,31); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="fferries-"] input[type="checkbox"].ffwidget-input:checked::before {
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: rgb(148,193,31); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path><path style='fill: rgb(0,159,227); stroke: none;' d='M5 5 l10 6 l10 -6 l-6 10 l6 10 l-10 -6 l-10 6 l6 -10z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="fferries-"] input[type="radio"].ffwidget-input::before {
    content: "";
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: rgb(148,193,31); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="fferries-"] input[type="radio"].ffwidget-input:checked::before {
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: rgb(148,193,31); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path><path style='fill: rgb(0,159,227); stroke: none;' d='M15 7 a8 8 0 0 0 0 16 a8 8 0 0 0 0 -16z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="fferries-"] select.ffwidget-input {
    border: 1px solid #94c11f;
    color: #009fe3;
    background: white url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.1em' height='1.1em' viewBox='0 0 30 30' class='mini-icon mini-icon-angledown'><path style='stroke: none; fill: rgb(0,159,227);' d='M5 11 l10 10 l10 -10 l2 2 l-12 12 l-12 -12z'></path></svg>") right top no-repeat; }
  [data-ffwtheme^="fferries-"] .ffwidget-button {
    font-size: 100%;
    padding: 0.2em 0.6em;
    border-radius: 0px;
    border: 1px solid #4d4d4d;
    color: #232323;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.2);
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-nobg .ffwidget-button,
  [data-ffwtheme^="fferries-"] .ffwidget-nobg.ffwidget-button {
    background: transparent; }
  [data-ffwtheme^="fferries-"] .buttonselected .ffwidget-button,
  [data-ffwtheme^="fferries-"] .ffwidget-button.buttonselected,
  [data-ffwtheme^="fferries-"] .ffwidget-button:active {
    color: black;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="fferries-"] .ffwidget-button-default {
    color: black;
    text-shadow: 1px 1px 1px #efefef;
    background: #8dc5dd;
    background: -moz-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dc5dd), color-stop(100%, #009fe3));
    background: -webkit-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: -o-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: -ms-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: linear-gradient(to bottom, #8dc5dd 0%, #009fe3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] .ffwidget-button-yes {
    color: black;
    text-shadow: 1px 1px 1px #efefef;
    background: #c1d395;
    background: -moz-linear-gradient(top, #c1d395 0%, #94c11f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1d395), color-stop(100%, #94c11f));
    background: -webkit-linear-gradient(top, #c1d395 0%, #94c11f 100%);
    background: -o-linear-gradient(top, #c1d395 0%, #94c11f 100%);
    background: -ms-linear-gradient(top, #c1d395 0%, #94c11f 100%);
    background: linear-gradient(to bottom, #c1d395 0%, #94c11f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] .ffwidget-button-warning {
    color: #efefef;
    background: #f00;
    background: -moz-linear-gradient(top, #f00 0%, #a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f00), color-stop(100%, #a00));
    background: -webkit-linear-gradient(top, #f00 0%, #a00 100%);
    background: -o-linear-gradient(top, #f00 0%, #a00 100%);
    background: -ms-linear-gradient(top, #f00 0%, #a00 100%);
    background: linear-gradient(to bottom, #f00 0%, #a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] .ffwidget-button-pale {
    color: black;
    text-shadow: 1px 1px 1px #efefef;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] .ffwidget-button[disabled] {
    color: #888;
    border: 1px solid #aaa; }
  [data-ffwtheme^="fferries-"] .ffwidget-button[disabled]:active {
    color: #888;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.2); }
  [data-ffwtheme^="fferries-"] .ffwidget-button-default[disabled],
  [data-ffwtheme^="fferries-"] .ffwidget-button-yes[disabled],
  [data-ffwtheme^="fferries-"] .ffwidget-button-pale[disabled],
  [data-ffwtheme^="fferries-"] .ffwidget-button-warning[disabled] {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #cccccc 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset {
    margin: 2px 0.5em; }
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton {
    font-size: 100%;
    padding: 0.2em 0.5em;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    border-top: none;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.2);
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton:hover {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.8); }
  [data-ffwtheme^="fferries-"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5);
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton:first-child {
    border-radius: 0px 0px 0 0;
    border-top: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton:last-child {
    border-radius: 0 0 0px 0px;
    border-bottom: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton:first-child:last-child {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal .ffwidget-setbutton {
    border: 1px solid #4d4d4d;
    border-left: none;
    border-right: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal .ffwidget-setbutton:first-child {
    border-radius: 0px 0 0 0px;
    border-left: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal .ffwidget-setbutton:last-child {
    border-radius: 0 0px 0px 0;
    border-right: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal .ffwidget-setbutton:first-child:last-child {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] label > .ffwidget-setbutton:last-child,
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal label > .ffwidget-setbutton:last-child {
    border-radius: 0; }
  [data-ffwtheme^="fferries-"] label:first-child > .ffwidget-setbutton {
    border-radius: 0px 0px 0 0;
    border-top: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] label:last-child > .ffwidget-setbutton {
    border-radius: 0 0 0px 0px;
    border-bottom: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-radius: 0px 0 0 0px;
    border-left: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-radius: 0 0px 0px 0;
    border-right: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-horizontal label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="fferries-"] input:checked + .ffwidget-setbutton {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: #969696;
    background: -moz-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #c4c4c4));
    background: -webkit-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -o-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -ms-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: linear-gradient(to bottom, #969696 0%, #c4c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-menubutton.menuactive {
    background-color: white;
    border: 1px solid #232323; }
  [data-ffwtheme^="fferries-"] .ffwidget-menubutton:hover {
    border: 1px solid #4d4d4d;
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-groove {
    background-color: #aaa;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="fferries-"] .ffwidget-ridge {
    background-color: #232323;
    box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.9); }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: black; }
  [data-ffwtheme^="fferries-"] .ffwidget-nobg.ffwidget-buttonbar,
  [data-ffwtheme^="fferries-"] .ffwidget-nobg .ffwidget-buttonbar {
    background: transparent; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset .ffwidget-setbutton {
    border: 1px solid #4d4d4d;
    border-left: none;
    border-right: none;
    padding: 0.1em 0.3em; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset .ffwidget-setbutton:first-child {
    border-radius: 0px 0 0 0px;
    border-left: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset .ffwidget-setbutton:last-child {
    border-radius: 0 0px 0px 0;
    border-right: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset .ffwidget-setbutton:first-child:last-child {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset label:first-child > .ffwidget-setbutton {
    border-radius: 0px 0 0 0px;
    border-left: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset label:last-child > .ffwidget-setbutton {
    border-radius: 0 0px 0px 0;
    border-right: 1px solid #4d4d4d; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar .ffwidget-buttonset label:first-child:last-child > .ffwidget-setbutton {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton {
    border: none;
    box-shadow: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-button {
    border: none;
    box-shadow: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:hover,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton:hover,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-button:hover {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.8); }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:hover:active,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:active,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:hover:active,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:active,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-button:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:first-child,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton:first-child {
    border-left: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:last-child,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton:last-child {
    border-right: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs label:first-child > .ffwidget-setbutton,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset label:first-child > .ffwidget-setbutton {
    border-left: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonset.ffwidget-buttonset-tabs label:last-child > .ffwidget-setbutton,
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset label:last-child > .ffwidget-setbutton {
    border-right: none; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup td .ffwidget-label {
    padding: 0.2em 0.5em;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.2);
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:first-child td:first-child .ffwidget-label {
    border-radius: 0px 0 0 0; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:first-child td:last-child .ffwidget-label {
    border-radius: 0 0px 0 0; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:last-child td:first-child .ffwidget-label {
    border-radius: 0 0 0 0px; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:last-child td:last-child .ffwidget-label {
    border-radius: 0 0 0px 0; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:first-child:last-child td:first-child .ffwidget-label {
    border-radius: 0px 0 0 0px; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:first-child:last-child td:last-child .ffwidget-label {
    border-radius: 0 0px 0px 0; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:first-child td:first-child:last-child .ffwidget-label {
    border-radius: 0px 0px 0 0; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:last-child td:first-child:last-child .ffwidget-label {
    border-radius: 0 0 0px 0px; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup tr:first-child:last-child td:first-child:last-child .ffwidget-label {
    border-radius: 0px; }
  [data-ffwtheme^="fferries-"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: #969696;
    background: -moz-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #c4c4c4));
    background: -webkit-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -o-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: -ms-linear-gradient(top, #969696 0%, #c4c4c4 100%);
    background: linear-gradient(to bottom, #969696 0%, #c4c4c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-handle {
    border-radius: 50%;
    border: 1px solid black;
    background-color: #232323;
    box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  [data-ffwtheme^="fferries-"] .ffwidget-tooltip {
    box-shadow: 0.2em 0.2em 10px rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translateX(-50%);
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, black));
    background: -webkit-linear-gradient(top, #45484d 0%, black 100%);
    background: -o-linear-gradient(top, #45484d 0%, black 100%);
    background: -ms-linear-gradient(top, #45484d 0%, black 100%);
    background: linear-gradient(to bottom, #45484d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] :hover > .ffwidget-labelbackground {
    fill: #d0d0d0; }
  [data-ffwtheme^="fferries-"] .ffwidget-tablist {
    background-color: #efefef;
    border-radius: 0px 0px 0 0;
    border: 1px solid #4d4d4d;
    border-bottom: 1px solid black; }
  [data-ffwtheme^="fferries-"] .ffwidget-tablist li.ffwidget-tabitem {
    border-radius: 0px 0px 0 0;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    background: #aaa;
    background: -moz-linear-gradient(top, #aaa 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaa), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #aaa 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #aaa 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #aaa 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #aaa 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    font-family: SourceSansPro, Helvetica, sans-serif; }
  [data-ffwtheme^="fferries-"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 0px solid #232323;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-"] div.ffwidget-tablelement {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    border-radius: 0 0 0px 0px; }
  [data-ffwtheme^="fferries-"] input[type="range"].ffwidget-range {
    border-radius: 0px;
    border: 1px solid #4d4d4d;
    background-color: #aaa;
    height: 4px;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="fferries-"] input[type="range"].ffwidget-range::-moz-range-track {
    border-radius: 0px;
    border: 1px solid #4d4d4d;
    background-color: #aaa;
    height: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="fferries-"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme^="fferries-"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    width: 19px;
    height: 19px;
    background: #eee url('data:image/svg+xml;charcode=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="19" viewBox="0 0 19 19" class="mini-icon mini-icon-vertbars"><path style="stroke: none; fill: black; fill-opacity: 0.3;" d="M5 5.5 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z"></path></svg>') 0 0 no-repeat;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  [data-ffwtheme^="fferries-"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme^="fferries-"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    width: 19px;
    height: 19px;
    background: #eee url('data:image/svg+xml;charcode=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="19" viewBox="0 0 19 19" class="mini-icon mini-icon-vertbars"><path style="stroke: none; fill: black; fill-opacity: 0.3;" d="M5 5.5 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z"></path></svg>') 0 0 no-repeat;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  [data-ffwtheme^="fferries-"] .ffwidget-bordered {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5) inset, -1px -1px 1px rgba(0, 0, 0, 0.3) inset, 1px 1px 1px rgba(255, 255, 255, 0.5); }

[data-ffwtheme^="fferries-normal"] {
  /*** Lists ****/
  /*** Table ****/
  /**** notifier (vnotifier) **************/
  /**** Notice box ************************/ }
  [data-ffwtheme^="fferries-normal"] .ffwidget-background-colored {
    background: #8dc5dd;
    background: -moz-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dc5dd), color-stop(100%, #8dc5dd));
    background: -webkit-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: -o-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: -ms-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: linear-gradient(to bottom, #8dc5dd 0%, #8dc5dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-bottom: 5px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-highlight {
    background: #009fe3;
    color: #efefef; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-highlight-soft {
    background: #c1d395;
    color: #232323; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-highlight-wrapper {
    box-shadow: inset 6px 0 0 #c1d395; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-highlight svg path.mini-icon-foreground {
    fill: #efefef; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-hoverhighlight:hover {
    background-color: #c1d395;
    color: #232323; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-hoverhighlight:hover svg path.mini-icon-foreground {
    fill: #232323; }
  [data-ffwtheme^="fferries-normal"] .buttonselected .ffwidget-button,
  [data-ffwtheme^="fferries-normal"] .ffwidget-button.buttonselected,
  [data-ffwtheme^="fferries-normal"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="fferries-normal"] input:checked + .ffwidget-setbutton,
  [data-ffwtheme^="fferries-normal"] table.ffwidget-buttongroup input:checked + .ffwidget-label {
    background: #8dc5dd;
    background: -moz-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dc5dd), color-stop(100%, #8dc5dd));
    background: -webkit-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: -o-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: -ms-linear-gradient(top, #8dc5dd 0%, #8dc5dd 100%);
    background: linear-gradient(to bottom, #8dc5dd 0%, #8dc5dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="fferries-normal"] .ffwidget-menubutton.menuactive {
    background: #8dc5dd;
    background: -moz-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dc5dd), color-stop(100%, #009fe3));
    background: -webkit-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: -o-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: -ms-linear-gradient(top, #8dc5dd 0%, #009fe3 100%);
    background: linear-gradient(to bottom, #8dc5dd 0%, #009fe3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border-color: #004d6e; }
  [data-ffwtheme^="fferries-normal"] input[type="range"].ffwidget-range {
    border: 1px solid #94c11f;
    background-color: #c1d395; }
  [data-ffwtheme^="fferries-normal"] input[type="range"].ffwidget-range::-moz-range-track {
    border: 1px solid #94c11f;
    background-color: #c1d395; }
  [data-ffwtheme^="fferries-normal"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme^="fferries-normal"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    background: #009fe3 url('data:image/svg+xml;charcode=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="19" viewBox="0 0 19 19" class="mini-icon mini-icon-vertbars"><path style="stroke: none; fill: black; fill-opacity: 0.3;" d="M5 5.5 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z"></path></svg>') 0 0 no-repeat; }
  [data-ffwtheme^="fferries-normal"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme^="fferries-normal"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    background: #009fe3 url('data:image/svg+xml;charcode=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="19" viewBox="0 0 19 19" class="mini-icon mini-icon-vertbars"><path style="stroke: none; fill: black; fill-opacity: 0.3;" d="M5 5.5 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z m2 0 h1 v8 h-1z"></path></svg>') 0 0 no-repeat; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-ridge {
    background-color: #009fe3; }
  [data-ffwtheme^="fferries-normal"] :hover > .ffwidget-labelbackground {
    fill: #8dc5dd; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-top: 5px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] svg .icon-highlight {
    fill: #009fe3; }
  [data-ffwtheme^="fferries-normal"] ul.ffwidget-blocklist > li.ffwidget-listitem {
    background-color: #edf5f9;
    border: 1px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] ul.ffwidget-blocklist .ffwidget-listitem-head {
    background-color: #8dc5dd;
    color: #232323; }
  [data-ffwtheme^="fferries-normal"] ul.ffwidget-blocklist .ffwidget-listitem-title {
    font-weight: bold; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table {
    background-color: white;
    color: #232323;
    border: 1px solid #009fe3;
    font-family: SourceSansPro, helvetica, Arial, sans-serif; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table caption {
    color: #004d6e; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table thead {
    background-color: transparent;
    color: #009fe3;
    border-bottom: 1px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table thead th {
    border-right: 0px solid #8dc5dd;
    border-left: 0px solid #8dc5dd; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table thead th:first-child {
    border-left: 1px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table thead th:last-child {
    border-right: 1px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr {
    border-bottom: 1px solid #c1d395; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr:last-child {
    border-bottom: none; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr:nth-child(odd) {
    background-color: white; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr:nth-child(even) {
    background-color: #f9f9f9; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr:hover {
    background-color: #e9f0d8; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr.ffwidget-rowselected {
    background-color: #e9f0d8;
    color: black; }
  [data-ffwtheme^="fferries-normal"] .vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification {
    border: 2px solid #009fe3;
    background-color: rgba(220, 240, 255, 0.95);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.7), 0 0 5px 3px #009fe3, 10px 10px 15px rgba(0, 0, 0, 0.2);
    color: #232323;
    font-family: GlacialIndifference, SourceSansPro, helvetica, sans-serif; }
  [data-ffwtheme^="fferries-normal"] .vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification:hover {
    background-color: rgba(225, 245, 255, 0.98); }
  [data-ffwtheme^="fferries-normal"] .vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification .vnotifier-notification-icon svg[class*="icon"] path {
    fill: #232323; }
  [data-ffwtheme^="fferries-normal"] .vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification .vnotifier-notification-message h1 {
    border-bottom: 1px solid #009fe3;
    border-bottom: 2px solid #94c11f; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-box,
  [data-ffwtheme^="fferries-normal"] .ffwidget-box-warning {
    border: 1px solid #009fe3;
    background: #efefef;
    border-radius: 4px;
    overflow: hidden; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-box {
    box-shadow: 0 0 3px 1px #94c11f; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-box h2.ffwidget-box-title,
  [data-ffwtheme^="fferries-normal"] .ffwidget-box-warning h2.ffwidget-box-title {
    background: #009fe3;
    color: #efefef;
    border-bottom: 1px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-box-warning {
    border: 1px solid #a00;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    background: #fee; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-box-warning h2.ffwidget-box-title {
    background: #a00;
    color: #efefef;
    border-bottom: 1px solid #a00; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-black svg .mini-icon-foreground {
    fill: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-red svg .mini-icon-foreground {
    fill: #DD3B09; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-orange svg .mini-icon-foreground {
    fill: #EEA30E; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-yellow svg .mini-icon-foreground {
    fill: #F8E95A; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-green svg .mini-icon-foreground {
    fill: #c1d395; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-blue svg .mini-icon-foreground {
    fill: #009fe3; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-violet svg .mini-icon-foreground {
    fill: #DB7DDD; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-brown svg .mini-icon-foreground {
    fill: #AE6C0F; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-correct svg .mini-icon-foreground {
    fill: #9EBC53; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-correctlight svg .mini-icon-foreground {
    fill: #EFF4E2; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-wrong svg .mini-icon-foreground {
    fill: #BC5353; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-wronglight svg .mini-icon-foreground {
    fill: #F4E2E6; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-black {
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-red {
    color: #DD3B09; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-orange {
    color: #EEA30E; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-yellow {
    color: #F8E95A; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-green {
    color: #c1d395; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-blue {
    color: #009fe3; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-violet {
    color: #DB7DDD; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-brown {
    color: #AE6C0F; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-correct {
    color: #9EBC53; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-correctlight {
    color: #EFF4E2; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-wrong {
    color: #BC5353; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-color-wronglight {
    color: #F4E2E6; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-black {
    background-color: #3b3b2b;
    color: #fafafa; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-red {
    background-color: #DD3B09;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-orange {
    background-color: #EEA30E;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-yellow {
    background-color: #F8E95A;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-green {
    background-color: #c1d395;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-blue {
    background-color: #009fe3;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-violet {
    background-color: #DB7DDD;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-brown {
    background-color: #AE6C0F;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-correct {
    background-color: #9EBC53;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-correctlight {
    background-color: #EFF4E2;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-wrong {
    background-color: #BC5353;
    color: #3b3b2b; }
  [data-ffwtheme^="fferries-normal"] .ffwidget-backgroundcolor-wronglight {
    background-color: #F4E2E6;
    color: #3b3b2b; }

/****************************
 * emathstudio-* themes for ffwidget
 * Petri Salmela <petri.salmela@fourferries.fi>
 * 11.03.2020 Four Ferries Oy
 * _ffwidget-emathstudio.scss
 ****************************/
/***** css variables: color ******/
[data-ffwtheme^="emathstudio-"] {
  --ffwbase-lightest: #f7f7f7;
  --ffwbase-midlight: #888;
  --ffwbase-middle: #666666;
  /* #666 */
  --ffwbase-selectdark: #969696;
  /* #969696 */
  --ffwbase-selectlight: #c4c4c4;
  /* #c4c4c4 */
  --ffwbase-dark-transp: rgba(0, 0, 0, 0.2);
  --ffwbase-light-transp: rgba(200, 200, 200, 0.5);
  --ffwbase-lightest-transp: rgba(255, 255, 255, 0.5);
  --ffwwarning-light: #fee;
  --ffwwarning: #f00;
  --ffwwarning-dark: #a00;
  --ffwnote-light: #ffe;
  --ffwnote: #ffb;
  --ffwnote-dark: #ff8;
  --ffwcolor-white: #fafafa;
  --ffwcolor-black: #3b3b3b;
  --ffwcolor-red: #dd3b09;
  --ffwcolor-orange: #e0800e;
  /* #eea30e; */
  --ffwcolor-yellow: #f8e95a;
  --ffwcolor-green: #008000;
  /* #c1d395; */
  --ffwcolor-blue: #006fe3;
  --ffwcolor-violet: #db7ddd;
  --ffwcolor-brown: #8e5c0f;
  --ffwcolor-lightred: #f5cac1;
  --ffwcolor-lightorange: #f5dbc2;
  --ffwcolor-lightyellow: #fcf8d2;
  --ffwcolor-lightgreen: #bcdac0;
  --ffwcolor-lightblue: #bcd5f7;
  --ffwcolor-lightviolet: #f3daf5;
  --ffwcolor-lightbrown: #ded1c1;
  --ffwcolor-lightred: #ffe1e0;
  --ffwcolor-lightorange: #ffecd9;
  --ffwcolor-lightyellow: #fffeed;
  --ffwcolor-lightgreen: #d7eada;
  --ffwcolor-lightblue: #d9e9ff;
  --ffwcolor-lightviolet: #fdebff;
  --ffwcolor-lightbrown: #efe4d7;
  --emath-mainprimary: #5eb130;
  --emath-maindark: #2b3846;
  --emath-mainlight: #ffffff;
  --emath-extradark: #1f1f1f;
  --emath-extralight: #e2e6e9;
  --emath-extraspot: #fed700;
  --emath-extralight2: #d4d8da;
  --emath-extraspot2: #ea6852;
  --emath-extracorrect: #86c564;
  --emath-extralink: #327C89;
  --emath-extralinklight: #4dc2d4;
  --emath-extralinklighter: #f2f8f8;
  --emath-extralightprimary: #edf6e9;
  --ffwcorrect-light: var(--emath-extracorrect);
  --ffwcorrect-normal: var(--emath-mainprimary);
  --ffwwrong-light: #f4b4a9;
  --ffwwrong-normal1: #bc4343;
  --ffwwrong-normal: var(--emath-extraspot2);
  --ffwbase-light: var(--emath-mainlight);
  --ffwbase-dark: var(--emath-maindark);
  --ffwbase-lighter: var(--emath-extralight);
  --ffwbase-link: var(--emath-extralink);
  --ffwbase-linklight: var(--emath-extralinklight);
  --ffwradius-tiny: 0px;
  --ffwradius-small: 2px;
  --ffwradius-default: 0.25rem;
  --ffwiconsize-tiny: 15px;
  --ffwiconsize-small: 20px;
  --ffwiconsize-middle: 30px;
  --ffwiconsize-large: 40px;
  --ffwiconsize-huge: 50px;
  --ffwiconsize-text: 1.1em;
  --ffwfonts: OpenSans, Helvetica, sans-serif;
  --ffwfonts-special: GlacialIndifference, Helvetica, sans-serif;
  --emath-fonttitle: FrankRuhlLibre, "Times Roman", serif;
  --ffwfonts-title: var(--emath-fonttitle);
  --emath-handwrite: PermanentMarker, "Comic Sans MS";
  --ffwfonts-handwrite: var(--emath-handwrite);
  font-family: var(--ffwfonts);
  /**** title *****/
  /**** input text/password/number ****/
  /**** input checkbox ****/
  /**** input radio ****/
  /**** range *****/
  /**
   * Buttons
   **/
  /**
   * Buttonset
   **/
  /**
   * Buttonset tabs
   **/
  /**
   * Select
   **/
  /**** tablist ***********/
  /**** table **************/
  /*** Lists ****/
  /**
   * Highlights
   **/
  /**
   * Popup menu
   **/
  /**
   * Links and fake links
   **/
  /**
   * SVG icons
   **/ }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background {
    background: var(--emath-mainlight);
    color: var(--emath-maindark); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background svg .mini-icon-foreground, [data-ffwtheme^="emathstudio-"] .ffwidget-background svg .mini-icon-foreground path {
      fill: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse {
    background: var(--emath-maindark);
    color: var(--emath-mainlight); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse svg .mini-icon-foreground, [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse svg .mini-icon-foreground path {
      fill: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-colored {
    background: var(--emath-extralight);
    color: var(--emath-maindark);
    border: none;
    border-bottom: 5px solid var(--emath-mainprimary);
    padding: 5px 10px; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-coloredlight {
    background: var(--emath-extralightprimary, --ffwbase-lightest); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-title {
    color: var(--emath-maindark);
    font-size: 180%;
    font-weight: normal;
    margin: 0;
    text-shadow: none;
    font-family: var(--emath-fonttitle);
    text-align: center; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-title,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse.ffwidget-title {
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] input[type="text"].ffwidget-input,
  [data-ffwtheme^="emathstudio-"] input[type="number"].ffwidget-input,
  [data-ffwtheme^="emathstudio-"] input[type="password"].ffwidget-input {
    background-color: var(--emath-mainlight);
    border: 1px solid var(--emath-mainprimary);
    border-radius: var(--ffwradius-small);
    padding: 0.3em;
    margin: 0.2em; }
  [data-ffwtheme^="emathstudio-"] input[type="text"].ffwidget-input:not(:valid),
  [data-ffwtheme^="emathstudio-"] input[type="number"].ffwidget-input:not(:valid),
  [data-ffwtheme^="emathstudio-"] input[type="password"].ffwidget-input:not(:valid) {
    background-color: var(--ffwwarning-light);
    border-color: var(--ffwwarning-dark);
    box-shadow: none; }
  [data-ffwtheme^="emathstudio-"] input[type="text"][disabled].ffwidget-input,
  [data-ffwtheme^="emathstudio-"] input[type="number"][disabled].ffwidget-input,
  [data-ffwtheme^="emathstudio-"] input[type="password"][disabled].ffwidget-input {
    background-color: var(--emath-extralight);
    border-color: var(--ffwbase-light);
    color: var(--ffwbase-light);
    box-shadow: none; }
  [data-ffwtheme^="emathstudio-"] input[type="checkbox"].ffwidget-input::before {
    border: none;
    background-color: var(--emath-mainlight);
    background: var(--emath-mainlight) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: white; stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(45,56,70); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="checkbox"].ffwidget-input:disabled::before {
    background: var(--emath-mainlight) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: rgb(240,240,240); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(187,187,187); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="checkbox"].ffwidget-input:checked::before {
    background: var(--emath-mainlight) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: white; stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(45,56,70); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path><path style='fill: rgb(94,177,48); stroke: none;' d='M5 5 l10 6 l10 -6 l-6 10 l6 10 l-10 -6 l-10 6 l6 -10z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="checkbox"].ffwidget-input:disabled:checked::before {
    background: var(--emath-mainlight) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-check'><path style='fill: rgb(240,240,240); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(187,187,187); stroke: none;' d='M2 6 a4 4 0 0 1 4 -4 h18 a4 4 0 0 1 4 4 v18 a4 4 0 0 1 -4 4 h-18 a4 4 0 0 1 -4 -4z m2 0 v18 a2 2 0 0 0 2 2 h18 a2 2 0 0 0 2 -2 v-18 a2 2 0 0 0 -2 -2 h-18 a2 2 0 0 0 -2 2z'></path><path style='fill: rgb(120,120,120); stroke: none;' d='M5 5 l10 6 l10 -6 l-6 10 l6 10 l-10 -6 l-10 6 l6 -10z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="radio"].ffwidget-input::before {
    background-color: var(--emath-mainlight);
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: white; stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(45,56,70); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="radio"].ffwidget-input:disabled::before {
    background-color: var(--emath-extralight, #ddd);
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: rgb(187,187,187); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="radio"].ffwidget-input:checked::before {
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: white; stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z'></path><path style='fill: rgb(45,56,70); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path><path style='fill: rgb(94,177,48); stroke: none;' d='M15 7 a8 8 0 0 0 0 16 a8 8 0 0 0 0 -16z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="radio"].ffwidget-input:disabled:checked::before {
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.05em' height='1.05em' viewBox='0 0 30 30' class='mini-icon mini-icon-radio'><path style='fill: rgb(187,187,187); stroke: none;' d='M15 2 a13 13 0 0 0 0 26 a13 13 0 0 0 0 -26z m0 2 a11 11 0 0 1 0 22 a11 11 0 0 1 0 -22z'></path><path style='fill: rgb(128,128,128); stroke: none;' d='M15 7 a8 8 0 0 0 0 16 a8 8 0 0 0 0 -16z'></path></svg>") center center no-repeat; }
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-range {
    border-radius: var(--ffwradius-default);
    border: 1px solid var(--emath-maindark);
    background-color: var(--emath-mainlight);
    height: 4px;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-range::-moz-range-track {
    border-radius: var(--ffwradius-default);
    border: 1px solid var(--emath-maindark);
    background-color: var(--emath-mainlight);
    height: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); }
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-range:focus {
    outline: none;
    background: var(--emath-extraspot); }
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-range:focus::-moz-range-track {
    outline: none;
    background: var(--emath-extraspot); }
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-range::-webkit-slider-thumb,
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
    width: 19px;
    height: 19px;
    border: 1px solid var(--emath-maindark);
    background: var(--emath-mainprimary);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-range::-moz-range-thumb,
  [data-ffwtheme^="emathstudio-"] input[type="range"].ffwidget-rangethumb::-moz-range-thumb {
    width: 19px;
    height: 19px;
    border: 1px solid var(--emath-maindark);
    background: var(--emath-mainprimary);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button {
    color: var(--emath-maindark);
    border-radius: var(--ffwradius-default);
    border: 1px solid var(--emath-maindark);
    background: var(--ffwbase-lightest);
    background: -moz-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwbase-lightest)), color-stop(100%, var(--ffwbase-lighter)));
    background: -webkit-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: -o-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: -ms-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: linear-gradient(to bottom, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.2);
    min-width: 3em;
    padding: 0.5em 1.5em;
    font-size: 0.875em;
    line-height: 1.25em; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-large {
    font-weight: bold;
    box-shadow: none; }
  [data-ffwtheme^="emathstudio-"] .buttonselected .ffwidget-button,
  [data-ffwtheme^="emathstudio-"] .ffwidget-button.buttonselected,
  [data-ffwtheme^="emathstudio-"] .ffwidget-button:active {
    color: var(--emath-maindark);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
    [data-ffwtheme^="emathstudio-"] .buttonselected .ffwidget-button svg .mini-icon-foreground,
    [data-ffwtheme^="emathstudio-"] .ffwidget-button.buttonselected svg .mini-icon-foreground,
    [data-ffwtheme^="emathstudio-"] .ffwidget-button:active svg .mini-icon-foreground {
      fill: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-normal {
    color: var(--emath-mainprimary);
    background: var(--emath-mainlight);
    border: 1px dotted var(--emath-maindark);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-normal svg .mini-icon-foreground {
      fill: var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-normal {
    color: var(--emath-maindark);
    background-color: var(--emath-mainlight);
    border: none;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    font-weight: bold; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-normal svg .mini-icon-foreground {
      fill: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-normal:hover {
    color: var(--emath-mainprimary); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-normal:hover svg .mini-icon-foreground {
      fill: var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-default {
    color: var(--emath-extralink);
    font-weight: bold;
    text-shadow: none;
    background: var(--emath-extralight);
    background: -moz-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-extralight)), color-stop(100%, var(--emath-extralight)));
    background: -webkit-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: -o-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: -ms-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: linear-gradient(to bottom, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--emath-extralight);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-default svg .mini-icon-foreground {
      fill: var(--emath-extralink); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-default {
    color: var(--emath-mainprimary);
    font-weight: bold;
    text-shadow: none;
    background: var(--emath-extralightprimary);
    background: -moz-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-extralightprimary)), color-stop(100%, var(--emath-extralightprimary)));
    background: -webkit-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: -o-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: -ms-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: linear-gradient(to bottom, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--emath-extralightprimary);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-default svg .mini-icon-foreground {
      fill: var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-yes {
    color: var(--emath-mainlight);
    font-weight: bold;
    text-shadow: none;
    background: var(--emath-mainprimary);
    background: -moz-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-mainprimary)), color-stop(100%, var(--emath-mainprimary)));
    background: -webkit-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: -o-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: -ms-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: linear-gradient(to bottom, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--emath-mainprimary);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-yes svg .mini-icon-foreground {
      fill: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-warning {
    color: var(--emath-mainlight);
    background: var(--ffwwarning);
    background: -moz-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwwarning)), color-stop(100%, var(--ffwwarning)));
    background: -webkit-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: -o-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: -ms-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: linear-gradient(to bottom, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--ffwwarning);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-warning svg .mini-icon-foreground {
      fill: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-link {
    background: transparent;
    color: var(--ffwbase-link);
    text-decoration: underline;
    border: none;
    box-shadow: none;
    padding: 0.1em; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-link svg .mini-icon-foreground {
      fill: var(--ffwbase-link); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-link:active {
    box-shadow: none;
    color: var(--emath-extraspot2); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-pale {
    color: var(--emath-maindark);
    text-shadow: none;
    background: var(--emath-mainlight);
    background: -moz-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lightest) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-mainlight)), color-stop(100%, var(--ffwbase-lightest)));
    background: -webkit-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lightest) 100%);
    background: -o-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lightest) 100%);
    background: -ms-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lightest) 100%);
    background: linear-gradient(to bottom, var(--emath-mainlight) 0%, var(--ffwbase-lightest) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-darker {
    color: var(--emath-maindark);
    text-shadow: none;
    background: var(--ffwbase-lighter);
    background: -moz-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwbase-lighter)), color-stop(100%, var(--ffwbase-lighter)));
    background: -webkit-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
    background: -o-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
    background: -ms-linear-gradient(top, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
    background: linear-gradient(to bottom, var(--ffwbase-lighter) 0%, var(--ffwbase-lighter) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-darkest {
    color: var(--emath-mainlight, white);
    text-shadow: none;
    background: var(--emath-maindark, black); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-button-darkest span.ffwidget-buttonlabel {
      color: var(--emath-mainlight, white) !important; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-light {
    border: none;
    color: var(--emath-maindark);
    font-weight: normal;
    background: transparent;
    box-shadow: none;
    padding: 0.1em 0.2em; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar-light .ffwidget-button {
    border: none;
    color: var(--emath-maindark);
    font-weight: normal;
    background: transparent;
    box-shadow: none;
    padding: 0.1em 0.2em; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button:disabled,
  [data-ffwtheme^="emathstudio-"] .ffwidget-button[disabled] {
    color: var(--ffwbase-midlight);
    background: var(--emath-extralight);
    border: none; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button:disabled svg .mini-icon-foreground,
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-deactivated svg .mini-icon-foreground {
    fill: var(--ffwbase-midlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-button:disabled .ffwidget-buttonlabel,
  [data-ffwtheme^="emathstudio-"] .ffwidget-button-deactivated .ffwidget-buttonlabel {
    color: var(--ffwbase-midlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-ffwselect-default {
    color: var(--emath-mainprimary);
    font-weight: bold;
    text-shadow: none;
    background: var(--emath-extralightprimary);
    background: -moz-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-extralightprimary)), color-stop(100%, var(--emath-extralightprimary)));
    background: -webkit-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: -o-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: -ms-linear-gradient(top, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    background: linear-gradient(to bottom, var(--emath-extralightprimary) 0%, var(--emath-extralightprimary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--emath-extralightprimary);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-ffwselect-default svg .mini-icon-foreground {
      fill: var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background .ffwidget-buttonbar-light .ffwidget-button {
    border: none;
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button-normal {
    border: 1px solid var(--emath-mainprimary);
    background: var(--emath-maindark);
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button-default {
    text-shadow: none;
    color: var(--emath-extralink);
    background: var(--emath-extralight);
    background: -moz-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-extralight)), color-stop(100%, var(--emath-extralight)));
    background: -webkit-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: -o-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: -ms-linear-gradient(top, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    background: linear-gradient(to bottom, var(--emath-extralight) 0%, var(--emath-extralight) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--emath-extralight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button-yes {
    color: var(--emath-mainlight);
    text-shadow: none;
    border: 1px solid var(--emath-mainprimary);
    background: var(--emath-mainprimary);
    background: -moz-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-mainprimary)), color-stop(100%, var(--emath-mainprimary)));
    background: -webkit-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: -o-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: -ms-linear-gradient(top, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    background: linear-gradient(to bottom, var(--emath-mainprimary) 0%, var(--emath-mainprimary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button-warning {
    color: var(--emath-mainlight);
    background: var(--ffwwarning);
    background: -moz-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwwarning)), color-stop(100%, var(--ffwwarning)));
    background: -webkit-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: -o-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: -ms-linear-gradient(top, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    background: linear-gradient(to bottom, var(--ffwwarning) 0%, var(--ffwwarning) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    border: 1px solid var(--ffwwarning); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button-pale {
    color: var(--emath-mainlight);
    text-shadow: none;
    background: var(--emath-maindark);
    background: -moz-linear-gradient(top, var(--emath-maindark) 0%, var(--emath-maindark) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-maindark)), color-stop(100%, var(--emath-maindark)));
    background: -webkit-linear-gradient(top, var(--emath-maindark) 0%, var(--emath-maindark) 100%);
    background: -o-linear-gradient(top, var(--emath-maindark) 0%, var(--emath-maindark) 100%);
    background: -ms-linear-gradient(top, var(--emath-maindark) 0%, var(--emath-maindark) 100%);
    background: linear-gradient(to bottom, var(--emath-maindark) 0%, var(--emath-maindark) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonbar-light .ffwidget-button {
    border: none;
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button:active {
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-button-normal:active {
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-colored .ffwidget-button-default {
    border: 1px solid var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset {
    margin: 2px 0.5em; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton {
    font-size: 100%;
    padding: 0.2em 0.5em;
    border: 1px solid var(--emath-maindark);
    border-bottom: none;
    border-top: none;
    border-radius: 0;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.2);
    background: var(--ffwbase-lightest);
    background: -moz-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwbase-lightest)), color-stop(100%, var(--ffwbase-lighter)));
    background: -webkit-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: -o-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: -ms-linear-gradient(top, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    background: linear-gradient(to bottom, var(--ffwbase-lightest) 0%, var(--ffwbase-lighter) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    font-family: var(--ffwfonts);
    color: var(--emath-basedark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton:hover {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.8); }
  [data-ffwtheme^="emathstudio-"] .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton:first-child {
    border-radius: var(--ffwradius-tiny) var(--ffwradius-tiny) 0 0;
    border-top: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton:last-child {
    border-radius: 0 0 var(--ffwradius-tiny) var(--ffwradius-tiny);
    border-bottom: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton:first-child:last-child {
    border-radius: var(--ffwradius-tiny); }
  [data-ffwtheme^="emathstudio-"] label > .ffwidget-setbutton:last-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal label > .ffwidget-setbutton:last-child {
    border-radius: 0; }
  [data-ffwtheme^="emathstudio-"] label:first-child > .ffwidget-setbutton {
    border-radius: var(--ffwradius-tiny) var(--ffwradius-tiny) 0 0;
    border-top: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] label:last-child > .ffwidget-setbutton {
    border-radius: 0 0 var(--ffwradius-tiny) var(--ffwradius-tiny);
    border-bottom: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] label:first-child:last-child > .ffwidget-setbutton {
    border-radius: var(--ffwradius-tiny); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset .ffwidget-setbutton {
    border: 1px solid var(--emath-maindark);
    border-left: none;
    border-right: none; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal > .ffwidget-setbutton:first-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset > .ffwidget-setbutton:first-child {
    border-radius: var(--ffwradius-tiny) 0 0 var(--ffwradius-tiny);
    border-left: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal > .ffwidget-setbutton:last-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset > .ffwidget-setbutton:last-child {
    border-radius: 0 var(--ffwradius-tiny) var(--ffwradius-tiny) 0;
    border-right: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal > .ffwidget-setbutton:first-child:last-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset > .ffwidget-setbutton:first-child:last-child {
    border-radius: var(--ffwradius-tiny); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal label:first-child > .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset label:first-child > .ffwidget-setbutton {
    border-radius: var(--ffwradius-tiny) 0 0 var(--ffwradius-tiny);
    border-left: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal label:last-child > .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset label:last-child > .ffwidget-setbutton {
    border-radius: 0 var(--ffwradius-tiny) var(--ffwradius-tiny) 0;
    border-right: 1px solid var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-horizontal label:first-child:last-child > .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset label:first-child:last-child > .ffwidget-setbutton {
    border-radius: var(--ffwradius-tiny); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-setbutton {
    background: var(--emath-maindark);
    color: var(--emath-mainprimary);
    border: 1px solid var(--emath-mainprimary);
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-setbutton .ffwidget-buttonicon svg .mini-icon-foreground {
      fill: var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-setbutton.buttonselected {
    color: var(--emath-maindark); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .buttonselected .ffwidget-setbutton .ffwidget-buttonicon svg .mini-icon-foreground,
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-setbutton.buttonselected .ffwidget-buttonicon svg .mini-icon-foreground {
      fill: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-setbutton:active {
    color: var(--emath-mainlight); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-setbutton:active .ffwidget-buttonicon svg .mini-icon-foreground {
      fill: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-horizontal > .ffwidget-setbutton:first-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse.ffwidget-buttonset.ffwidget-horizontal > .ffwidget-setbutton:first-child {
    border-left: 1px solid var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-horizontal > .ffwidget-setbutton:last-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse.ffwidget-buttonset.ffwidget-horizontal > .ffwidget-setbutton:last-child {
    border-right: 1px solid var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-horizontal label:first-child > .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse.ffwidget-buttonset.ffwidget-horizontal label:first-child > .ffwidget-setbutton {
    border-left: 1px solid var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-horizontal label:last-child > .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse.ffwidget-buttonset.ffwidget-horizontal label:last-child > .ffwidget-setbutton {
    border-right: 1px solid var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-button,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar .ffwidget-buttonset {
    margin: 2px 0.1em;
    font-size: 100%; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-button,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:first-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:last-child,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light label:first-child > .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light label:last-child > .ffwidget-setbutton {
    border: none;
    box-shadow: none;
    background: transparent; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton:hover,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:hover,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-button:hover {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.8); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:hover:active,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-setbutton:active,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-button:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) .buttonselected .ffwidget-setbutton,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) input:checked + .ffwidget-setbutton {
    box-shadow: inset 0 -5px 0 var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) .buttonselected .ffwidget-setbutton:hover,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) .ffwidget-setbutton.buttonselected:hover,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) input:checked + .ffwidget-setbutton:hover,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) .buttonselected .ffwidget-setbutton:active,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) .ffwidget-setbutton.buttonselected:active,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset:not(.ffwidget-buttonset-tabs) input:checked + .ffwidget-setbutton:active {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 -5px 0 var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="emathstudio-"] input:checked + .ffwidget-setbutton {
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), inset 0 3px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 8px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: var(--ffwbase-selectdark);
    background: -moz-linear-gradient(top, var(--ffwbase-selectdark) 0%, var(--ffwbase-selectlight) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ffwbase-selectdark)), color-stop(100%, var(--ffwbase-selectlight)));
    background: -webkit-linear-gradient(top, var(--ffwbase-selectdark) 0%, var(--ffwbase-selectlight) 100%);
    background: -o-linear-gradient(top, var(--ffwbase-selectdark) 0%, var(--ffwbase-selectlight) 100%);
    background: -ms-linear-gradient(top, var(--ffwbase-selectdark) 0%, var(--ffwbase-selectlight) 100%);
    background: linear-gradient(to bottom, var(--ffwbase-selectdark) 0%, var(--ffwbase-selectlight) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 ); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs {
    border-radius: 0;
    box-shadow: none; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton {
      background: transparent;
      border-radius: var(--ffwradius-tiny);
      padding: 0.5em 0.5em;
      margin: 0 0.5em;
      border: none;
      border-bottom: 0.5em solid transparent;
      box-shadow: none;
      font-family: var(--ffwfonts);
      font-size: 90%; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:first-child,
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton:last-child,
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs label:first-child > .ffwidget-setbutton,
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs label:last-child > .ffwidget-setbutton {
      border: none;
      border-radius: 0; }
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton.buttonselected,
    [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs input:checked + .ffwidget-setbutton {
      border-bottom: 0.5em solid var(--emath-mainprimary);
      font-weight: bold;
      box-shadow: none; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs.ffwidget-buttonset-blocktabs .ffwidget-setbutton {
    border-bottom: none;
    font-size: 80%; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs.ffwidget-buttonset-blocktabs .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs.ffwidget-buttonset-blocktabs input:checked + .ffwidget-setbutton {
    border-bottom: none; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs.ffwidget-buttonset-blocktabs .ffwidget-setbutton::after {
    content: "";
    display: block;
    height: 0.7em;
    width: 10em;
    margin: 0.3em auto 0; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs.ffwidget-buttonset-blocktabs .ffwidget-setbutton.buttonselected::after,
  [data-ffwtheme^="emathstudio-"] .ffwidget-buttonset.ffwidget-buttonset-tabs.ffwidget-buttonset-blocktabs input:checked + .ffwidget-setbutton::after {
    background-color: var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton {
    background: transparent;
    color: var(--emath-mainlight);
    border-radius: var(--ffwradius-tiny); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-buttonset-tabs .ffwidget-setbutton.buttonselected,
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-buttonset.ffwidget-buttonset-tabs input:checked + .ffwidget-setbutton {
    box-shadow: inset 0 -5px 0 var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] select.ffwidget-input {
    border-radius: var(--ffwradius-tiny);
    border: 1px solid var(--emath-mainprimary);
    padding: 0.3em 0.5em;
    padding-right: 1.6em;
    margin: 0.2em;
    color: var(--emath-maindark);
    background: var(--ffwbase-lightest-transp) url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.5em' height='1.1em' viewBox='-5 0 35 30' class='mini-icon mini-icon-angledown'><path style='stroke: none; fill: rgb(102,102,102);' d='M5 11 l10 10 l10 -10 l2 2 l-12 12 l-12 -12z'></path></svg>") right center no-repeat; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse select.ffwidget-input {
    background: transparent url("data:image/svg+xml;charcode=utf-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1.1em' height='1.1em' viewBox='0 0 30 30' class='mini-icon mini-icon-angledown'><path style='stroke: none; fill: rgb(255,255,255);' d='M5 11 l10 10 l10 -10 l2 2 l-12 12 l-12 -12z'></path></svg>") right center no-repeat;
    color: var(--emath-mainlight); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse select.ffwidget-input option {
      -moz-appearance: none;
      -webkit-appearance: none;
      background-color: var(--emath-maindark);
      color: var(--emath-mainlight); }
    [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse select.ffwidget-input option:hover {
      background-color: var(--emath-mainprimary);
      color: var(--emath-extralight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tabwrapper {
    margin: 0.5em 0;
    background: transparent; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tablist {
    background: var(--emath-mainlight);
    list-style: none;
    padding: 0.2em 0.5em 0;
    border-radius: var(--ffwradius-tiny);
    margin: 0;
    /*     white-space: nowrap; */
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    user-select: none; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tablist.ffwidget-tablist-center {
    justify-content: center; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tablist li.ffwidget-tabitem-stretch {
    flex-grow: 1; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tablist li.ffwidget-tabitem {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    padding: 0.6em 0.5em;
    margin: 0 0.15em;
    color: var(--emath-maindark);
    font-family: var(--ffwfonts);
    font-size: 90%;
    border-radius: var(--ffwradius-tiny);
    border: none;
    border-bottom: 0.8em solid var(--emath-mainlight);
    border-bottom: 0.5em solid transparent;
    background: transparent; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tablist li.ffwidget-tabitem .mathquill-editable {
    overflow: hidden;
    background-color: var(--ffwbase-lightest-transp); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-tablist li.ffwidget-tabitem-current {
    border-bottom: 0.5em solid var(--emath-mainprimary);
    font-weight: bold;
    background: transparent; }
  [data-ffwtheme^="emathstudio-"] div.ffwidget-tabelement {
    display: none;
    margin: 0.2em 0.5em;
    border: 1px solid var(--emath-extralight);
    border-radius: var(--ffwradius-tiny);
    margin: 0;
    padding: 0.2em 0.3em 0.2em; }
  [data-ffwtheme^="emathstudio-"] div.ffwidget-tabelement-current {
    display: block; }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table {
    color: var(--emath-maindark);
    border-collapse: collapse;
    border: 1px solid var(--emath-extralight);
    font-size: 90%; }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table caption {
    caption-side: bottom;
    padding: 0.2em 0.5em; }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table thead {
    background-color: var(--emath-mainlight);
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table thead th {
    font-weight: bold;
    text-align: center;
    padding: 0.2em 0.5em 0.7em 0.5em; }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table thead th:first-child {
    border-left: none; }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table thead th:last-child {
    border-right: none; }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table tbody tr:nth-child(odd) {
    background-color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table tbody tr:nth-child(even) {
    background-color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table tbody tr:hover {
    background-color: var(--emath-extralight2);
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table tbody tr.ffwidget-rowselected,
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table tbody tr.ffwidget-rowselected:hover {
    background-color: var(--emath-maindark);
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] table.ffwidget-table tbody tr td {
    padding: 0.2em 0.5em;
    vertical-align: top; }
  [data-ffwtheme^="emathstudio-"] ul.ffwidget-blocklist > li.ffwidget-listitem {
    background-color: var(--emath-mainlight);
    border: 1px solid var(--emath-extralight);
    border-radius: var(--ffwradius-default); }
  [data-ffwtheme^="emathstudio-"] ul.ffwidget-blocklist > li.ffwidget-listitem > .ffwidget-listitem-head {
    background-color: var(--emath-mainprimary);
    color: var(--emath-mainlight);
    border-radius: var(--ffwradius-default) var(--ffwradius-default) var(--ffwradius-tiny) var(--ffwradius-tiny); }
  [data-ffwtheme^="emathstudio-"] ul.ffwidget-blocklist .ffwidget-listitem-title {
    font-weight: bold; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-highlight {
    background: var(--emath-maindark);
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-highlight-soft {
    background: var(--emath-maindark);
    color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-highlight-wrapper {
    box-shadow: inset 6px 0 0 var(--emath-mainprimary); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-highlight svg .mini-icon-foreground {
    fill: var(--emath-extraspot); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-highlight-soft svg .mini-icon-foreground {
    fill: var(--emath-extraspot); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-hoverhighlight:hover {
    background-color: var(--emath-extralight2);
    color: var(--emath-extradark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-hoverhighlight:hover svg .mini-icon-foreground {
    fill: var(--emath-extradark) !important; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-hoverhighlight-soft:hover svg .mini-icon-foreground {
    fill: var(--emath-extradark) !important; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-highlight {
    background: var(--emath-mainlight);
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-highlight-soft {
    background: var(--emath-mainlight);
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-hoverhighlight:hover {
    background-color: var(--emath-mainlight);
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-highlight svg .mini-icon-foreground {
    fill: var(--emath-mainlight) !important; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-hoverhighlight:hover svg .mini-icon-foreground {
    fill: var(--emath-extradark) !important; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-popupmenu {
    background: var(--emath-mainlight);
    background: -moz-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lighter) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--emath-mainlight)), color-stop(100%, var(--ffwbase-lighter)));
    background: -webkit-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lighter) 100%);
    background: -o-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lighter) 100%);
    background: -ms-linear-gradient(top, var(--emath-mainlight) 0%, var(--ffwbase-lighter) 100%);
    background: linear-gradient(to bottom, var(--emath-mainlight) 0%, var(--ffwbase-lighter) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$fromcol", endColorstr="$tocol",GradientType=0 );
    color: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-popupmenu::after {
    border-bottom-color: var(--emath-mainlight); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-popupmenu .ffwidget-menuitem:hover {
    background-color: var(--emath-extraspot); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-popupmenu .ffwidget-menuitem-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-link {
    font-family: var(--ffwfonts);
    color: var(--ffwbase-link); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background .ffwidget-link {
    color: var(--emath-maindark);
    text-decoration: none;
    font-weight: bold; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .ffwidget-link {
    color: var(--emath-mainlight);
    text-decoration: none;
    font-weight: bold; }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background .mini-icon-foreground {
    fill: var(--emath-maindark); }
  [data-ffwtheme^="emathstudio-"] .ffwidget-background-inverse .mini-icon-foreground {
    fill: var(--emath-mainlight); }