@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);*/
/***** baserules *****/
.ffwidget-background,
.ffwidget-background-colored {
  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 );
  color: black; }

.ffwidget-background-inverse {
  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 );
  color: black; }

.ffwidget-highlight,
.ffwidget-hoverhiglight:hover {
  background-color: #aaa; }

.ffwidget-highlight-wrapper {
  box-shadow: -4px 0 0 #aaa; }

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

/**** input text/password ****/
input[type="text"].ffwidget-input,
input[type="password"].ffwidget-input {
  border: 1px solid #aaa;
  border-radius: 2px;
  margin: 2px;
  padding: 1px 2px; }

input[type="text"].ffwidget-input:not(:valid),
input[type="password"].ffwidget-input:not(:valid) {
  background-color: #fee;
  border-color: #a00;
  box-shadow: none; }

input[type="text"][disabled].ffwidget-input,
input[type="password"][disabled].ffwidget-input {
  background-color: #ddd;
  border-color: #aaa;
  color: #aaa;
  box-shadow: none; }

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

input[type="checkbox"].ffwidget-input::before {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  width: 1.1em;
  height: 1.1em;
  border-radius: 0.2em;
  border: 1px solid #aaa;
  margin: 0;
  background-color: white;
  box-sizing: content-box; }

input[type="checkbox"].ffwidget-input:checked::before {
  background: #f9f9f9 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(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 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: middle;
  width: 1.1em;
  height: 1.1em;
  border-radius: 50%;
  border: 1px solid #aaa;
  margin: 0;
  background-color: white;
  box-sizing: content-box; }

input[type="radio"].ffwidget-input:checked::before {
  background: #f9f9f9 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(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; }

/**** Select ****/
select.ffwidget-input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  border: 1px solid #aaa;
  padding: 0.2em;
  padding-right: 1.2em;
  background: #f9f9f9 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; }

/**** button  *****/
.ffwidget-button {
  display: inline-block;
  cursor: pointer;
  padding: 0.1em 0.5em;
  text-decoration: none;
  text-align: center;
  font-family: Helvetica, sans-serif;
  color: black;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  min-width: 2em; }

.ffwidget-button .ffwidget-buttonicon {
  display: block;
  height: 20px; }

.ffwidget-button .ffwidget-buttonicon svg {
  height: 20px;
  width: auto; }

.ffwidget-button .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;
  font-size: 100%; }

a.ffwidget-button {
  color: black; }

.ffwidget-button::first-letter {
  text-transform: capitalize; }

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

.ffwidget-button[disabled] {
  color: #888; }

/**** 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-transform: capitalize;
  text-decoration: none;
  font-family: Helvetica, sans-serif;
  color: black;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: transparent; }

.ffwidget-setbutton .ffwidget-buttonicon {
  display: block;
  height: 20px; }

.ffwidget-setbutton .ffwidget-buttonicon svg {
  height: 20px;
  width: auto; }

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

.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: Helvetica, sans-serif;
  color: white;
  box-shadow: none;
  background: #969696; }

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

/**** buttonbar *****/
.ffwidget-buttonbar {
  display: flex;
  flex-flow: row wrap; }

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

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

.ffwidget-buttonbar .ffwidget-button {
  margin: 1px; }

/**** 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-transform: capitalize;
  text-decoration: none;
  font-family: Helvetica, sans-serif;
  color: black;
  border-radius: 0;
  border: none;
  box-shadow: none; }

table.ffwidget-buttongroup input:checked + .ffwidget-label {
  font-family: Helvetica, sans-serif;
  color: white;
  box-shadow: none;
  background: #969696; }

/**** tooltip **********/
.ffwidget-tooltip {
  position: absolute;
  z-index: 3;
  top: -2.5em;
  left: 0;
  min-width: 13em;
  padding: 0.5em 1em;
  text-align: center;
  color: black;
  background: #ffb; }

.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 {
  display: none;
  position: absolute;
  font-weight: normal;
  color: black;
  background: #ffb;
  text-align: center;
  padding: 0.2em 0.5em;
  min-width: 10em;
  font-size: 80%;
  z-index: 500;
  box-shadow: 0 0 0 1px #666666, 6px 6px 15px rgba(0, 0, 0, 0.2);
  font-family: GlacialIndifference, Helvetica, sans-serif; }

.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-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 {
  display: block; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-top {
  bottom: 100%;
  margin-bottom: 0.5em;
  right: 50%;
  margin-right: -5em; }

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

.ffwidget-tooltip-wrapper .ffwidget-tooltip-topleft {
  bottom: 100%;
  margin-bottom: 0.5em;
  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: 0.5em solid transparent;
  border-top: 0.5em solid #666666;
  bottom: -1.05em;
  right: 5em; }

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

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

.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: 0.5em solid transparent;
  border-top: 0.5em solid #ffa;
  bottom: -0.95em;
  right: 5em; }

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

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

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottom {
  top: 100%;
  margin-top: 0.5em;
  right: 50%;
  margin-right: -5em; }

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

.ffwidget-tooltip-wrapper .ffwidget-tooltip-bottomleft {
  top: 100%;
  margin-top: 0.5em;
  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: 0.5em solid transparent;
  border-bottom: 0.5em solid #666666;
  top: -1em;
  right: 5em; }

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

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

.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: 0.5em solid transparent;
  border-bottom: 0.5em solid #ffa;
  top: -0.9em;
  right: 5em; }

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

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

.ffwidget-tooltip-wrapper .ffwidget-tooltip-left {
  right: 100%;
  margin-right: 0.6em;
  top: 50%;
  margin-top: -1em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-left::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 0.5em solid transparent;
  border-left: 0.5em solid #666666;
  right: -0.95em;
  top: 0.5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-left::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 0.5em solid transparent;
  border-left: 0.5em solid #ffa;
  right: -0.85em;
  top: 0.5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-right {
  left: 100%;
  margin-left: 0.6em;
  top: 50%;
  margin-top: -1em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-right::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 0.5em solid transparent;
  border-right: 0.5em solid #666666;
  left: -0.95em;
  top: 0.5em; }

.ffwidget-tooltip-wrapper .ffwidget-tooltip-right::after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: transparent;
  border: 0.5em solid transparent;
  border-right: 0.5em solid #ffa;
  left: -0.85em;
  top: 0.5em; }

/**** 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: 0;
  margin: 0;
  /*     white-space: nowrap; */
  border: 1px solid black;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }

.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: black;
  font-family: Helvetica, sans-serif;
  border-radius: 0;
  border: 1px solid black;
  border-bottom: none;
  background: white; }

.ffwidget-tablist li.ffwidget-tabitem .mathquill-editable {
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5); }

.ffwidget-tablist li.ffwidget-tabitem-current {
  padding-top: 0.22em;
  border-top: 5px solid black;
  vertical-align: bottom;
  margin-bottom: -1px;
  background: #eeeeee; }

div.ffwidget-tabelement {
  display: none;
  margin: 0.2em 0.5em;
  border: 1px solid black;
  border-top: none;
  border-radius: 0;
  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: 0;
  border: 1px solid black;
  height: 6px;
  background-color: white;
  box-shadow: none; }

input[type="range"].ffwidget-range::-moz-range-track {
  -moz-appearance: none;
  border-radius: 0;
  border: 1px solid black;
  height: 6px;
  background-color: white;
  box-shadow: none; }

input[type="range"].ffwidget-range::-webkit-slider-thumb,
input[type="range"].ffwidget-rangethumb::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid black;
  background-color: black;
  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: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid black;
  background-color: black;
  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: #333;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 2px; }

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

ul.ffwidget-blocklist .ffwidget-listitem-head {
  margin: 0;
  padding: 0.1em 0.5em;
  font-size: 80%;
  background-color: rgba(200, 200, 200, 0.5); }

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

/**** table **************/
table.ffwidget-table {
  border-collapse: collapse;
  border: 1px solid #333; }

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

table.ffwidget-table thead {
  background-color: #666666;
  color: #f9f9f9; }

table.ffwidget-table thead th {
  font-weight: bold;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
  padding: 0.2em 0.5em; }

table.ffwidget-table thead th:first-child {
  border-left: 1px solid #333; }

table.ffwidget-table thead th:last-child {
  border-right: 1px solid #333; }

table.ffwidget-table tbody tr:nth-child(odd) {
  background-color: #f9f9f9; }

table.ffwidget-table tbody tr:nth-child(even) {
  background-color: #ddd; }

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 #333;
  background-color: rgba(245, 245, 245, 0.95);
  box-shadow: 0 0 3px #666666, 5px 5px 15px #aaa;
  color: #333;
  font-family: GlacialIndifference, helvetica, sans-serif; }

.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: #333; }

.vnotifier-quickmsg.ffwidget-notification-quick .vnotifier-notification .vnotifier-notification-message h1 {
  border-bottom: 2px solid #333; }

/**** Notice box ************************/
.ffwidget-box,
.ffwidget-box-warning {
  border: 1px solid #333;
  margin: 0.5em;
  padding: 0.5em;
  background: #f9f9f9; }

.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: #f9f9f9;
  color: #333;
  border-bottom: 1px solid #333; }

.ffwidget-box-warning {
  border: 1px solid #a00; }

.ffwidget-box-warning h2.ffwidget-box-title {
  background: #a00;
  color: #f9f9f9;
  border-bottom: 1px solid #a00; }

.ffwidget-popupmenu {
  position: absolute;
  border-radius: 4px;
  font-family: sans-serif;
  font-size: 90%;
  border: 1px solid #aaa;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.3);
  white-space: nowrap; }

.ffwidget-popupmenu::before {
  content: '';
  position: absolute;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid #aaa;
  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 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #aaa; }

.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: #eee;
  color: #111;
  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:hover {
  background-color: rgba(255, 255, 255, 0.3); }

.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: 1.1em;
  height: 1.1em; }

/****************************
 * 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 */
/* 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-"] {
  /**** 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 {
    border: 1px solid #94c11f; }
  [data-ffwtheme^="fferries-"] input[type="checkbox"].ffwidget-input:checked::before {
    background: white 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(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: "";
    border: 1px solid #94c11f; }
  [data-ffwtheme^="fferries-"] input[type="radio"].ffwidget-input:checked::before {
    background: white 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(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 ); }
  [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[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-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 ); }
  [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); }
  [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 ); }
  [data-ffwtheme^="fferries-"] .ffwidget-menubutton.menuactive {
    background-color: white;
    border: 1px solid #232323; }
  [data-ffwtheme^="fferries-"] .ffwidget-menubutton:hover {
    border: 1px solid #4d4d4d; }
  [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-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-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-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-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-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton:first-child {
    border-left: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset .ffwidget-setbutton:last-child {
    border-right: none; }
  [data-ffwtheme^="fferries-"] .ffwidget-buttonbar.ffwidget-buttonbar-light .ffwidget-buttonset label:first-child > .ffwidget-setbutton {
    border-left: none; }
  [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); }
  [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 ); }
  [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 ); }
  [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 {
    border: 1px solid #009fe3; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table caption {
    color: #004d6e; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table thead {
    background-color: #009fe3;
    color: #efefef; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table thead th {
    border-right: 1px solid #8dc5dd;
    border-left: 1px 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: #efefef; }
  [data-ffwtheme^="fferries-normal"] table.ffwidget-table tbody tr:hover {
    background-color: #c1d395; }
  [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, 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; }