@font-face {
  font-family: 'metro';
  src: url('../assets/metro-b7c488ea.eot?izvoei');
  src: url('../assets/metro-b7c488ea.eot?#iefixizvoei') format('embedded-opentype'), url('../assets/metro-9953a70b.woff?izvoei') format('woff'), url('../assets/metro-b96e9cb8.ttf?izvoei') format('truetype'), url('../assets/metro.svg?izvoei#metro') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="mif-"],
[class*=" mif-"] {
  display: inline-block;
  font: normal normal normal 1.5em/1;
  font-family: metro, "Segoe UI", "Open Sans", serif;
  /*line-height: 1 ;*/
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  vertical-align: middle;
  position: static;
}
[class^="mif-"]:before,
[class*=" mif-"]:before {
  font-family: metro, serif;
}
.mif-lg {
  font-size: 1.3rem;
  line-height: 0.75em;
  vertical-align: -35%;
}
.mif-2x {
  font-size: 1.75rem;
  vertical-align: -25%;
}
.mif-3x {
  font-size: 2.625rem;
  vertical-align: -30%;
}
.mif-4x {
  font-size: 3.5rem;
  vertical-align: -35%;
}
.op-default {
  background-color: rgba(27, 161, 226, 0.7);
}
.op-black {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.op-white {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.op-lime {
  background-color: rgba(164, 196, 0, 0.7) !important;
}
.op-green {
  background-color: rgba(96, 169, 23, 0.7) !important;
}
.op-emerald {
  background-color: rgba(0, 138, 0, 0.7) !important;
}
.op-teal {
  background-color: rgba(0, 171, 169, 0.7) !important;
}
.op-cyan {
  background-color: rgba(27, 161, 226, 0.7) !important;
}
.op-cobalt {
  background-color: rgba(0, 80, 239, 0.7) !important;
}
.op-indigo {
  background-color: rgba(106, 0, 255, 0.7) !important;
}
.op-violet {
  background-color: rgba(170, 0, 255, 0.7) !important;
}
.op-pink {
  background-color: rgba(220, 79, 173, 0.7) !important;
}
.op-magenta {
  background-color: rgba(216, 0, 115, 0.7) !important;
}
.op-crimson {
  background-color: rgba(162, 0, 37, 0.7) !important;
}
.op-red {
  background-color: rgba(206, 53, 44, 0.7) !important;
}
.op-orange {
  background-color: rgba(250, 104, 0, 0.7) !important;
}
.op-amber {
  background-color: rgba(240, 163, 10, 0.7) !important;
}
.op-yellow {
  background-color: rgba(227, 200, 0, 0.7) !important;
}
.op-brown {
  background-color: rgba(130, 90, 44, 0.7) !important;
}
.op-olive {
  background-color: rgba(109, 135, 100, 0.7) !important;
}
.op-steel {
  background-color: rgba(100, 118, 135, 0.7) !important;
}
.op-mauve {
  background-color: rgba(118, 96, 138, 0.7) !important;
}
.op-taupe {
  background-color: rgba(135, 121, 78, 0.7) !important;
}
.op-gray {
  background-color: rgba(85, 85, 85, 0.7) !important;
}
.op-dark {
  background-color: rgba(51, 51, 51, 0.7) !important;
}
.op-darker {
  background-color: rgba(34, 34, 34, 0.7) !important;
}
.op-transparent {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.op-darkBrown {
  background-color: rgba(99, 54, 47, 0.7) !important;
}
.op-darkCrimson {
  background-color: rgba(100, 0, 36, 0.7) !important;
}
.op-darkMagenta {
  background-color: rgba(129, 0, 60, 0.7) !important;
}
.op-darkIndigo {
  background-color: rgba(75, 0, 150, 0.7) !important;
}
.op-darkCyan {
  background-color: rgba(27, 110, 174, 0.7) !important;
}
.op-darkCobalt {
  background-color: rgba(0, 53, 106, 0.7) !important;
}
.op-darkTeal {
  background-color: rgba(0, 64, 80, 0.7) !important;
}
.op-darkEmerald {
  background-color: rgba(0, 62, 0, 0.7) !important;
}
.op-darkGreen {
  background-color: rgba(18, 128, 35, 0.7) !important;
}
.op-darkOrange {
  background-color: rgba(191, 90, 21, 0.7) !important;
}
.op-darkRed {
  background-color: rgba(154, 22, 22, 0.7) !important;
}
.op-darkPink {
  background-color: rgba(154, 22, 90, 0.7) !important;
}
.op-darkViolet {
  background-color: rgba(87, 22, 154, 0.7) !important;
}
.op-darkBlue {
  background-color: rgba(22, 73, 154, 0.7) !important;
}
.op-lightBlue {
  background-color: rgba(67, 144, 223, 0.7) !important;
}
.op-lightRed {
  background-color: rgba(218, 90, 83, 0.7) !important;
}
.op-lightGreen {
  background-color: rgba(122, 214, 29, 0.7) !important;
}
.op-lighterBlue {
  background-color: rgba(0, 204, 255, 0.7) !important;
}
.op-lightTeal {
  background-color: rgba(69, 255, 253, 0.7) !important;
}
.op-lightOlive {
  background-color: rgba(120, 170, 28, 0.7) !important;
}
.op-lightOrange {
  background-color: rgba(255, 193, 148, 0.7) !important;
}
.op-lightPink {
  background-color: rgba(244, 114, 208, 0.7) !important;
}
.op-grayDark {
  background-color: rgba(51, 51, 51, 0.7) !important;
}
.op-grayDarker {
  background-color: rgba(34, 34, 34, 0.7) !important;
}
.op-grayLight {
  background-color: rgba(153, 153, 153, 0.7) !important;
}
.op-grayLighter {
  background-color: rgba(238, 238, 238, 0.7) !important;
}
.op-blue {
  background-color: rgba(0, 175, 240, 0.7) !important;
}
.bg-black {
  background: #000000 !important;
}
.bg-white {
  background: #ffffff !important;
}
.bg-lime {
  background: #a4c400 !important;
}
.bg-green {
  background: #60a917 !important;
}
.bg-emerald {
  background: #008a00 !important;
}
.bg-teal {
  background: #00aba9 !important;
}
.bg-cyan {
  background: #1ba1e2 !important;
}
.bg-cobalt {
  background: #0050ef !important;
}
.bg-indigo {
  background: #6a00ff !important;
}
.bg-violet {
  background: #aa00ff !important;
}
.bg-pink {
  background: #dc4fad !important;
}
.bg-magenta {
  background: #d80073 !important;
}
.bg-crimson {
  background: #a20025 !important;
}
.bg-red {
  background: #ce352c !important;
}
.bg-orange {
  background: #fa6800 !important;
}
.bg-amber {
  background: #f0a30a !important;
}
.bg-yellow {
  background: #e3c800 !important;
}
.bg-brown {
  background: #825a2c !important;
}
.bg-olive {
  background: #6d8764 !important;
}
.bg-steel {
  background: #647687 !important;
}
.bg-mauve {
  background: #76608a !important;
}
.bg-taupe {
  background: #87794e !important;
}
.bg-gray {
  background: #555555 !important;
}
.bg-dark {
  background: #333333 !important;
}
.bg-darker {
  background: #222222 !important;
}
.bg-transparent {
  background: transparent !important;
}
.bg-darkBrown {
  background: #63362f !important;
}
.bg-darkCrimson {
  background: #640024 !important;
}
.bg-darkMagenta {
  background: #81003c !important;
}
.bg-darkIndigo {
  background: #4b0096 !important;
}
.bg-darkCyan {
  background: #1b6eae !important;
}
.bg-darkCobalt {
  background: #00356a !important;
}
.bg-darkTeal {
  background: #004050 !important;
}
.bg-darkEmerald {
  background: #003e00 !important;
}
.bg-darkGreen {
  background: #128023 !important;
}
.bg-darkOrange {
  background: #bf5a15 !important;
}
.bg-darkRed {
  background: #9a1616 !important;
}
.bg-darkPink {
  background: #9a165a !important;
}
.bg-darkViolet {
  background: #57169a !important;
}
.bg-darkBlue {
  background: #16499a !important;
}
.bg-lightBlue {
  background: #4390df !important;
}
.bg-lightRed {
  background: #da5a53 !important;
}
.bg-lightGreen {
  background: #7ad61d !important;
}
.bg-lighterBlue {
  background: #00ccff !important;
}
.bg-lightTeal {
  background: #45fffd !important;
}
.bg-lightOlive {
  background: #78aa1c !important;
}
.bg-lightOrange {
  background: #ffc194 !important;
}
.bg-lightPink {
  background: #f472d0 !important;
}
.bg-grayDark {
  background: #333333 !important;
}
.bg-grayDarker {
  background: #222222 !important;
}
.bg-grayLight {
  background: #999999 !important;
}
.bg-grayLighter {
  background: #eeeeee !important;
}
.bg-blue {
  background: #00aff0 !important;
}
.fg-black {
  color: #000000 !important;
}
.fg-white {
  color: #ffffff !important;
}
.fg-lime {
  color: #a4c400 !important;
}
.fg-green {
  color: #60a917 !important;
}
.fg-emerald {
  color: #008a00 !important;
}
.fg-teal {
  color: #00aba9 !important;
}
.fg-cyan {
  color: #1ba1e2 !important;
}
.fg-cobalt {
  color: #0050ef !important;
}
.fg-indigo {
  color: #6a00ff !important;
}
.fg-violet {
  color: #aa00ff !important;
}
.fg-pink {
  color: #dc4fad !important;
}
.fg-magenta {
  color: #d80073 !important;
}
.fg-crimson {
  color: #a20025 !important;
}
.fg-red {
  color: #ce352c !important;
}
.fg-orange {
  color: #fa6800 !important;
}
.fg-amber {
  color: #f0a30a !important;
}
.fg-yellow {
  color: #e3c800 !important;
}
.fg-brown {
  color: #825a2c !important;
}
.fg-olive {
  color: #6d8764 !important;
}
.fg-steel {
  color: #647687 !important;
}
.fg-mauve {
  color: #76608a !important;
}
.fg-taupe {
  color: #87794e !important;
}
.fg-gray {
  color: #555555 !important;
}
.fg-dark {
  color: #333333 !important;
}
.fg-darker {
  color: #222222 !important;
}
.fg-transparent {
  color: transparent !important;
}
.fg-darkBrown {
  color: #63362f !important;
}
.fg-darkCrimson {
  color: #640024 !important;
}
.fg-darkMagenta {
  color: #81003c !important;
}
.fg-darkIndigo {
  color: #4b0096 !important;
}
.fg-darkCyan {
  color: #1b6eae !important;
}
.fg-darkCobalt {
  color: #00356a !important;
}
.fg-darkTeal {
  color: #004050 !important;
}
.fg-darkEmerald {
  color: #003e00 !important;
}
.fg-darkGreen {
  color: #128023 !important;
}
.fg-darkOrange {
  color: #bf5a15 !important;
}
.fg-darkRed {
  color: #9a1616 !important;
}
.fg-darkPink {
  color: #9a165a !important;
}
.fg-darkViolet {
  color: #57169a !important;
}
.fg-darkBlue {
  color: #16499a !important;
}
.fg-lightBlue {
  color: #4390df !important;
}
.fg-lighterBlue {
  color: #00ccff !important;
}
.fg-lightTeal {
  color: #45fffd !important;
}
.fg-lightOlive {
  color: #78aa1c !important;
}
.fg-lightOrange {
  color: #ffc194 !important;
}
.fg-lightPink {
  color: #f472d0 !important;
}
.fg-lightRed {
  color: #da5a53 !important;
}
.fg-lightGreen {
  color: #7ad61d !important;
}
.fg-grayDark {
  color: #333333 !important;
}
.fg-grayDarker {
  color: #222222 !important;
}
.fg-grayLight {
  color: #999999 !important;
}
.fg-grayLighter {
  color: #eeeeee !important;
}
.fg-blue {
  color: #00aff0 !important;
}
.ol-black {
  outline-color: #000000 !important;
}
.ol-white {
  outline-color: #ffffff !important;
}
.ol-lime {
  outline-color: #a4c400 !important;
}
.ol-green {
  outline-color: #60a917 !important;
}
.ol-emerald {
  outline-color: #008a00 !important;
}
.ol-teal {
  outline-color: #00aba9 !important;
}
.ol-cyan {
  outline-color: #1ba1e2 !important;
}
.ol-cobalt {
  outline-color: #0050ef !important;
}
.ol-indigo {
  outline-color: #6a00ff !important;
}
.ol-violet {
  outline-color: #aa00ff !important;
}
.ol-pink {
  outline-color: #dc4fad !important;
}
.ol-magenta {
  outline-color: #d80073 !important;
}
.ol-crimson {
  outline-color: #a20025 !important;
}
.ol-red {
  outline-color: #ce352c !important;
}
.ol-orange {
  outline-color: #fa6800 !important;
}
.ol-amber {
  outline-color: #f0a30a !important;
}
.ol-yellow {
  outline-color: #e3c800 !important;
}
.ol-brown {
  outline-color: #825a2c !important;
}
.ol-olive {
  outline-color: #6d8764 !important;
}
.ol-steel {
  outline-color: #647687 !important;
}
.ol-mauve {
  outline-color: #76608a !important;
}
.ol-taupe {
  outline-color: #87794e !important;
}
.ol-gray {
  outline-color: #555555 !important;
}
.ol-dark {
  outline-color: #333333 !important;
}
.ol-darker {
  outline-color: #222222 !important;
}
.ol-transparent {
  outline-color: transparent !important;
}
.ol-darkBrown {
  outline-color: #63362f !important;
}
.ol-darkCrimson {
  outline-color: #640024 !important;
}
.ol-darkMagenta {
  outline-color: #81003c !important;
}
.ol-darkIndigo {
  outline-color: #4b0096 !important;
}
.ol-darkCyan {
  outline-color: #1b6eae !important;
}
.ol-darkCobalt {
  outline-color: #00356a !important;
}
.ol-darkTeal {
  outline-color: #004050 !important;
}
.ol-darkEmerald {
  outline-color: #003e00 !important;
}
.ol-darkGreen {
  outline-color: #128023 !important;
}
.ol-darkOrange {
  outline-color: #bf5a15 !important;
}
.ol-darkRed {
  outline-color: #9a1616 !important;
}
.ol-darkPink {
  outline-color: #9a165a !important;
}
.ol-darkViolet {
  outline-color: #57169a !important;
}
.ol-darkBlue {
  outline-color: #16499a !important;
}
.ol-lightBlue {
  outline-color: #4390df !important;
}
.ol-lighterBlue {
  outline-color: #00ccff !important;
}
.ol-lightTeal {
  outline-color: #45fffd !important;
}
.ol-lightOlive {
  outline-color: #78aa1c !important;
}
.ol-lightOrange {
  outline-color: #ffc194 !important;
}
.ol-lightPink {
  outline-color: #f472d0 !important;
}
.ol-lightRed {
  outline-color: #da5a53 !important;
}
.ol-lightGreen {
  outline-color: #7ad61d !important;
}
.ol-grayDark {
  outline-color: #333333 !important;
}
.ol-grayDarker {
  outline-color: #222222 !important;
}
.ol-grayLight {
  outline-color: #999999 !important;
}
.ol-grayLighter {
  outline-color: #eeeeee !important;
}
.ol-blue {
  outline-color: #00aff0 !important;
}
.bd-black {
  border-color: #000000 !important;
}
.bd-white {
  border-color: #ffffff !important;
}
.bd-lime {
  border-color: #a4c400 !important;
}
.bd-green {
  border-color: #60a917 !important;
}
.bd-emerald {
  border-color: #008a00 !important;
}
.bd-teal {
  border-color: #00aba9 !important;
}
.bd-cyan {
  border-color: #1ba1e2 !important;
}
.bd-cobalt {
  border-color: #0050ef !important;
}
.bd-indigo {
  border-color: #6a00ff !important;
}
.bd-violet {
  border-color: #aa00ff !important;
}
.bd-pink {
  border-color: #dc4fad !important;
}
.bd-magenta {
  border-color: #d80073 !important;
}
.bd-crimson {
  border-color: #a20025 !important;
}
.bd-red {
  border-color: #ce352c !important;
}
.bd-orange {
  border-color: #fa6800 !important;
}
.bd-amber {
  border-color: #f0a30a !important;
}
.bd-yellow {
  border-color: #e3c800 !important;
}
.bd-brown {
  border-color: #825a2c !important;
}
.bd-olive {
  border-color: #6d8764 !important;
}
.bd-steel {
  border-color: #647687 !important;
}
.bd-mauve {
  border-color: #76608a !important;
}
.bd-taupe {
  border-color: #87794e !important;
}
.bd-gray {
  border-color: #555555 !important;
}
.bd-dark {
  border-color: #333333 !important;
}
.bd-darker {
  border-color: #222222 !important;
}
.bd-transparent {
  border-color: transparent !important;
}
.bd-darkBrown {
  border-color: #63362f !important;
}
.bd-darkCrimson {
  border-color: #640024 !important;
}
.bd-darkMagenta {
  border-color: #81003c !important;
}
.bd-darkIndigo {
  border-color: #4b0096 !important;
}
.bd-darkCyan {
  border-color: #1b6eae !important;
}
.bd-darkCobalt {
  border-color: #00356a !important;
}
.bd-darkTeal {
  border-color: #004050 !important;
}
.bd-darkEmerald {
  border-color: #003e00 !important;
}
.bd-darkGreen {
  border-color: #128023 !important;
}
.bd-darkOrange {
  border-color: #bf5a15 !important;
}
.bd-darkRed {
  border-color: #9a1616 !important;
}
.bd-darkPink {
  border-color: #9a165a !important;
}
.bd-darkViolet {
  border-color: #57169a !important;
}
.bd-darkBlue {
  border-color: #16499a !important;
}
.bd-lightBlue {
  border-color: #4390df !important;
}
.bd-lightTeal {
  border-color: #45fffd !important;
}
.bd-lightOlive {
  border-color: #78aa1c !important;
}
.bd-lightOrange {
  border-color: #ffc194 !important;
}
.bd-lightPink {
  border-color: #f472d0 !important;
}
.bd-lightRed {
  border-color: #da5a53 !important;
}
.bd-lightGreen {
  border-color: #7ad61d !important;
}
.bd-grayDark {
  border-color: #333333 !important;
}
.bd-grayDarker {
  border-color: #222222 !important;
}
.bd-grayLight {
  border-color: #999999 !important;
}
.bd-grayLighter {
  border-color: #eeeeee !important;
}
.bd-blue {
  border-color: #00aff0 !important;
}
.bg-hover-black:hover {
  background: #000000 !important;
}
.bg-hover-white:hover {
  background: #ffffff !important;
}
.bg-hover-lime:hover {
  background: #a4c400 !important;
}
.bg-hover-green:hover {
  background: #60a917 !important;
}
.bg-hover-emerald:hover {
  background: #008a00 !important;
}
.bg-hover-teal:hover {
  background: #00aba9 !important;
}
.bg-hover-cyan:hover {
  background: #1ba1e2 !important;
}
.bg-hover-cobalt:hover {
  background: #0050ef !important;
}
.bg-hover-indigo:hover {
  background: #6a00ff !important;
}
.bg-hover-violet:hover {
  background: #aa00ff !important;
}
.bg-hover-pink:hover {
  background: #dc4fad !important;
}
.bg-hover-magenta:hover {
  background: #d80073 !important;
}
.bg-hover-crimson:hover {
  background: #a20025 !important;
}
.bg-hover-red:hover {
  background: #ce352c !important;
}
.bg-hover-orange:hover {
  background: #fa6800 !important;
}
.bg-hover-amber:hover {
  background: #f0a30a !important;
}
.bg-hover-yellow:hover {
  background: #e3c800 !important;
}
.bg-hover-brown:hover {
  background: #825a2c !important;
}
.bg-hover-olive:hover {
  background: #6d8764 !important;
}
.bg-hover-steel:hover {
  background: #647687 !important;
}
.bg-hover-mauve:hover {
  background: #76608a !important;
}
.bg-hover-taupe:hover {
  background: #87794e !important;
}
.bg-hover-gray:hover {
  background: #555555 !important;
}
.bg-hover-dark:hover {
  background: #333333 !important;
}
.bg-hover-darker:hover {
  background: #222222 !important;
}
.bg-hover-transparent:hover {
  background: transparent !important;
}
.bg-hover-darkBrown:hover {
  background: #63362f !important;
}
.bg-hover-darkCrimson:hover {
  background: #640024 !important;
}
.bg-hover-darkMagenta:hover {
  background: #81003c !important;
}
.bg-hover-darkIndigo:hover {
  background: #4b0096 !important;
}
.bg-hover-darkCyan:hover {
  background: #1b6eae !important;
}
.bg-hover-darkCobalt:hover {
  background: #00356a !important;
}
.bg-hover-darkTeal:hover {
  background: #004050 !important;
}
.bg-hover-darkEmerald:hover {
  background: #003e00 !important;
}
.bg-hover-darkGreen:hover {
  background: #128023 !important;
}
.bg-hover-darkOrange:hover {
  background: #bf5a15 !important;
}
.bg-hover-darkRed:hover {
  background: #9a1616 !important;
}
.bg-hover-darkPink:hover {
  background: #9a165a !important;
}
.bg-hover-darkViolet:hover {
  background: #57169a !important;
}
.bg-hover-darkBlue:hover {
  background: #16499a !important;
}
.bg-hover-lightBlue:hover {
  background: #4390df !important;
}
.bg-hover-lightTeal:hover {
  background: #45fffd !important;
}
.bg-hover-lightOlive:hover {
  background: #78aa1c !important;
}
.bg-hover-lightOrange:hover {
  background: #ffc194 !important;
}
.bg-hover-lightPink:hover {
  background: #f472d0 !important;
}
.bg-hover-lightRed:hover {
  background: #da5a53 !important;
}
.bg-hover-lightGreen:hover {
  background: #7ad61d !important;
}
.bg-hover-grayDark:hover {
  background: #333333 !important;
}
.bg-hover-grayDarker:hover {
  background: #222222 !important;
}
.bg-hover-grayLight:hover {
  background: #999999 !important;
}
.bg-hover-grayLighter:hover {
  background: #eeeeee !important;
}
.bg-hover-blue:hover {
  background: #00aff0 !important;
}
.fg-hover-black:hover {
  color: #000000 !important;
}
.fg-hover-white:hover {
  color: #ffffff !important;
}
.fg-hover-lime:hover {
  color: #a4c400 !important;
}
.fg-hover-green:hover {
  color: #60a917 !important;
}
.fg-hover-emerald:hover {
  color: #008a00 !important;
}
.fg-hover-teal:hover {
  color: #00aba9 !important;
}
.fg-hover-cyan:hover {
  color: #1ba1e2 !important;
}
.fg-hover-cobalt:hover {
  color: #0050ef !important;
}
.fg-hover-indigo:hover {
  color: #6a00ff !important;
}
.fg-hover-violet:hover {
  color: #aa00ff !important;
}
.fg-hover-pink:hover {
  color: #dc4fad !important;
}
.fg-hover-magenta:hover {
  color: #d80073 !important;
}
.fg-hover-crimson:hover {
  color: #a20025 !important;
}
.fg-hover-red:hover {
  color: #ce352c !important;
}
.fg-hover-orange:hover {
  color: #fa6800 !important;
}
.fg-hover-amber:hover {
  color: #f0a30a !important;
}
.fg-hover-yellow:hover {
  color: #e3c800 !important;
}
.fg-hover-brown:hover {
  color: #825a2c !important;
}
.fg-hover-olive:hover {
  color: #6d8764 !important;
}
.fg-hover-steel:hover {
  color: #647687 !important;
}
.fg-hover-mauve:hover {
  color: #76608a !important;
}
.fg-hover-taupe:hover {
  color: #87794e !important;
}
.fg-hover-gray:hover {
  color: #555555 !important;
}
.fg-hover-dark:hover {
  color: #333333 !important;
}
.fg-hover-darker:hover {
  color: #222222 !important;
}
.fg-hover-transparent:hover {
  color: transparent !important;
}
.fg-hover-darkBrown:hover {
  color: #63362f !important;
}
.fg-hover-darkCrimson:hover {
  color: #640024 !important;
}
.fg-hover-darkMagenta:hover {
  color: #81003c !important;
}
.fg-hover-darkIndigo:hover {
  color: #4b0096 !important;
}
.fg-hover-darkCyan:hover {
  color: #1b6eae !important;
}
.fg-hover-darkCobalt:hover {
  color: #00356a !important;
}
.fg-hover-darkTeal:hover {
  color: #004050 !important;
}
.fg-hover-darkEmerald:hover {
  color: #003e00 !important;
}
.fg-hover-darkGreen:hover {
  color: #128023 !important;
}
.fg-hover-darkOrange:hover {
  color: #bf5a15 !important;
}
.fg-hover-darkRed:hover {
  color: #9a1616 !important;
}
.fg-hover-darkPink:hover {
  color: #9a165a !important;
}
.fg-hover-darkViolet:hover {
  color: #57169a !important;
}
.fg-hover-darkBlue:hover {
  color: #16499a !important;
}
.fg-hover-lightBlue:hover {
  color: #4390df !important;
}
.fg-hover-lightTeal:hover {
  color: #45fffd !important;
}
.fg-hover-lightOlive:hover {
  color: #78aa1c !important;
}
.fg-hover-lightOrange:hover {
  color: #ffc194 !important;
}
.fg-hover-lightPink:hover {
  color: #f472d0 !important;
}
.fg-hover-lightRed:hover {
  color: #da5a53 !important;
}
.fg-hover-lightGreen:hover {
  color: #7ad61d !important;
}
.fg-hover-grayDark:hover {
  color: #333333 !important;
}
.fg-hover-grayDarker:hover {
  color: #222222 !important;
}
.fg-hover-grayLight:hover {
  color: #999999 !important;
}
.fg-hover-grayLighter:hover {
  color: #eeeeee !important;
}
.fg-hover-blue:hover {
  color: #00aff0 !important;
}
.bg-active-black:active {
  background: #000000 !important;
}
.bg-active-white:active {
  background: #ffffff !important;
}
.bg-active-lime:active {
  background: #a4c400 !important;
}
.bg-active-green:active {
  background: #60a917 !important;
}
.bg-active-emerald:active {
  background: #008a00 !important;
}
.bg-active-teal:active {
  background: #00aba9 !important;
}
.bg-active-cyan:active {
  background: #1ba1e2 !important;
}
.bg-active-cobalt:active {
  background: #0050ef !important;
}
.bg-active-indigo:active {
  background: #6a00ff !important;
}
.bg-active-violet:active {
  background: #aa00ff !important;
}
.bg-active-pink:active {
  background: #dc4fad !important;
}
.bg-active-magenta:active {
  background: #d80073 !important;
}
.bg-active-crimson:active {
  background: #a20025 !important;
}
.bg-active-red:active {
  background: #ce352c !important;
}
.bg-active-orange:active {
  background: #fa6800 !important;
}
.bg-active-amber:active {
  background: #f0a30a !important;
}
.bg-active-yellow:active {
  background: #e3c800 !important;
}
.bg-active-brown:active {
  background: #825a2c !important;
}
.bg-active-olive:active {
  background: #6d8764 !important;
}
.bg-active-steel:active {
  background: #647687 !important;
}
.bg-active-mauve:active {
  background: #76608a !important;
}
.bg-active-taupe:active {
  background: #87794e !important;
}
.bg-active-gray:active {
  background: #555555 !important;
}
.bg-active-dark:active {
  background: #333333 !important;
}
.bg-active-darker:active {
  background: #222222 !important;
}
.bg-active-transparent:active {
  background: transparent !important;
}
.bg-active-darkBrown:active {
  background: #63362f !important;
}
.bg-active-darkCrimson:active {
  background: #640024 !important;
}
.bg-active-darkMagenta:active {
  background: #81003c !important;
}
.bg-active-darkIndigo:active {
  background: #4b0096 !important;
}
.bg-active-darkCyan:active {
  background: #1b6eae !important;
}
.bg-active-darkCobalt:active {
  background: #00356a !important;
}
.bg-active-darkTeal:active {
  background: #004050 !important;
}
.bg-active-darkEmerald:active {
  background: #003e00 !important;
}
.bg-active-darkGreen:active {
  background: #128023 !important;
}
.bg-active-darkOrange:active {
  background: #bf5a15 !important;
}
.bg-active-darkRed:active {
  background: #9a1616 !important;
}
.bg-active-darkPink:active {
  background: #9a165a !important;
}
.bg-active-darkViolet:active {
  background: #57169a !important;
}
.bg-active-darkBlue:active {
  background: #16499a !important;
}
.bg-active-lightBlue:active {
  background: #4390df !important;
}
.bg-active-lightTeal:active {
  background: #45fffd !important;
}
.bg-active-lightOlive:active {
  background: #78aa1c !important;
}
.bg-active-lightOrange:active {
  background: #ffc194 !important;
}
.bg-active-lightPink:active {
  background: #f472d0 !important;
}
.bg-active-lightRed:active {
  background: #da5a53 !important;
}
.bg-active-lightGreen:active {
  background: #7ad61d !important;
}
.bg-active-grayDark:active {
  background: #333333 !important;
}
.bg-active-grayDarker:active {
  background: #222222 !important;
}
.bg-active-grayLight:active {
  background: #999999 !important;
}
.bg-active-grayLighter:active {
  background: #eeeeee !important;
}
.bg-active-blue:active {
  background: #00aff0 !important;
}
.fg-active-black:active {
  color: #000000 !important;
}
.fg-active-white:active {
  color: #ffffff !important;
}
.fg-active-lime:active {
  color: #a4c400 !important;
}
.fg-active-green:active {
  color: #60a917 !important;
}
.fg-active-emerald:active {
  color: #008a00 !important;
}
.fg-active-teal:active {
  color: #00aba9 !important;
}
.fg-active-cyan:active {
  color: #1ba1e2 !important;
}
.fg-active-cobalt:active {
  color: #0050ef !important;
}
.fg-active-indigo:active {
  color: #6a00ff !important;
}
.fg-active-violet:active {
  color: #aa00ff !important;
}
.fg-active-pink:active {
  color: #dc4fad !important;
}
.fg-active-magenta:active {
  color: #d80073 !important;
}
.fg-active-crimson:active {
  color: #a20025 !important;
}
.fg-active-red:active {
  color: #ce352c !important;
}
.fg-active-orange:active {
  color: #fa6800 !important;
}
.fg-active-amber:active {
  color: #f0a30a !important;
}
.fg-active-yellow:active {
  color: #e3c800 !important;
}
.fg-active-brown:active {
  color: #825a2c !important;
}
.fg-active-olive:active {
  color: #6d8764 !important;
}
.fg-active-steel:active {
  color: #647687 !important;
}
.fg-active-mauve:active {
  color: #76608a !important;
}
.fg-active-taupe:active {
  color: #87794e !important;
}
.fg-active-gray:active {
  color: #555555 !important;
}
.fg-active-dark:active {
  color: #333333 !important;
}
.fg-active-darker:active {
  color: #222222 !important;
}
.fg-active-transparent:active {
  color: transparent !important;
}
.fg-active-darkBrown:active {
  color: #63362f !important;
}
.fg-active-darkCrimson:active {
  color: #640024 !important;
}
.fg-active-darkMagenta:active {
  color: #81003c !important;
}
.fg-active-darkIndigo:active {
  color: #4b0096 !important;
}
.fg-active-darkCyan:active {
  color: #1b6eae !important;
}
.fg-active-darkCobalt:active {
  color: #00356a !important;
}
.fg-active-darkTeal:active {
  color: #004050 !important;
}
.fg-active-darkEmerald:active {
  color: #003e00 !important;
}
.fg-active-darkGreen:active {
  color: #128023 !important;
}
.fg-active-darkOrange:active {
  color: #bf5a15 !important;
}
.fg-active-darkRed:active {
  color: #9a1616 !important;
}
.fg-active-darkPink:active {
  color: #9a165a !important;
}
.fg-active-darkViolet:active {
  color: #57169a !important;
}
.fg-active-darkBlue:active {
  color: #16499a !important;
}
.fg-active-lightBlue:active {
  color: #4390df !important;
}
.fg-active-lightTeal:active {
  color: #45fffd !important;
}
.fg-active-lightOlive:active {
  color: #78aa1c !important;
}
.fg-active-lightOrange:active {
  color: #ffc194 !important;
}
.fg-active-lightPink:active {
  color: #f472d0 !important;
}
.fg-active-lightRed:active {
  color: #da5a53 !important;
}
.fg-active-lightGreen:active {
  color: #7ad61d !important;
}
.fg-active-grayDark:active {
  color: #333333 !important;
}
.fg-active-grayDarker:active {
  color: #222222 !important;
}
.fg-active-grayLight:active {
  color: #999999 !important;
}
.fg-active-grayLighter:active {
  color: #eeeeee !important;
}
.fg-active-blue:active {
  color: #00aff0 !important;
}
.bg-focus-black:focus {
  background: #000000 !important;
}
.bg-focus-white:focus {
  background: #ffffff !important;
}
.bg-focus-lime:focus {
  background: #a4c400 !important;
}
.bg-focus-green:focus {
  background: #60a917 !important;
}
.bg-focus-emerald:focus {
  background: #008a00 !important;
}
.bg-focus-teal:focus {
  background: #00aba9 !important;
}
.bg-focus-cyan:focus {
  background: #1ba1e2 !important;
}
.bg-focus-cobalt:focus {
  background: #0050ef !important;
}
.bg-focus-indigo:focus {
  background: #6a00ff !important;
}
.bg-focus-violet:focus {
  background: #aa00ff !important;
}
.bg-focus-pink:focus {
  background: #dc4fad !important;
}
.bg-focus-magenta:focus {
  background: #d80073 !important;
}
.bg-focus-crimson:focus {
  background: #a20025 !important;
}
.bg-focus-red:focus {
  background: #ce352c !important;
}
.bg-focus-orange:focus {
  background: #fa6800 !important;
}
.bg-focus-amber:focus {
  background: #f0a30a !important;
}
.bg-focus-yellow:focus {
  background: #e3c800 !important;
}
.bg-focus-brown:focus {
  background: #825a2c !important;
}
.bg-focus-olive:focus {
  background: #6d8764 !important;
}
.bg-focus-steel:focus {
  background: #647687 !important;
}
.bg-focus-mauve:focus {
  background: #76608a !important;
}
.bg-focus-taupe:focus {
  background: #87794e !important;
}
.bg-focus-gray:focus {
  background: #555555 !important;
}
.bg-focus-dark:focus {
  background: #333333 !important;
}
.bg-focus-darker:focus {
  background: #222222 !important;
}
.bg-focus-transparent:focus {
  background: transparent !important;
}
.bg-focus-darkBrown:focus {
  background: #63362f !important;
}
.bg-focus-darkCrimson:focus {
  background: #640024 !important;
}
.bg-focus-darkMagenta:focus {
  background: #81003c !important;
}
.bg-focus-darkIndigo:focus {
  background: #4b0096 !important;
}
.bg-focus-darkCyan:focus {
  background: #1b6eae !important;
}
.bg-focus-darkCobalt:focus {
  background: #00356a !important;
}
.bg-focus-darkTeal:focus {
  background: #004050 !important;
}
.bg-focus-darkEmerald:focus {
  background: #003e00 !important;
}
.bg-focus-darkGreen:focus {
  background: #128023 !important;
}
.bg-focus-darkOrange:focus {
  background: #bf5a15 !important;
}
.bg-focus-darkRed:focus {
  background: #9a1616 !important;
}
.bg-focus-darkPink:focus {
  background: #9a165a !important;
}
.bg-focus-darkViolet:focus {
  background: #57169a !important;
}
.bg-focus-darkBlue:focus {
  background: #16499a !important;
}
.bg-focus-lightBlue:focus {
  background: #4390df !important;
}
.bg-focus-lightTeal:focus {
  background: #45fffd !important;
}
.bg-focus-lightOlive:focus {
  background: #78aa1c !important;
}
.bg-focus-lightOrange:focus {
  background: #ffc194 !important;
}
.bg-focus-lightPink:focus {
  background: #f472d0 !important;
}
.bg-focus-lightRed:focus {
  background: #da5a53 !important;
}
.bg-focus-lightGreen:focus {
  background: #7ad61d !important;
}
.bg-focus-grayDark:focus {
  background: #333333 !important;
}
.bg-focus-grayDarker:focus {
  background: #222222 !important;
}
.bg-focus-grayLight:focus {
  background: #999999 !important;
}
.bg-focus-grayLighter:focus {
  background: #eeeeee !important;
}
.bg-focus-blue:focus {
  background: #00aff0 !important;
}
.fg-focus-black:focus {
  color: #000000 !important;
}
.fg-focus-white:focus {
  color: #ffffff !important;
}
.fg-focus-lime:focus {
  color: #a4c400 !important;
}
.fg-focus-green:focus {
  color: #60a917 !important;
}
.fg-focus-emerald:focus {
  color: #008a00 !important;
}
.fg-focus-teal:focus {
  color: #00aba9 !important;
}
.fg-focus-cyan:focus {
  color: #1ba1e2 !important;
}
.fg-focus-cobalt:focus {
  color: #0050ef !important;
}
.fg-focus-indigo:focus {
  color: #6a00ff !important;
}
.fg-focus-violet:focus {
  color: #aa00ff !important;
}
.fg-focus-pink:focus {
  color: #dc4fad !important;
}
.fg-focus-magenta:focus {
  color: #d80073 !important;
}
.fg-focus-crimson:focus {
  color: #a20025 !important;
}
.fg-focus-red:focus {
  color: #ce352c !important;
}
.fg-focus-orange:focus {
  color: #fa6800 !important;
}
.fg-focus-amber:focus {
  color: #f0a30a !important;
}
.fg-focus-yellow:focus {
  color: #e3c800 !important;
}
.fg-focus-brown:focus {
  color: #825a2c !important;
}
.fg-focus-olive:focus {
  color: #6d8764 !important;
}
.fg-focus-steel:focus {
  color: #647687 !important;
}
.fg-focus-mauve:focus {
  color: #76608a !important;
}
.fg-focus-taupe:focus {
  color: #87794e !important;
}
.fg-focus-gray:focus {
  color: #555555 !important;
}
.fg-focus-dark:focus {
  color: #333333 !important;
}
.fg-focus-darker:focus {
  color: #222222 !important;
}
.fg-focus-transparent:focus {
  color: transparent !important;
}
.fg-focus-darkBrown:focus {
  color: #63362f !important;
}
.fg-focus-darkCrimson:focus {
  color: #640024 !important;
}
.fg-focus-darkMagenta:focus {
  color: #81003c !important;
}
.fg-focus-darkIndigo:focus {
  color: #4b0096 !important;
}
.fg-focus-darkCyan:focus {
  color: #1b6eae !important;
}
.fg-focus-darkCobalt:focus {
  color: #00356a !important;
}
.fg-focus-darkTeal:focus {
  color: #004050 !important;
}
.fg-focus-darkEmerald:focus {
  color: #003e00 !important;
}
.fg-focus-darkGreen:focus {
  color: #128023 !important;
}
.fg-focus-darkOrange:focus {
  color: #bf5a15 !important;
}
.fg-focus-darkRed:focus {
  color: #9a1616 !important;
}
.fg-focus-darkPink:focus {
  color: #9a165a !important;
}
.fg-focus-darkViolet:focus {
  color: #57169a !important;
}
.fg-focus-darkBlue:focus {
  color: #16499a !important;
}
.fg-focus-lightBlue:focus {
  color: #4390df !important;
}
.fg-focus-lightTeal:focus {
  color: #45fffd !important;
}
.fg-focus-lightOlive:focus {
  color: #78aa1c !important;
}
.fg-focus-lightOrange:focus {
  color: #ffc194 !important;
}
.fg-focus-lightPink:focus {
  color: #f472d0 !important;
}
.fg-focus-lightRed:focus {
  color: #da5a53 !important;
}
.fg-focus-lightGreen:focus {
  color: #7ad61d !important;
}
.fg-focus-grayDark:focus {
  color: #333333 !important;
}
.fg-focus-grayDarker:focus {
  color: #222222 !important;
}
.fg-focus-grayLight:focus {
  color: #999999 !important;
}
.fg-focus-grayLighter:focus {
  color: #eeeeee !important;
}
.fg-focus-blue:focus {
  color: #00aff0 !important;
}
.ribbed-black {
  background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-white {
  background: #ffffff linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lime {
  background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-green {
  background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-emerald {
  background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-teal {
  background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-cyan {
  background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-cobalt {
  background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-indigo {
  background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-violet {
  background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-pink {
  background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-magenta {
  background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-crimson {
  background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-red {
  background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-orange {
  background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-amber {
  background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-yellow {
  background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-brown {
  background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-olive {
  background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-steel {
  background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-mauve {
  background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-taupe {
  background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-dark {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darker {
  background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkBrown {
  background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkCrimson {
  background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkMagenta {
  background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkIndigo {
  background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkCyan {
  background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkCobalt {
  background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkTeal {
  background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkEmerald {
  background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkGreen {
  background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkOrange {
  background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkRed {
  background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkPink {
  background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkViolet {
  background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkBlue {
  background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightBlue {
  background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightTeal {
  background: #45fffd linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightOlive {
  background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightOrange {
  background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightPink {
  background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightRed {
  background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightGreen {
  background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lighterBlue {
  background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayed {
  background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayDark {
  background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayDarker {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-gray {
  background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayLight {
  background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayLighter {
  background: #eeeeee linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-blue {
  background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.before-bg-black:before {
  background: #000000 !important;
}
.before-bg-white:before {
  background: #ffffff !important;
}
.before-bg-lime:before {
  background: #a4c400 !important;
}
.before-bg-green:before {
  background: #60a917 !important;
}
.before-bg-emerald:before {
  background: #008a00 !important;
}
.before-bg-teal:before {
  background: #00aba9 !important;
}
.before-bg-cyan:before {
  background: #1ba1e2 !important;
}
.before-bg-cobalt:before {
  background: #0050ef !important;
}
.before-bg-indigo:before {
  background: #6a00ff !important;
}
.before-bg-violet:before {
  background: #aa00ff !important;
}
.before-bg-pink:before {
  background: #dc4fad !important;
}
.before-bg-magenta:before {
  background: #d80073 !important;
}
.before-bg-crimson:before {
  background: #a20025 !important;
}
.before-bg-red:before {
  background: #ce352c !important;
}
.before-bg-orange:before {
  background: #fa6800 !important;
}
.before-bg-amber:before {
  background: #f0a30a !important;
}
.before-bg-yellow:before {
  background: #e3c800 !important;
}
.before-bg-brown:before {
  background: #825a2c !important;
}
.before-bg-olive:before {
  background: #6d8764 !important;
}
.before-bg-steel:before {
  background: #647687 !important;
}
.before-bg-mauve:before {
  background: #76608a !important;
}
.before-bg-taupe:before {
  background: #87794e !important;
}
.before-bg-gray:before {
  background: #555555 !important;
}
.before-bg-dark:before {
  background: #333333 !important;
}
.before-bg-darker:before {
  background: #222222 !important;
}
.before-bg-transparent:before {
  background: transparent !important;
}
.before-bg-darkBrown:before {
  background: #63362f !important;
}
.before-bg-darkCrimson:before {
  background: #640024 !important;
}
.before-bg-darkMagenta:before {
  background: #81003c !important;
}
.before-bg-darkIndigo:before {
  background: #4b0096 !important;
}
.before-bg-darkCyan:before {
  background: #1b6eae !important;
}
.before-bg-darkCobalt:before {
  background: #00356a !important;
}
.before-bg-darkTeal:before {
  background: #004050 !important;
}
.before-bg-darkEmerald:before {
  background: #003e00 !important;
}
.before-bg-darkGreen:before {
  background: #128023 !important;
}
.before-bg-darkOrange:before {
  background: #bf5a15 !important;
}
.before-bg-darkRed:before {
  background: #9a1616 !important;
}
.before-bg-darkPink:before {
  background: #9a165a !important;
}
.before-bg-darkViolet:before {
  background: #57169a !important;
}
.before-bg-darkBlue:before {
  background: #16499a !important;
}
.before-bg-lightBlue:before {
  background: #4390df !important;
}
.before-bg-lightRed:before {
  background: #da5a53 !important;
}
.before-bg-lightGreen:before {
  background: #7ad61d !important;
}
.before-bg-lighterBlue:before {
  background: #00ccff !important;
}
.before-bg-lightTeal:before {
  background: #45fffd !important;
}
.before-bg-lightOlive:before {
  background: #78aa1c !important;
}
.before-bg-lightOrange:before {
  background: #ffc194 !important;
}
.before-bg-lightPink:before {
  background: #f472d0 !important;
}
.before-bg-grayDark:before {
  background: #333333 !important;
}
.before-bg-grayDarker:before {
  background: #222222 !important;
}
.before-bg-grayLight:before {
  background: #999999 !important;
}
.before-bg-grayLighter:before {
  background: #eeeeee !important;
}
.before-bg-blue:before {
  background: #00aff0 !important;
}
.after-bg-black:after {
  background: #000000 !important;
}
.after-bg-white:after {
  background: #ffffff !important;
}
.after-bg-lime:after {
  background: #a4c400 !important;
}
.after-bg-green:after {
  background: #60a917 !important;
}
.after-bg-emerald:after {
  background: #008a00 !important;
}
.after-bg-teal:after {
  background: #00aba9 !important;
}
.after-bg-cyan:after {
  background: #1ba1e2 !important;
}
.after-bg-cobalt:after {
  background: #0050ef !important;
}
.after-bg-indigo:after {
  background: #6a00ff !important;
}
.after-bg-violet:after {
  background: #aa00ff !important;
}
.after-bg-pink:after {
  background: #dc4fad !important;
}
.after-bg-magenta:after {
  background: #d80073 !important;
}
.after-bg-crimson:after {
  background: #a20025 !important;
}
.after-bg-red:after {
  background: #ce352c !important;
}
.after-bg-orange:after {
  background: #fa6800 !important;
}
.after-bg-amber:after {
  background: #f0a30a !important;
}
.after-bg-yellow:after {
  background: #e3c800 !important;
}
.after-bg-brown:after {
  background: #825a2c !important;
}
.after-bg-olive:after {
  background: #6d8764 !important;
}
.after-bg-steel:after {
  background: #647687 !important;
}
.after-bg-mauve:after {
  background: #76608a !important;
}
.after-bg-taupe:after {
  background: #87794e !important;
}
.after-bg-gray:after {
  background: #555555 !important;
}
.after-bg-dark:after {
  background: #333333 !important;
}
.after-bg-darker:after {
  background: #222222 !important;
}
.after-bg-transparent:after {
  background: transparent !important;
}
.after-bg-darkBrown:after {
  background: #63362f !important;
}
.after-bg-darkCrimson:after {
  background: #640024 !important;
}
.after-bg-darkMagenta:after {
  background: #81003c !important;
}
.after-bg-darkIndigo:after {
  background: #4b0096 !important;
}
.after-bg-darkCyan:after {
  background: #1b6eae !important;
}
.after-bg-darkCobalt:after {
  background: #00356a !important;
}
.after-bg-darkTeal:after {
  background: #004050 !important;
}
.after-bg-darkEmerald:after {
  background: #003e00 !important;
}
.after-bg-darkGreen:after {
  background: #128023 !important;
}
.after-bg-darkOrange:after {
  background: #bf5a15 !important;
}
.after-bg-darkRed:after {
  background: #9a1616 !important;
}
.after-bg-darkPink:after {
  background: #9a165a !important;
}
.after-bg-darkViolet:after {
  background: #57169a !important;
}
.after-bg-darkBlue:after {
  background: #16499a !important;
}
.after-bg-lightBlue:after {
  background: #4390df !important;
}
.after-bg-lightRed:after {
  background: #da5a53 !important;
}
.after-bg-lightGreen:after {
  background: #7ad61d !important;
}
.after-bg-lighterBlue:after {
  background: #00ccff !important;
}
.after-bg-lightTeal:after {
  background: #45fffd !important;
}
.after-bg-lightOlive:after {
  background: #78aa1c !important;
}
.after-bg-lightOrange:after {
  background: #ffc194 !important;
}
.after-bg-lightPink:after {
  background: #f472d0 !important;
}
.after-bg-grayDark:after {
  background: #333333 !important;
}
.after-bg-grayDarker:after {
  background: #222222 !important;
}
.after-bg-grayLight:after {
  background: #999999 !important;
}
.after-bg-grayLighter:after {
  background: #eeeeee !important;
}
.after-bg-blue:after {
  background: #00aff0 !important;
}
.before-fg-black:before {
  color: #000000 !important;
}
.before-fg-white:before {
  color: #ffffff !important;
}
.before-fg-lime:before {
  color: #a4c400 !important;
}
.before-fg-green:before {
  color: #60a917 !important;
}
.before-fg-emerald:before {
  color: #008a00 !important;
}
.before-fg-teal:before {
  color: #00aba9 !important;
}
.before-fg-cyan:before {
  color: #1ba1e2 !important;
}
.before-fg-cobalt:before {
  color: #0050ef !important;
}
.before-fg-indigo:before {
  color: #6a00ff !important;
}
.before-fg-violet:before {
  color: #aa00ff !important;
}
.before-fg-pink:before {
  color: #dc4fad !important;
}
.before-fg-magenta:before {
  color: #d80073 !important;
}
.before-fg-crimson:before {
  color: #a20025 !important;
}
.before-fg-red:before {
  color: #ce352c !important;
}
.before-fg-orange:before {
  color: #fa6800 !important;
}
.before-fg-amber:before {
  color: #f0a30a !important;
}
.before-fg-yellow:before {
  color: #e3c800 !important;
}
.before-fg-brown:before {
  color: #825a2c !important;
}
.before-fg-olive:before {
  color: #6d8764 !important;
}
.before-fg-steel:before {
  color: #647687 !important;
}
.before-fg-mauve:before {
  color: #76608a !important;
}
.before-fg-taupe:before {
  color: #87794e !important;
}
.before-fg-gray:before {
  color: #555555 !important;
}
.before-fg-dark:before {
  color: #333333 !important;
}
.before-fg-darker:before {
  color: #222222 !important;
}
.before-fg-transparent:before {
  color: transparent !important;
}
.before-fg-darkBrown:before {
  color: #63362f !important;
}
.before-fg-darkCrimson:before {
  color: #640024 !important;
}
.before-fg-darkMagenta:before {
  color: #81003c !important;
}
.before-fg-darkIndigo:before {
  color: #4b0096 !important;
}
.before-fg-darkCyan:before {
  color: #1b6eae !important;
}
.before-fg-darkCobalt:before {
  color: #00356a !important;
}
.before-fg-darkTeal:before {
  color: #004050 !important;
}
.before-fg-darkEmerald:before {
  color: #003e00 !important;
}
.before-fg-darkGreen:before {
  color: #128023 !important;
}
.before-fg-darkOrange:before {
  color: #bf5a15 !important;
}
.before-fg-darkRed:before {
  color: #9a1616 !important;
}
.before-fg-darkPink:before {
  color: #9a165a !important;
}
.before-fg-darkViolet:before {
  color: #57169a !important;
}
.before-fg-darkBlue:before {
  color: #16499a !important;
}
.before-fg-lightBlue:before {
  color: #4390df !important;
}
.before-fg-lightRed:before {
  color: #da5a53 !important;
}
.before-fg-lightGreen:before {
  color: #7ad61d !important;
}
.before-fg-lighterBlue:before {
  color: #00ccff !important;
}
.before-fg-lightTeal:before {
  color: #45fffd !important;
}
.before-fg-lightOlive:before {
  color: #78aa1c !important;
}
.before-fg-lightOrange:before {
  color: #ffc194 !important;
}
.before-fg-lightPink:before {
  color: #f472d0 !important;
}
.before-fg-grayDark:before {
  color: #333333 !important;
}
.before-fg-grayDarker:before {
  color: #222222 !important;
}
.before-fg-grayLight:before {
  color: #999999 !important;
}
.before-fg-grayLighter:before {
  color: #eeeeee !important;
}
.before-fg-blue:before {
  color: #00aff0 !important;
}
.after-fg-black:after {
  color: #000000 !important;
}
.after-fg-white:after {
  color: #ffffff !important;
}
.after-fg-lime:after {
  color: #a4c400 !important;
}
.after-fg-green:after {
  color: #60a917 !important;
}
.after-fg-emerald:after {
  color: #008a00 !important;
}
.after-fg-teal:after {
  color: #00aba9 !important;
}
.after-fg-cyan:after {
  color: #1ba1e2 !important;
}
.after-fg-cobalt:after {
  color: #0050ef !important;
}
.after-fg-indigo:after {
  color: #6a00ff !important;
}
.after-fg-violet:after {
  color: #aa00ff !important;
}
.after-fg-pink:after {
  color: #dc4fad !important;
}
.after-fg-magenta:after {
  color: #d80073 !important;
}
.after-fg-crimson:after {
  color: #a20025 !important;
}
.after-fg-red:after {
  color: #ce352c !important;
}
.after-fg-orange:after {
  color: #fa6800 !important;
}
.after-fg-amber:after {
  color: #f0a30a !important;
}
.after-fg-yellow:after {
  color: #e3c800 !important;
}
.after-fg-brown:after {
  color: #825a2c !important;
}
.after-fg-olive:after {
  color: #6d8764 !important;
}
.after-fg-steel:after {
  color: #647687 !important;
}
.after-fg-mauve:after {
  color: #76608a !important;
}
.after-fg-taupe:after {
  color: #87794e !important;
}
.after-fg-gray:after {
  color: #555555 !important;
}
.after-fg-dark:after {
  color: #333333 !important;
}
.after-fg-darker:after {
  color: #222222 !important;
}
.after-fg-transparent:after {
  color: transparent !important;
}
.after-fg-darkBrown:after {
  color: #63362f !important;
}
.after-fg-darkCrimson:after {
  color: #640024 !important;
}
.after-fg-darkMagenta:after {
  color: #81003c !important;
}
.after-fg-darkIndigo:after {
  color: #4b0096 !important;
}
.after-fg-darkCyan:after {
  color: #1b6eae !important;
}
.after-fg-darkCobalt:after {
  color: #00356a !important;
}
.after-fg-darkTeal:after {
  color: #004050 !important;
}
.after-fg-darkEmerald:after {
  color: #003e00 !important;
}
.after-fg-darkGreen:after {
  color: #128023 !important;
}
.after-fg-darkOrange:after {
  color: #bf5a15 !important;
}
.after-fg-darkRed:after {
  color: #9a1616 !important;
}
.after-fg-darkPink:after {
  color: #9a165a !important;
}
.after-fg-darkViolet:after {
  color: #57169a !important;
}
.after-fg-darkBlue:after {
  color: #16499a !important;
}
.after-fg-lightBlue:after {
  color: #4390df !important;
}
.after-fg-lightRed:after {
  color: #da5a53 !important;
}
.after-fg-lightGreen:after {
  color: #7ad61d !important;
}
.after-fg-lighterBlue:after {
  color: #00ccff !important;
}
.after-fg-lightTeal:after {
  color: #45fffd !important;
}
.after-fg-lightOlive:after {
  color: #78aa1c !important;
}
.after-fg-lightOrange:after {
  color: #ffc194 !important;
}
.after-fg-lightPink:after {
  color: #f472d0 !important;
}
.after-fg-grayDark:after {
  color: #333333 !important;
}
.after-fg-grayDarker:after {
  color: #222222 !important;
}
.after-fg-grayLight:after {
  color: #999999 !important;
}
.after-fg-grayLighter:after {
  color: #eeeeee !important;
}
.after-fg-blue:after {
  color: #00aff0 !important;
}
.dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: -1rem;
  margin-top: -0.1625rem;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
  border-color: #ffffff;
}
*.dropdown-toggle {
  padding-right: 1.625rem;
}
.flush-list {
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.before-shadow:before {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.after-shadow:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.before-text-shadow:before {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.after-text-shadow:after {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
  box-shadow: none !important;
}
.full-size {
  width: 100% !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.no-display {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-float {
  float: none !important;
}
.no-visible {
  visibility: hidden !important;
}
.no-border {
  border: 0 !important;
}
.no-overflow {
  overflow: hidden !important;
}
.no-scroll {
  overflow: hidden !important;
}
.no-scroll-x {
  overflow-x: hidden !important;
}
.no-scroll-y {
  overflow-y: hidden !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.transparent-border {
  border-color: transparent !important;
}
.place-right {
  float: right !important;
}
.place-left {
  float: left !important;
}
.clear-float:before,
.clear-float:after {
  display: table;
  content: "";
}
.clear-float:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.debug {
  border: 1px dashed red;
}
.example {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.example:before,
.example:after {
  display: table;
  content: "";
}
.example:after {
  clear: both;
}
.example:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.padding10 {
  padding: 0.625rem;
}
.padding20 {
  padding: 1.25rem;
}
.padding30 {
  padding: 1.875rem;
}
.padding40 {
  padding: 2.5rem;
}
.padding50 {
  padding: 3.125rem;
}
.padding60 {
  padding: 3.75rem;
}
.padding70 {
  padding: 4.375rem;
}
.padding80 {
  padding: 5rem;
}
.padding90 {
  padding: 5.625rem;
}
.padding100 {
  padding: 6.25rem;
}
.padding5 {
  padding: 5px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 0.625rem;
}
.margin20 {
  margin: 1.25rem;
}
.margin30 {
  margin: 1.875rem;
}
.margin40 {
  margin: 2.5rem;
}
.margin50 {
  margin: 3.125rem;
}
.margin60 {
  margin: 3.75rem;
}
.margin70 {
  margin: 4.375rem;
}
.margin80 {
  margin: 5rem;
}
.margin90 {
  margin: 5.625rem;
}
.margin100 {
  margin: 6.25rem;
}
.opacity {
  opacity: .9;
}
.half-opacity {
  opacity: .5;
}
.hi-opacity {
  opacity: .2;
}
.element-selected {
  border: 4px #4390df solid;
}
.element-selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* Block function */
.set-border {
  border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
  border-width: 8px;
}
.set-border.large-border {
  border-width: 16px;
}
/* transform functions */
.rotate45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rotate90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.rotate135 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.rotate180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rotate225 {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.rotate270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.rotate360 {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.rotate-45 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.rotate-90 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.rotate-135 {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.rotate-180 {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.rotate-225 {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.rotate-270 {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.rotate-360 {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.rotateX45 {
  -webkit-transform: rotateX(45deg);
          transform: rotateX(45deg);
}
.rotateX90 {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.rotateX135 {
  -webkit-transform: rotateX(135deg);
          transform: rotateX(135deg);
}
.rotateX180 {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.rotateX225 {
  -webkit-transform: rotateX(225deg);
          transform: rotateX(225deg);
}
.rotateX270 {
  -webkit-transform: rotateX(270deg);
          transform: rotateX(270deg);
}
.rotateX360 {
  -webkit-transform: rotateX(360deg);
          transform: rotateX(360deg);
}
.rotateX-45 {
  -webkit-transform: rotateX(-45deg);
          transform: rotateX(-45deg);
}
.rotateX-90 {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
.rotateX-135 {
  -webkit-transform: rotateX(-135deg);
          transform: rotateX(-135deg);
}
.rotateX-180 {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.rotateX-225 {
  -webkit-transform: rotateX(-225deg);
          transform: rotateX(-225deg);
}
.rotateX-270 {
  -webkit-transform: rotateX(-270deg);
          transform: rotateX(-270deg);
}
.rotateX-360 {
  -webkit-transform: rotateX(-360deg);
          transform: rotateX(-360deg);
}
.rotateY45 {
  -webkit-transform: rotateY(45deg);
          transform: rotateY(45deg);
}
.rotateY90 {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.rotateY135 {
  -webkit-transform: rotateY(135deg);
          transform: rotateY(135deg);
}
.rotateY180 {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.rotateY225 {
  -webkit-transform: rotateY(225deg);
          transform: rotateY(225deg);
}
.rotateY270 {
  -webkit-transform: rotateY(270deg);
          transform: rotateY(270deg);
}
.rotateY360 {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.rotateY-45 {
  -webkit-transform: rotateY(-45deg);
          transform: rotateY(-45deg);
}
.rotateY-90 {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}
.rotateY-135 {
  -webkit-transform: rotateY(-135deg);
          transform: rotateY(-135deg);
}
.rotateY-180 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.rotateY-225 {
  -webkit-transform: rotateY(-225deg);
          transform: rotateY(-225deg);
}
.rotateY-270 {
  -webkit-transform: rotateY(-270deg);
          transform: rotateY(-270deg);
}
.rotateY-360 {
  -webkit-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
}
.ani-spin,
.ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
          animation: ani-spin 1.5s linear infinite;
}
.ani-spin.ani-fast,
.ani-hover-spin.ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
          animation: ani-spin 0.7s linear infinite;
}
.ani-spin.ani-slow,
.ani-hover-spin.ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
          animation: ani-spin 2.2s linear infinite;
}
.ani-pulse,
.ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
          animation: ani-pulse 1.7s infinite;
}
.ani-pulse.ani-fast,
.ani-hover-pulse.ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
          animation: ani-pulse 1s infinite;
}
.ani-pulse.ani-slow,
.ani-hover-pulse.ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
          animation: ani-pulse 3s infinite;
}
.ani-spanner,
.ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-spanner.ani-fast,
.ani-hover-spanner.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-spanner.ani-slow,
.ani-hover-spanner.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-ring,
.ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.ani-ring.ani-fast,
.ani-hover-ring.ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
          animation: ani-ring 1s ease infinite;
}
.ani-ring.ani-slow,
.ani-hover-ring.ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
          animation: ani-ring 3s ease infinite;
}
.ani-vertical,
.ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
          animation: ani-vertical 2s ease infinite;
}
.ani-vertical.ani-fast,
.ani-vertical.ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
          animation: ani-vertical 1s ease infinite;
}
.ani-vertical.ani-slow,
.ani-hover-vertical.ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
          animation: ani-vertical 4s ease infinite;
}
.ani-horizontal,
.ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
          animation: ani-horizontal 2s ease infinite;
}
.ani-horizontal.ani-fast,
.ani-horizontal.ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
          animation: ani-horizontal 1s ease infinite;
}
.ani-horizontal.ani-slow,
.ani-horizontal.ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
          animation: ani-horizontal 3s ease infinite;
}
.ani-flash,
.ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
          animation: ani-flash 2s ease infinite;
}
.ani-flash.ani-fast,
.ani-hover-flash.ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
          animation: ani-flash 1s ease infinite;
}
.ani-flash.ani-slow,
.ani-hover-flash.ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
          animation: ani-flash 3s ease infinite;
}
.ani-bounce,
.ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
          animation: ani-bounce 2s ease infinite;
}
.ani-bounce.ani-fast,
.ani-hover-bounce.ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
          animation: ani-bounce 1s ease infinite;
}
.ani-bounce.ani-slow,
.ani-hover-bounce.ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
          animation: ani-bounce 3s ease infinite;
}
.ani-float,
.ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
          animation: ani-float 2s linear infinite;
}
.ani-float.ani-fast,
.ani-hover-float.ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
          animation: ani-float 1s linear infinite;
}
.ani-float.ani-slow,
.ani-hover-float.ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
          animation: ani-float 3s linear infinite;
}
.ani-heartbeat,
.ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
          animation: ani-heartbeat 2s linear infinite;
}
.ani-heartbeat.ani-fast,
.ani-hover-heartbeat.ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
          animation: ani-heartbeat 1s linear infinite;
}
.ani-heartbeat.ani-slow,
.ani-hover-heartbeat.ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
          animation: ani-heartbeat 3s linear infinite;
}
.ani-shake,
.ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-shake.ani-fast,
.ani-hover-shake.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-shake.ani-slow,
.ani-hover-shake.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-shuttle,
.ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
          animation: ani-shuttle 2s linear infinite;
}
.ani-shuttle.ani-fast,
.ani-hover-shuttle.ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
          animation: ani-shuttle 1s linear infinite;
}
.ani-shuttle.ani-slow,
.ani-hover-shuttle.ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
          animation: ani-shuttle 3s linear infinite;
}
.ani-pass,
.ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
          animation: ani-pass 2s linear infinite;
}
.ani-pass.ani-fast,
.ani-hover-pass.ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
          animation: ani-pass 1s linear infinite;
}
.ani-pass.ani-slow,
.ani-hover-pass.ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
          animation: ani-pass 3s linear infinite;
}
.ani-ripple,
.ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
          animation: ani-ripple 2s infinite linear;
}
.ani-ripple.ani-fast,
.ani-hover-ripple.ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
          animation: ani-ripple 1s infinite linear;
}
.ani-ripple.ani-slow,
.ani-hover-ripple.ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
          animation: ani-ripple 3s infinite linear;
}
@-webkit-keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  10% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  15% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  10% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  15% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes cubemove {
  25% {
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
            transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
            transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
            transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes cubemove {
  25% {
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
            transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
            transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
            transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  7% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    -webkit-transform: rotate(690deg);
            transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(835deg);
            transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  7% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    -webkit-transform: rotate(690deg);
            transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(835deg);
            transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
}
@-webkit-keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-webkit-keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes ani-pulse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes ani-pulse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes ani-wrench {
  0% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes ani-wrench {
  0% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes ani-ring {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes ani-ring {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes ani-vertical {
  0% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  4% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  8% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  12% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  16% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  20% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  22% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ani-vertical {
  0% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  4% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  8% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  12% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  16% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  20% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  22% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes ani-horizontal {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  6% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  12% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  18% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  24% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  36% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ani-horizontal {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  6% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  12% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  18% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  24% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  36% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes ani-flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes ani-flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes ani-bounce {
  0%,
  10%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@-webkit-keyframes ani-float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ani-float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes ani-heartbeat {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes ani-heartbeat {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes ani-shuttle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
            transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: scale(1.3) rotate(8deg);
            transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
            transform: scale(1.3) rotate(-8deg);
  }
  80% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes ani-shuttle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
            transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: scale(1.3) rotate(8deg);
            transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
            transform: scale(1.3) rotate(-8deg);
  }
  80% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes ani-pass {
  0% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes ani-pass {
  0% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes ani-ripple {
  0% {
    opacity: .6;
  }
  50% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ani-ripple {
  0% {
    opacity: .6;
  }
  50% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-shrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes ani-shrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes ani-drop {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ani-drop {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ani-drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ani-drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ani-drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ani-drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ani-pre-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ani-pre-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.mif-ani-spin,
.mif-ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
          animation: ani-spin 1.5s linear infinite;
}
.mif-ani-spin.mif-ani-fast,
.mif-ani-hover-spin.mif-ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
          animation: ani-spin 0.7s linear infinite;
}
.mif-ani-spin.mif-ani-slow,
.mif-ani-hover-spin.mif-ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
          animation: ani-spin 2.2s linear infinite;
}
.mif-ani-pulse,
.mif-ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
          animation: ani-pulse 1.7s infinite;
}
.mif-ani-pulse.mif-ani-fast,
.mif-ani-hover-pulse.mif-ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
          animation: ani-pulse 1s infinite;
}
.mif-ani-pulse.mif-ani-slow,
.mif-ani-hover-pulse.mif-ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
          animation: ani-pulse 3s infinite;
}
.mif-ani-spanner,
.mif-ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.mif-ani-spanner.mif-ani-fast,
.mif-ani-hover-spanner.mif-ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.mif-ani-spanner.mif-ani-slow,
.mif-ani-hover-spanner.mif-ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.mif-ani-ring,
.mif-ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.mif-ani-ring.mif-ani-fast,
.mif-ani-hover-ring.mif-ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
          animation: ani-ring 1s ease infinite;
}
.mif-ani-ring.mif-ani-slow,
.mif-ani-hover-ring.mif-ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
          animation: ani-ring 3s ease infinite;
}
.mif-ani-vertical,
.mif-ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
          animation: ani-vertical 2s ease infinite;
}
.mif-ani-vertical.mif-ani-fast,
.mif-ani-vertical.mif-ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
          animation: ani-vertical 1s ease infinite;
}
.mif-ani-vertical.mif-ani-slow,
.mif-ani-hover-vertical.mif-ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
          animation: ani-vertical 4s ease infinite;
}
.mif-ani-horizontal,
.mif-ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
          animation: ani-horizontal 2s ease infinite;
}
.mif-ani-horizontal.mif-ani-fast,
.mif-ani-horizontal.mif-ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
          animation: ani-horizontal 1s ease infinite;
}
.mif-ani-horizontal.mif-ani-slow,
.mif-ani-horizontal.mif-ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
          animation: ani-horizontal 3s ease infinite;
}
.mif-ani-flash,
.mif-ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
          animation: ani-flash 2s ease infinite;
}
.mif-ani-flash.mif-ani-fast,
.mif-ani-hover-flash.mif-ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
          animation: ani-flash 1s ease infinite;
}
.mif-ani-flash.mif-ani-slow,
.mif-ani-hover-flash.mif-ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
          animation: ani-flash 3s ease infinite;
}
.mif-ani-bounce,
.mif-ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
          animation: ani-bounce 2s ease infinite;
}
.mif-ani-bounce.mif-ani-fast,
.mif-ani-hover-bounce.mif-ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
          animation: ani-bounce 1s ease infinite;
}
.mif-ani-bounce.mif-ani-slow,
.mif-ani-hover-bounce.mif-ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
          animation: ani-bounce 3s ease infinite;
}
.mif-ani-float,
.mif-ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
          animation: ani-float 2s linear infinite;
}
.mif-ani-float.mif-ani-fast,
.mif-ani-hover-float.mif-ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
          animation: ani-float 1s linear infinite;
}
.mif-ani-float.mif-ani-slow,
.mif-ani-hover-float.mif-ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
          animation: ani-float 3s linear infinite;
}
.mif-ani-heartbeat,
.mif-ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
          animation: ani-heartbeat 2s linear infinite;
}
.mif-ani-heartbeat.mif-ani-fast,
.mif-ani-hover-heartbeat.mif-ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
          animation: ani-heartbeat 1s linear infinite;
}
.mif-ani-heartbeat.mif-ani-slow,
.mif-ani-hover-heartbeat.mif-ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
          animation: ani-heartbeat 3s linear infinite;
}
.mif-ani-shake,
.mif-ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.mif-ani-shake.mif-ani-fast,
.mif-ani-hover-shake.mif-ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.mif-ani-shake.mif-ani-slow,
.mif-ani-hover-shake.mif-ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.mif-ani-shuttle,
.mif-ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
          animation: ani-shuttle 2s linear infinite;
}
.mif-ani-shuttle.mif-ani-fast,
.mif-ani-hover-shuttle.mif-ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
          animation: ani-shuttle 1s linear infinite;
}
.mif-ani-shuttle.mif-ani-slow,
.mif-ani-hover-shuttle.mif-ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
          animation: ani-shuttle 3s linear infinite;
}
.mif-ani-pass,
.mif-ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
          animation: ani-pass 2s linear infinite;
}
.mif-ani-pass.mif-ani-fast,
.mif-ani-hover-pass.mif-ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
          animation: ani-pass 1s linear infinite;
}
.mif-ani-pass.mif-ani-slow,
.mif-ani-hover-pass.mif-ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
          animation: ani-pass 3s linear infinite;
}
.mif-ani-ripple,
.mif-ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
          animation: ani-ripple 2s infinite linear;
}
.mif-ani-ripple.mif-ani-fast,
.mif-ani-hover-ripple.mif-ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
          animation: ani-ripple 1s infinite linear;
}
.mif-ani-ripple.mif-ani-slow,
.mif-ani-hover-ripple.mif-ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
          animation: ani-ripple 3s infinite linear;
}
.mif-unlink:before {
  content: "\f127";
}
.mif-fire-extinguisher:before {
  content: "\f134";
}
.mif-eur:before {
  content: "\f153";
}
.mif-gbp:before {
  content: "\f154";
}
.mif-dollar2:before {
  content: "\f155";
}
.mif-inr:before {
  content: "\f156";
}
.mif-cny:before {
  content: "\f157";
}
.mif-rouble:before {
  content: "\f158";
}
.mif-krw:before {
  content: "\f159";
}
.mif-bitcoin:before {
  content: "\f15a";
}
.mif-youtube2:before {
  content: "\f167";
}
.mif-youtube-play:before {
  content: "\f16a";
}
.mif-linux:before {
  content: "\f17c";
}
.mif-try:before {
  content: "\f195";
}
.mif-space-shuttle:before {
  content: "\f197";
}
.mif-openid:before {
  content: "\f19b";
}
.mif-digg:before {
  content: "\f1a6";
}
.mif-language:before {
  content: "\f1ab";
}
.mif-automobile:before {
  content: "\f1b9";
}
.mif-cab:before {
  content: "\f1ba";
}
.mif-jsfiddle:before {
  content: "\f1cc";
}
.mif-google-wallet:before {
  content: "\f1ee";
}
.mif-copyright:before {
  content: "\f1f9";
}
.mif-bicycle:before {
  content: "\f206";
}
.mif-bus:before {
  content: "\f207";
}
.mif-ship:before {
  content: "\f21a";
}
.mif-motorcycle:before {
  content: "\f21c";
}
.mif-train:before {
  content: "\f238";
}
.mif-subway:before {
  content: "\f239";
}
.mif-opencart:before {
  content: "\f23d";
}
.mif-trademark:before {
  content: "\f25c";
}
.mif-registered:before {
  content: "\f25d";
}
.mif-creative-commons:before {
  content: "\f25e";
}
.mif-wikipedia:before {
  content: "\f266";
}
.mif-amazon:before {
  content: "\f270";
}
.mif-fonticons:before {
  content: "\f280";
}
.mif-user-md:before {
  content: "\f0f0";
}
.mif-stethoscope:before {
  content: "\f0f1";
}
.mif-ambulance:before {
  content: "\f0f9";
}
.mif-medkit:before {
  content: "\f0fa";
}
.mif-paw:before {
  content: "\f1b0";
}
.mif-file-pdf:before {
  content: "\f1c1";
}
.mif-file-word:before {
  content: "\f1c2";
}
.mif-file-excel:before {
  content: "\f1c3";
}
.mif-file-powerpoint:before {
  content: "\f1c4";
}
.mif-file-image:before {
  content: "\f1c5";
}
.mif-file-archive:before {
  content: "\f1c6";
}
.mif-file-audio:before {
  content: "\f1c7";
}
.mif-file-movie:before {
  content: "\f1c8";
}
.mif-file-code:before {
  content: "\f1c9";
}
.mif-visa:before {
  content: "\f1f0";
}
.mif-mastercard:before {
  content: "\f1f1";
}
.mif-discover:before {
  content: "\f1f2";
}
.mif-amex:before {
  content: "\f1f3";
}
.mif-cc-paypal:before {
  content: "\f1f4";
}
.mif-heartbeat:before {
  content: "\f21e";
}
.mif-venus:before {
  content: "\f221";
}
.mif-mars:before {
  content: "\f222";
}
.mif-medium:before {
  content: "\f23a";
}
.mif-earth2:before {
  content: "\e6c1";
}
.mif-shit:before {
  content: "\e6c2";
}
.mif-broadcast:before {
  content: "\f048";
}
.mif-organization:before {
  content: "\f037";
}
.mif-squirrel:before {
  content: "\f0b2";
}
.mif-steps:before {
  content: "\f0c7";
}
.mif-versions:before {
  content: "\f064";
}
.mif-microscope:before {
  content: "\f089";
}
.mif-library:before {
  content: "\e921";
}
.mif-file-binary:before {
  content: "\f094";
}
.mif-mail-read:before {
  content: "\f03c";
}
.mif-quote:before {
  content: "\f063";
}
.mif-sunrise:before {
  content: "\e66c";
}
.mif-sun:before {
  content: "\e66d";
}
.mif-moon:before {
  content: "\e66e";
}
.mif-sun3:before {
  content: "\e66f";
}
.mif-windy:before {
  content: "\e670";
}
.mif-wind:before {
  content: "\e671";
}
.mif-snowflake:before {
  content: "\e672";
}
.mif-cloudy:before {
  content: "\e673";
}
.mif-cloud2:before {
  content: "\e674";
}
.mif-weather:before {
  content: "\e675";
}
.mif-weather2:before {
  content: "\e676";
}
.mif-weather3:before {
  content: "\e677";
}
.mif-lines:before {
  content: "\e678";
}
.mif-cloud3:before {
  content: "\e679";
}
.mif-lightning:before {
  content: "\e67a";
}
.mif-lightning2:before {
  content: "\e67b";
}
.mif-rainy:before {
  content: "\e67c";
}
.mif-rainy2:before {
  content: "\e67d";
}
.mif-windy2:before {
  content: "\e67e";
}
.mif-windy3:before {
  content: "\e67f";
}
.mif-snowy:before {
  content: "\e680";
}
.mif-snowy2:before {
  content: "\e681";
}
.mif-snowy3:before {
  content: "\e682";
}
.mif-weather4:before {
  content: "\e683";
}
.mif-cloudy2:before {
  content: "\e684";
}
.mif-cloud4:before {
  content: "\e685";
}
.mif-lightning3:before {
  content: "\e686";
}
.mif-sun4:before {
  content: "\e687";
}
.mif-moon2:before {
  content: "\e688";
}
.mif-cloudy3:before {
  content: "\e689";
}
.mif-cloud5:before {
  content: "\e68a";
}
.mif-cloud6:before {
  content: "\e68b";
}
.mif-lightning4:before {
  content: "\e68c";
}
.mif-rainy3:before {
  content: "\e68d";
}
.mif-rainy4:before {
  content: "\e68e";
}
.mif-windy4:before {
  content: "\e68f";
}
.mif-windy5:before {
  content: "\e690";
}
.mif-snowy4:before {
  content: "\e691";
}
.mif-snowy5:before {
  content: "\e692";
}
.mif-weather5:before {
  content: "\e693";
}
.mif-cloudy4:before {
  content: "\e694";
}
.mif-lightning5:before {
  content: "\e695";
}
.mif-thermometer:before {
  content: "\e696";
}
.mif-none:before {
  content: "\e698";
}
.mif-celsius:before {
  content: "\e699";
}
.mif-fahrenheit:before {
  content: "\e69a";
}
.mif-home:before {
  content: "\e900";
}
.mif-pencil:before {
  content: "\e905";
}
.mif-eyedropper:before {
  content: "\e90a";
}
.mif-paint:before {
  content: "\e90c";
}
.mif-image:before {
  content: "\e90d";
}
.mif-images:before {
  content: "\e90e";
}
.mif-camera:before {
  content: "\e90f";
}
.mif-headphones:before {
  content: "\e910";
}
.mif-music:before {
  content: "\e911";
}
.mif-film:before {
  content: "\e913";
}
.mif-video-camera:before {
  content: "\e914";
}
.mif-dice:before {
  content: "\e915";
}
.mif-wifi-connect:before {
  content: "\e91b";
}
.mif-feed:before {
  content: "\e91d";
}
.mif-mic:before {
  content: "\e91e";
}
.mif-books:before {
  content: "\e920";
}
.mif-file-empty:before {
  content: "\e924";
}
.mif-files-empty:before {
  content: "\e925";
}
.mif-file-text:before {
  content: "\e926";
}
.mif-file-picture:before {
  content: "\e927";
}
.mif-file-music:before {
  content: "\e928";
}
.mif-file-play:before {
  content: "\e929";
}
.mif-file-video:before {
  content: "\e92a";
}
.mif-file-zip:before {
  content: "\e92b";
}
.mif-stack:before {
  content: "\e92e";
}
.mif-folder:before {
  content: "\e92f";
}
.mif-folder-open:before {
  content: "\e930";
}
.mif-folder-plus:before {
  content: "\e931";
}
.mif-folder-minus:before {
  content: "\e932";
}
.mif-folder-download:before {
  content: "\e933";
}
.mif-folder-upload:before {
  content: "\e934";
}
.mif-tag:before {
  content: "\e935";
}
.mif-tags:before {
  content: "\e936";
}
.mif-barcode:before {
  content: "\e937";
}
.mif-qrcode:before {
  content: "\e938";
}
.mif-cart:before {
  content: "\e93a";
}
.mif-credit-card:before {
  content: "\e93f";
}
.mif-calculator:before {
  content: "\e940";
}
.mif-help:before {
  content: "\e941";
}
.mif-phone:before {
  content: "\e942";
}
.mif-envelop:before {
  content: "\e945";
}
.mif-location:before {
  content: "\e948";
}
.mif-compass:before {
  content: "\e949";
}
.mif-compass2:before {
  content: "\e94a";
}
.mif-map:before {
  content: "\e94b";
}
.mif-history:before {
  content: "\e94d";
}
.mif-bell:before {
  content: "\e951";
}
.mif-calendar:before {
  content: "\e953";
}
.mif-printer:before {
  content: "\e954";
}
.mif-keyboard:before {
  content: "\e955";
}
.mif-display:before {
  content: "\e956";
}
.mif-laptop:before {
  content: "\e957";
}
.mif-mobile:before {
  content: "\e959";
}
.mif-tablet:before {
  content: "\e95a";
}
.mif-download:before {
  content: "\e960";
}
.mif-upload:before {
  content: "\e961";
}
.mif-floppy-disk:before {
  content: "\e962";
}
.mif-drive:before {
  content: "\e963";
}
.mif-database:before {
  content: "\e964";
}
.mif-undo:before {
  content: "\e965";
}
.mif-redo:before {
  content: "\e966";
}
.mif-bubble:before {
  content: "\e96b";
}
.mif-bubbles:before {
  content: "\e96c";
}
.mif-user:before {
  content: "\e971";
}
.mif-users:before {
  content: "\e972";
}
.mif-user-plus:before {
  content: "\e973";
}
.mif-user-minus:before {
  content: "\e974";
}
.mif-user-check:before {
  content: "\e975";
}
.mif-hour-glass:before {
  content: "\e979";
}
.mif-spinner:before {
  content: "\e97a";
}
.mif-spinner1:before {
  content: "\e97b";
}
.mif-spinner2:before {
  content: "\e97d";
}
.mif-spinner3:before {
  content: "\e981";
}
.mif-spinner4:before {
  content: "\e982";
}
.mif-spinner5:before {
  content: "\e983";
}
.mif-search:before {
  content: "\e986";
}
.mif-zoom-in:before {
  content: "\e987";
}
.mif-zoom-out:before {
  content: "\e988";
}
.mif-enlarge:before {
  content: "\e989";
}
.mif-shrink:before {
  content: "\e98a";
}
.mif-enlarge2:before {
  content: "\e98b";
}
.mif-shrink2:before {
  content: "\e98c";
}
.mif-key:before {
  content: "\e98d";
}
.mif-wrench:before {
  content: "\e991";
}
.mif-equalizer:before {
  content: "\e992";
}
.mif-equalizer-v:before {
  content: "\e993";
}
.mif-cog:before {
  content: "\e994";
}
.mif-cogs:before {
  content: "\e995";
}
.mif-magic-wand:before {
  content: "\e997";
}
.mif-bug:before {
  content: "\e999";
}
.mif-chart-pie:before {
  content: "\e99a";
}
.mif-chart-dots:before {
  content: "\e99b";
}
.mif-chart-bars:before {
  content: "\e99c";
}
.mif-chart-bars2:before {
  content: "\e99d";
}
.mif-trophy:before {
  content: "\e99e";
}
.mif-gift:before {
  content: "\e99f";
}
.mif-spoon-fork:before {
  content: "\e9a3";
}
.mif-rocket:before {
  content: "\e9a5";
}
.mif-meter:before {
  content: "\e9a6";
}
.mif-hammer:before {
  content: "\e9a8";
}
.mif-fire:before {
  content: "\e9a9";
}
.mif-lab:before {
  content: "\e9aa";
}
.mif-bin:before {
  content: "\e9ac";
}
.mif-truck:before {
  content: "\e9b0";
}
.mif-target:before {
  content: "\e9b3";
}
.mif-power:before {
  content: "\e9b5";
}
.mif-switch:before {
  content: "\e9b6";
}
.mif-power-cord:before {
  content: "\e9b7";
}
.mif-clipboard:before {
  content: "\e9b8";
}
.mif-list-numbered:before {
  content: "\e9b9";
}
.mif-list:before {
  content: "\e9ba";
}
.mif-list2:before {
  content: "\e9bb";
}
.mif-tree:before {
  content: "\e9bc";
}
.mif-cloud:before {
  content: "\e9c1";
}
.mif-cloud-download:before {
  content: "\e9c2";
}
.mif-cloud-upload:before {
  content: "\e9c3";
}
.mif-download2:before {
  content: "\e9c7";
}
.mif-upload2:before {
  content: "\e9c8";
}
.mif-earth:before {
  content: "\e9ca";
}
.mif-link:before {
  content: "\e9cb";
}
.mif-flag:before {
  content: "\e9cc";
}
.mif-attachment:before {
  content: "\e9cd";
}
.mif-eye:before {
  content: "\e9ce";
}
.mif-bookmark:before {
  content: "\e9d2";
}
.mif-bookmarks:before {
  content: "\e9d3";
}
.mif-contrast:before {
  content: "\e9d5";
}
.mif-brightness:before {
  content: "\e9d6";
}
.mif-star-empty:before {
  content: "\e9d7";
}
.mif-star-half:before {
  content: "\e9d8";
}
.mif-star-full:before {
  content: "\e9d9";
}
.mif-heart:before {
  content: "\e9da";
}
.mif-heart-broken:before {
  content: "\e9db";
}
.mif-warning:before {
  content: "\ea07";
}
.mif-notification:before {
  content: "\ea08";
}
.mif-question:before {
  content: "\ea09";
}
.mif-plus:before {
  content: "\ea0a";
}
.mif-minus:before {
  content: "\ea0b";
}
.mif-info:before {
  content: "\ea0c";
}
.mif-cancel:before {
  content: "\ea0d";
}
.mif-blocked:before {
  content: "\ea0e";
}
.mif-cross:before {
  content: "\ea0f";
}
.mif-checkmark:before {
  content: "\ea10";
}
.mif-spell-check:before {
  content: "\ea12";
}
.mif-enter:before {
  content: "\ea13";
}
.mif-exit:before {
  content: "\ea14";
}
.mif-play:before {
  content: "\ea1c";
}
.mif-pause:before {
  content: "\ea1d";
}
.mif-stop:before {
  content: "\ea1e";
}
.mif-backward:before {
  content: "\ea1f";
}
.mif-forward:before {
  content: "\ea20";
}
.mif-first:before {
  content: "\ea21";
}
.mif-last:before {
  content: "\ea22";
}
.mif-previous:before {
  content: "\ea23";
}
.mif-next:before {
  content: "\ea24";
}
.mif-eject:before {
  content: "\ea25";
}
.mif-volume-high:before {
  content: "\ea26";
}
.mif-volume-medium:before {
  content: "\ea27";
}
.mif-volume-low:before {
  content: "\ea28";
}
.mif-volume-mute:before {
  content: "\ea29";
}
.mif-volume-mute2:before {
  content: "\ea2a";
}
.mif-volume-plus:before {
  content: "\ea2b";
}
.mif-volume-minus:before {
  content: "\ea2c";
}
.mif-loop:before {
  content: "\ea2d";
}
.mif-loop2:before {
  content: "\ea2e";
}
.mif-infinite:before {
  content: "\ea2f";
}
.mif-shuffle:before {
  content: "\ea30";
}
.mif-arrow-up-left:before {
  content: "\ea39";
}
.mif-arrow-up:before {
  content: "\ea3a";
}
.mif-arrow-up-right:before {
  content: "\ea3b";
}
.mif-arrow-right:before {
  content: "\ea3c";
}
.mif-arrow-down-right:before {
  content: "\ea3d";
}
.mif-arrow-down:before {
  content: "\ea3e";
}
.mif-arrow-down-left:before {
  content: "\ea3f";
}
.mif-arrow-left:before {
  content: "\ea40";
}
.mif-tab:before {
  content: "\ea45";
}
.mif-move-up:before {
  content: "\ea46";
}
.mif-move-down:before {
  content: "\ea47";
}
.mif-sort-asc:before {
  content: "\ea4c";
}
.mif-sort-desc:before {
  content: "\ea4d";
}
.mif-command:before {
  content: "\ea4e";
}
.mif-shift:before {
  content: "\ea4f";
}
.mif-crop:before {
  content: "\ea57";
}
.mif-filter:before {
  content: "\ea5b";
}
.mif-bold:before {
  content: "\ea62";
}
.mif-underline:before {
  content: "\ea63";
}
.mif-italic:before {
  content: "\ea64";
}
.mif-strikethrough:before {
  content: "\ea65";
}
.mif-page-break:before {
  content: "\ea68";
}
.mif-superscript:before {
  content: "\ea69";
}
.mif-subscript:before {
  content: "\ea6a";
}
.mif-table:before {
  content: "\ea71";
}
.mif-insert-template:before {
  content: "\ea72";
}
.mif-pilcrow:before {
  content: "\ea73";
}
.mif-ltr:before {
  content: "\ea74";
}
.mif-rtl:before {
  content: "\ea75";
}
.mif-section:before {
  content: "\ea76";
}
.mif-paragraph-left:before {
  content: "\ea77";
}
.mif-paragraph-center:before {
  content: "\ea78";
}
.mif-paragraph-right:before {
  content: "\ea79";
}
.mif-paragraph-justify:before {
  content: "\ea7a";
}
.mif-indent-increase:before {
  content: "\ea7b";
}
.mif-indent-decrease:before {
  content: "\ea7c";
}
.mif-embed:before {
  content: "\ea7f";
}
.mif-embed2:before {
  content: "\ea80";
}
.mif-share:before {
  content: "\ea82";
}
.mif-google:before {
  content: "\ea87";
}
.mif-google-plus:before {
  content: "\ea88";
}
.mif-facebook:before {
  content: "\ea8d";
}
.mif-twitter:before {
  content: "\ea91";
}
.mif-feed3:before {
  content: "\ea95";
}
.mif-youtube:before {
  content: "\ea99";
}
.mif-steam:before {
  content: "\eaae";
}
.mif-onedrive:before {
  content: "\eab0";
}
.mif-github:before {
  content: "\eab3";
}
.mif-git:before {
  content: "\eab5";
}
.mif-apple:before {
  content: "\eabf";
}
.mif-android:before {
  content: "\eac1";
}
.mif-windows:before {
  content: "\eac3";
}
.mif-skype:before {
  content: "\eac6";
}
.mif-linkedin:before {
  content: "\eac8";
}
.mif-html5:before {
  content: "\eadf";
}
.mif-css3:before {
  content: "\eae1";
}
.mif-chrome:before {
  content: "\eae5";
}
.mif-firefox:before {
  content: "\eae6";
}
.mif-ie:before {
  content: "\eae7";
}
.mif-opera:before {
  content: "\eae8";
}
.mif-safari:before {
  content: "\eae9";
}
.mif-airplane:before {
  content: "\e6c3";
}
.mif-truck2:before {
  content: "\e6c4";
}
.mif-instagram:before {
  content: "\e6c5";
}
.mif-twitch:before {
  content: "\e6c6";
}
.mif-picassa:before {
  content: "\e6c7";
}
.mif-deviantart2:before {
  content: "\e6c8";
}
.mif-wordpress2:before {
  content: "\e6c9";
}
.mif-joomla:before {
  content: "\e6ca";
}
.mif-blogger:before {
  content: "\e6cb";
}
.mif-tux:before {
  content: "\e6cc";
}
.mif-finder:before {
  content: "\e6cd";
}
.mif-soundcloud:before {
  content: "\e6ce";
}
.mif-reddit:before {
  content: "\e6cf";
}
.mif-delicious:before {
  content: "\e6d0";
}
.mif-stackoverflow:before {
  content: "\e6d1";
}
.mif-flattr:before {
  content: "\e6d2";
}
.mif-foursquare:before {
  content: "\e6d3";
}
.mif-file-openoffice:before {
  content: "\e6d4";
}
.mif-libreoffice:before {
  content: "\e6d5";
}
.mif-codepen:before {
  content: "\e6d6";
}
.mif-IcoMoon:before {
  content: "\e6d7";
}
.mif-stack2:before {
  content: "\e6b9";
}
.mif-stack3:before {
  content: "\e6ba";
}
.mif-lamp:before {
  content: "\e6bb";
}
.mif-injection:before {
  content: "\e6bc";
}
.mif-thermometer2:before {
  content: "\e6bd";
}
.mif-justice:before {
  content: "\e6be";
}
.mif-cabinet:before {
  content: "\e62b";
}
.mif-suitcase:before {
  content: "\e62c";
}
.mif-gamepad:before {
  content: "\e65e";
}
.mif-satellite:before {
  content: "\e65f";
}
.mif-lock:before {
  content: "\e660";
}
.mif-unlock:before {
  content: "\e661";
}
.mif-battery-full:before {
  content: "\e62d";
}
.mif-battery-two:before {
  content: "\e62e";
}
.mif-battery-one:before {
  content: "\e62f";
}
.mif-battery-empty:before {
  content: "\e630";
}
.mif-battery-charge:before {
  content: "\e631";
}
.mif-tools:before {
  content: "\e632";
}
.mif-pin:before {
  content: "\e662";
}
.mif-discout:before {
  content: "\e663";
}
.mif-profile:before {
  content: "\e664";
}
.mif-dollar:before {
  content: "\e665";
}
.mif-dollars:before {
  content: "\e666";
}
.mif-coins:before {
  content: "\e6b8";
}
.mif-male:before {
  content: "\e667";
}
.mif-female:before {
  content: "\e668";
}
.mif-piano:before {
  content: "\e669";
}
.mif-anchor:before {
  content: "\e66a";
}
.mif-directions-bike:before {
  content: "\e6bf";
}
.mif-location-city:before {
  content: "\e6c0";
}
.mif-wifi-low:before {
  content: "\e60c";
}
.mif-wifi-mid:before {
  content: "\e60d";
}
.mif-wifi-full:before {
  content: "\e634";
}
.mif-tablet-landscape:before {
  content: "\e635";
}
.mif-calculator2:before {
  content: "\e636";
}
.mif-barbell:before {
  content: "\e637";
}
.mif-chart-line:before {
  content: "\e656";
}
.mif-3d-rotation:before {
  content: "\e600";
}
.mif-alarm:before {
  content: "\e601";
}
.mif-alarm-on:before {
  content: "\e602";
}
.mif-favorite:before {
  content: "\e603";
}
.mif-perm-phone-msg:before {
  content: "\e604";
}
.mif-print:before {
  content: "\e605";
}
.mif-bt-settings:before {
  content: "\e606";
}
.mif-settings-ethernet:before {
  content: "\e607";
}
.mif-settings-phone:before {
  content: "\e608";
}
.mif-settings-power:before {
  content: "\e609";
}
.mif-settings-voice:before {
  content: "\e60a";
}
.mif-shopping-basket:before {
  content: "\e60b";
}
.mif-dialer-sip:before {
  content: "\e60e";
}
.mif-dialpad:before {
  content: "\e60f";
}
.mif-contacts-dialer:before {
  content: "\e610";
}
.mif-contacts-mail:before {
  content: "\e611";
}
.mif-ring-volume:before {
  content: "\e612";
}
.mif-voicemail:before {
  content: "\e613";
}
.mif-drafts:before {
  content: "\e614";
}
.mif-mail:before {
  content: "\e615";
}
.mif-bluetooth:before {
  content: "\e626";
}
.mif-bt-connected:before {
  content: "\e627";
}
.mif-bt-disabled:before {
  content: "\e628";
}
.mif-bt-searching:before {
  content: "\e629";
}
.mif-brightness-auto:before {
  content: "\e62a";
}
.mif-multitrack-audio:before {
  content: "\e616";
}
.mif-widgets:before {
  content: "\e617";
}
.mif-usb:before {
  content: "\e638";
}
.mif-money:before {
  content: "\e639";
}
.mif-vertical-align-bottom:before {
  content: "\e63a";
}
.mif-vertical-align-center:before {
  content: "\e63b";
}
.mif-vertical-align-top:before {
  content: "\e63c";
}
.mif-file-download:before {
  content: "\e63d";
}
.mif-file-upload:before {
  content: "\e63e";
}
.mif-keyboard-return:before {
  content: "\e63f";
}
.mif-keyboard-voice:before {
  content: "\e640";
}
.mif-phonelink:before {
  content: "\e641";
}
.mif-phonelink-off:before {
  content: "\e642";
}
.mif-security:before {
  content: "\e618";
}
.mif-looks:before {
  content: "\e643";
}
.mif-palette:before {
  content: "\e619";
}
.mif-layers:before {
  content: "\e644";
}
.mif-layers-clear:before {
  content: "\e61a";
}
.mif-local-airport:before {
  content: "\e645";
}
.mif-florist:before {
  content: "\e61b";
}
.mif-gas-station:before {
  content: "\e61c";
}
.mif-hotel:before {
  content: "\e646";
}
.mif-local-service:before {
  content: "\e61d";
}
.mif-map2:before {
  content: "\e620";
}
.mif-my-location:before {
  content: "\e61e";
}
.mif-traff:before {
  content: "\e621";
}
.mif-apps:before {
  content: "\e647";
}
.mif-chevron-left:before {
  content: "\e648";
}
.mif-chevron-right:before {
  content: "\e649";
}
.mif-expand-less:before {
  content: "\e64a";
}
.mif-expand-more:before {
  content: "\e64b";
}
.mif-menu:before {
  content: "\e64c";
}
.mif-more-horiz:before {
  content: "\e64d";
}
.mif-more-vert:before {
  content: "\e64e";
}
.mif-unfold-less:before {
  content: "\e64f";
}
.mif-unfold-more:before {
  content: "\e650";
}
.mif-bt-audio:before {
  content: "\e651";
}
.mif-not:before {
  content: "\e633";
}
.mif-drive-eta:before {
  content: "\e652";
}
.mif-event-available:before {
  content: "\e653";
}
.mif-event-busy:before {
  content: "\e654";
}
.mif-folder-special:before {
  content: "\e655";
}
.mif-phone-bt:before {
  content: "\e657";
}
.mif-phone-forwarded:before {
  content: "\e658";
}
.mif-phone-in-talk:before {
  content: "\e659";
}
.mif-phone-locked:before {
  content: "\e65a";
}
.mif-phone-missed:before {
  content: "\e65b";
}
.mif-phone-paused:before {
  content: "\e65c";
}
.mif-sd-card:before {
  content: "\e65d";
}
.mif-sync-disabled:before {
  content: "\e622";
}
.mif-sync-problem:before {
  content: "\e623";
}
.mif-vpn-lock:before {
  content: "\e624";
}
.mif-vpn-publ:before {
  content: "\e625";
}
.mif-school:before {
  content: "\e61f";
}
.mif-chevron-thin-down:before {
  content: "\e66b";
}
.mif-chevron-thin-left:before {
  content: "\e697";
}
.mif-chevron-thin-right:before {
  content: "\e69b";
}
.mif-chevron-thin-up:before {
  content: "\e69c";
}
.mif-flow-branch:before {
  content: "\e69d";
}
.mif-flow-cascade:before {
  content: "\e69e";
}
.mif-flow-line:before {
  content: "\e69f";
}
.mif-flow-parallel:before {
  content: "\e6a0";
}
.mif-flow-tree:before {
  content: "\e6a1";
}
.mif-air:before {
  content: "\e6a2";
}
.mif-medal:before {
  content: "\e6a3";
}
.mif-paper-plane:before {
  content: "\e6a4";
}
.mif-shareable:before {
  content: "\e6a5";
}
.mif-shop:before {
  content: "\e6a6";
}
.mif-shopping-basket2:before {
  content: "\e6a7";
}
.mif-thumbs-down:before {
  content: "\e6a8";
}
.mif-thumbs-up:before {
  content: "\e6a9";
}
.mif-traffic-cone:before {
  content: "\e6aa";
}
.mif-water:before {
  content: "\e6ab";
}
.mif-creative-cloud:before {
  content: "\e6ac";
}
.mif-dropbox:before {
  content: "\e6ad";
}
.mif-evernote:before {
  content: "\e6ae";
}
.mif-paypal:before {
  content: "\e6af";
}
.mif-swarm:before {
  content: "\e6b0";
}
.mif-vk:before {
  content: "\e6b1";
}
.mif-yelp:before {
  content: "\e6b2";
}
.mif-dribbble:before {
  content: "\e6b3";
}
.mif-lastfm:before {
  content: "\e6b4";
}
.mif-pinterest:before {
  content: "\e6b5";
}
.mif-stumbleupon:before {
  content: "\e6b6";
}
.mif-vimeo:before {
  content: "\e6b7";
}


.silky-bs {
    display: flex ;
    position: fixed ;
    overflow: hidden;
    left: 0 ;
    top: 0 ;
    background-color: #F0F0F0 ;
    z-index: 100 ;
    width: 0px;
    height: 100% ;
    transition: .2s width ease-out;
}

.ops-title{
    opacity: 1;
    vertical-align: -moz-middle-with-baseline;
    line-height: 100px;
    color: white;
    font-size: 30px;
    font-weight: lighter;
    background-image: none !important;
    text-indent: 40px;
}

.place-title {
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #3e6da9;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: lighter;
    text-indent: 10px;
}

.searchbox {
    position: relative;
    margin: 5px 5px 9px 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.searchbox > .image {
    width: 20px;
    height: 20px;
    filter: opacity(60%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-image: url('../assets/variable-search-a7442534.svg');
    border-radius: 3px;
    margin-right: 4px;
}

.searchbox > input {
    width: 100%;
    padding-left: 5px;
}

.silky-bs.activated {
    width: 250px;
}

.silky-bs.activated-sub {
    width: 750px;
}

.silky-bs-op-panel {
    min-width: 250px;
    max-width: 250px;
    left: 0;
    top: 0 ;
    height: 100% ;
    z-index: 0 ;
    background-color: #FFFFFF ;
    color: #333333 ;
    display: flex;
    flex-direction: column;
}

.silky-bs-main {
    display: flex;
    flex: 1;
    position: relative;
    -webkit-app-region: no-drag;
}

.silky-bs-header {
    display: flex ;
    height: 100px;
    background-color: #3E6DA9 ;
}

.silky-bs-logo {
    flex: 4;
    background-image: url('../assets/logo-store-56b38c9a.svg');
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center;
}

.silky-bs-back {
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
}

.silky-bs-back-button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 35px;
    width: 35px;
    box-sizing: border-box;
}

.silky-bs-back-button > div {
    flex: 1;
    mask: url('../assets/action-back-f862716f.svg') 0 0/30px 30px no-repeat;
    background-color: #FFFFFF;
    -webkit-mask: url('../assets/action-back-f862716f.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 30px;
    width: 40px;
    height: 40px;
}

.silky-bs-back-button:hover > div {
    background-color: #B2C2D7 ;
}

.silky-bs-op-list {
    margin-top: 20px;
}

.silky-bs-op-separator {
    flex: 1;
}

.disabled-div {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
    pointer-events: none;
}

.silky-bs-op-button, .silky-bs-op-header {
    padding: 12px 24px 12px 18px;
    cursor: default ;
    /*font-weight: bold;*/
    font-size: 120%;
    font-weight: 400;
}

.silky-bs-op-button:hover {
    background-color: #f3f6fb ;
}

.selected > .silky-bs-op-button {
    background-color: #F0F0F0 ;
    font-weight: 500;
    /*color: #cf901b;*/
}

.silky-bs-menu-item.selected {
    padding: 10px 0px 10px 0px;
}

.silky-bs-menu-item {
    transition: .2s padding ease-out;
}

.silky-bs-op-places {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    transition: .2s height ease-out, .2s opacity ease-out, 0.2s visibility ease-out;
    visibility: hidden;
}

.silky-bs-op-place.selected-place {
    /*background-color: #e1e9f4 ;*/
    padding: 8px 0px 8px 28px;
    font-weight: bold;
    color: #3E6DA9;
    font-size: 105%;
    /*font-weight: 500;*/

}

.silky-bs-op-place {
    padding: 8px 0px 8px 28px;
    transition: .2s padding ease-out;
}

.silky-bs-op-place:not(.selected-place):hover {
    background-color: #f6f9fd ;
}

.silky-bs-op-recents-main {
    margin-bottom: 20px;
    overflow: hidden;
}

.silky-bs-fslist:focus, #backstage:focus {
    outline: none;
}

.silky-bs-op-recents.silky-bs-fslist {
    padding-left: 0px;
}

.silky-bs-op-recents .silky-bs-fslist-item {
    height: 20px ;
}

.silky-bs-op-recents .silky-bs-fslist-entry {
    padding-left: 25px;
    width: auto;
}

.silky-bs-op-recents .silky-bs-fslist-entry:hover {
    background-color: #f3f6fb ;
}

.silky-bs-op-recents .silky-bs-fslist-entry-meta {
    display: none;
}

.silky-bs-op-recents .silky-bs-fslist-entry-icon {
    width: 20px;
    height: 20px;
}

.silky-bs-op-recents .silky-bs-fslist-entry-name {
    width: 180px ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}

.silky-bs-mid {
    color: #555555 ;
    flex: 1;
}

.silky-bs-places-panel {
    padding-top: 50px ;
    top: 0 ;
    width: 300px ;
    height: 100% ;
}

.silky-bs-mid .silky-bs-title {
    margin-bottom: 24px ;
}

.silky-bs-mid .silky-bs-places {
    border-right: 1px solid #DDDDDD ;
    bottom: 24px ;
}

.silky-bs-mid hr {
    height: 1px ;
    background-color: #CCCCCC ;
}

.silky-bs-place {
    font-size: 120% ;
    height: 40px ;
    line-height: 40px ;
    padding-left: 12px ;
    margin-top: 6px ;
    background-size: auto 60% ;
    background-repeat: no-repeat ;
    background-position: 8px center ;
    padding-left: 40px ;
}

.silky-bs-place-separator {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #DDDDDD;
    height: 6px;
    margin-right: 20px;
}

.silky-bs-place:hover {
    background-color: #DBE4F3 ;
}

.silky-bs-place:active,
.silky-bs-place[data-selected] {
    background-color: #BACDE6 ;
}

.silky-bs-place[data-place="recent"] {
    background-image: url('../assets/place-recent-e2814636.svg');
}

.silky-bs-place[data-place="thispc"] {
    background-image: url('../assets/place-this-pc-fa2c842e.svg');
}

.silky-bs-place[data-place="browse"] {
    background-image: url('../assets/place-browse-81728b12.svg');
}

.silky-bs-place[data-place="osf"] {
    background-image: url('../assets/place-osf-7e7bdea6.svg');
}

.silky-bs-place[data-place="examples"] {
    background-image: url('../assets/place-folder-favourite-4f4f4da5.svg');
}

.silky-bs-choices {
    position: absolute ;
    left: 435px ;
    top: 136px ;
    bottom: 20px ;
    right: 10px ;
    padding: 18px 18px 18px 0px ;
    box-sizing: border-box ;
    overflow: hidden;
}

.silky-bs-choices-list {
    flex: 1;
    position: absolute ;
    top: 0 ;
    min-height: 100px ;
    min-width: 100px ;
    overflow: hidden;
    padding: 20px;
    transition: .2s opacity ease-out, 0.2s visibility ease-out;
    opacity: 0;
    visibility: hidden;
}

.silky-bs-choices-list.fade-in {
    opacity: 1;
    visibility: visible;
}

.silky-bs-fslist {
    display: flex;
    flex-flow: column; nowrap;
}

.silky-bs-fslist-entry {
    padding: 6px ;
    width: 310px ;
    white-space: nowrap ;
}

.silky-bs-fslist-entry:hover, .silky-bs-fslist-item:hover {
    background-color: #DBE4F3 ;
}

.silky-bs-fslist-entry-icon {
    width: 40px ;
    height: 40px ;
    background-image: url('../assets/document-spreadsheet-115a9a2b.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
    margin-left: 2px ;
    margin-right: 2px ;
}

.silky-bs-fslist-item {
    box-sizing: border-box;
    height: 48px ;
    display: flex ;
    flex-flow: row nowrap;
    box-sizing: border-box;
    align-items: center;
    padding-right: 4px ;
    border: 1px solid transparent;
}

.silky-bs-fslist-item > * {
    margin-left: 2px;
    margin-right: 2px;
}

.silky-bs-flist-icon {
    width: 40px ;
    height: 40px ;
    background-size: 100% ;
    /*display: inline-block ;
    vertical-align: middle ;*/
}

.silky-bs-flist-item-csv-icon {
    background-image: url('../assets/document-spreadsheet-115a9a2b.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
}

.silky-bs-flist-item-omv-icon {
    background-image: url('../assets/document-native-72f1a4f0.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
}

.silky-bs-flist-item-omt-icon {
    background-image: url('../assets/document-template-7ebcbaf9.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
}

.silky-bs-flist-item-folder-browse-icon {
    background-image: url('../assets/place-browse-81728b12.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
}

.silky-bs-flist-item-folder-icon {
    background-image: url('../assets/place-folder-25b151da.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
}

.silky-bs-flist-item-folder-special-icon {
    background-image: url('../assets/place-folder-favourite-4f4f4da5.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
}

.silky-bs-flist-import-icon {
    background-image: url('../assets/action-save-a737f4c9.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
    width: 22px ;
    height: 22px ;
}

.silky-bs-flist-save-icon {
    background-image: url('../assets/action-save-a737f4c9.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% ;
    width: 22px ;
    height: 22px ;
}

.silky-bs-flist-save-icon.saving-file, .silky-bs-flist-import-icon.saving-file {
    background-image: url('../assets/indicator-running-69a358bd.svg');
}

.indicator-box {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 10px;
}

.indicator-box .loading-indicator {
    background-image: url('../assets/indicator-running-69a358bd.svg');
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}

.silky-bs-fslist-items {
    position: relative;
}

.silky-bs-fslist-entry-group {
    width: 100% ;
}

.silky-bs-fslist-entry-group,
.silky-bs-fslist-entry-icon,
.silky-bs-flist-item-icon {
    display: inline-block ;
    vertical-align: middle ;
}

.silky-bs-flist-item-icon {
    font-size: 30px ;
    width: 40px ;
    box-sizing: border-box ;
    text-align: center ;
    vertical-align: middle ;
    cursor: default ;
}

.silky-bs-fslist-entry-meta {
    margin-top: 3px ;
    font-size: 75% ;
    display: grid ;
    grid-template-columns: 1fr max-content max-content ;
    align-items: center ;
}

.silky-bs-fslist-entry-meta .description {
    grid-column: 1 / 3;
    grid-row: 1;
    color: #777777;
}

.silky-bs-fslist-entry-meta .tags {
    grid-column: 2 / 3;
    grid-row: 1;
}

.silky-bs-fslist-entry-meta .tag {
    display: inline-block ;
    padding: 2px 4px ;
    /*border-radius: 2px ;*/
    border-width: 1px ;
    border-style: solid ;
    margin: 2px ;
    color: #FEFEFE ;
}

.silky-bs-fslist-entry-meta .license {
    grid-column: 3 / 3;
    grid-row: 1;
}


.silky-bs-fslist-entry-path {
    display: none ;
}

.silky-bs-fslist-path-browser {
    flex: 0 1 auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    /*border-top: #e1e1e1 solid 2px;*/
}

.silky-bs-header {
    -webkit-app-region: drag;
}

.silky-bs-header .silky-bs-back-button div {
    -webkit-app-region: no-drag;
}

.silky-bs-fslist-footer {
    margin-top: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDDDDD ;
    padding-top: 5px;
}

.silky-bs-fslist-header {
    /*padding-bottom: 5px;*/
    margin-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDDDDD ;
}

.silky-bs-fslist-browser-save-name {
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    width: 100%;
    font-size: 15px ;
    margin-bottom: 2px;
    padding: 4px 4px 4px 4px;
    box-sizing: border-box;
}

.silky-bs-fslist-browser-save-filetype {
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    background-color: #FFFFFF;
    width: 100%;
    margin-top: 2px;
    box-sizing: border-box;
}

.silky-bs-fslist-browser-save-filetype-inner {
    width: 100%;
    font-size: 14px ;
    box-sizing: border-box;
    border: none;
    padding: 3px 4px 3px 2px;
    background-color: transparent;
}

.silky-bs-fslist-save-options {
    margin-bottom: 20px;
}

.silky-bs-fslist-import-options {
    margin-top: 5px;
    height: 30px;
    opacity: 1;
    transition: 0.2s opacity, 0.2s height, 0.2s visibility;
    visibility: visible;
}

.silky-bs-fslist-import-options.hidden {
    height: 0px;
    opacity: 0;
    visibility: hidden;
}

.jmv-bs-fslist-checkbox {
    margin-left: 5px !important;
    margin-right: 0px !important;
    opacity: 1;
    transition: 0.2s opacity, 0.2s width, 0.2s margin, 0.2s visibility;
    visibility: visible;
}

.jmv-bs-fslist-checkbox.hidden {
    width: 0px !important;
    margin: 0px !important;
    opacity: 0;
    /* this is to handle checkboxes not shrinking to 0 width in firefox*/
    visibility: hidden;
    order: 100;
    position: absolute;
    /*/////////////////////////////////////*/
}

.silky-bs-fslist-browser-import-name {
    flex-grow: 1;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    width: 100%;
    font-size: 15px ;
    margin-bottom: 2px;
    padding: 4px 4px 4px 4px;
    box-sizing: border-box;
}

.silky-bs-fslist-browser-import-name:hover {
    border-color: #B1C5DE ;
}

.silky-bs-fslist-browser-save-name:hover, .silky-bs-fslist-browser-save-filetype:hover {
    border-color: #B1C5DE ;
}

.silky-bs-fslist-browser-save-button, .silky-bs-fslist-browser-import-button {
    flex-flow: row nowrap;
    align-items: center;
    height: 30px;
    font-size: 15px ;
    margin-left: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    background-color: #FFFFFF ;
    box-sizing: border-box;
    padding: 3px 12px 3px 10px;
}

.silky-bs-fslist-selected-item {
    background-color: #BACDE6 ;
    border-style: solid;
    border-width: 1px;
}

.silky-bs-fslist-browser-save-button > *, .silky-bs-fslist-browser-import-button > * {
    margin: 0px 3px 0px 3px;
}

.silky-bs-fslist-browser-save-button:not(.disabled-div):hover, .silky-bs-fslist-browser-import-button:not(.disabled-div):hover {
    border-color: #B1C5DE ;
    background-color: #DBE4F3 ;
}

.silky-bs-fslist-browser-location {
    font-size: 120% ;
    height: 19px;
    overflow: hidden;
    white-space: nowrap ;
    margin-left: 5px;
    /*padding: 3px 0px 3px 5px;
    background-color: white;
    border: #c1c1c1 solid 1px;
    border-right-style: none;*/
}

.silky-bs-fslist-browse-button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 30px;
    font-size: 15px;
    margin-left: 10px;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: #AAAAAA;*/
    /*background-color: #FFFFFF;*/
    box-sizing: border-box;
    padding: 3px 12px 3px 10px;
    /*font-weight: 300;
    font-size: 120%;
    height: 19px;
    padding: 3px 10px;*/
    /*border-left: #e1e1e1 solid 1px;*/
}

.silky-bs-fslist-browse-button:hover {
    /*border-color: #B1C5DE ;*/
    background-color: #DBE4F3 ;
}

.silky-bs-fslist-browser-location-icon {
    background-size: 100% ;
    font-size: 20px ;
    width: 23px ;
    height: 23px ;
    box-sizing: border-box ;
    text-align: center ;
    vertical-align: middle ;
    cursor: default ;
    margin-right: 5px ;
}

.silky-bs-fslist-browser-back-button {
    font-size: 20px ;
    width: 30px ;
    height: 30px ;
    box-sizing: border-box ;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    text-align: center ;
    vertical-align: middle ;
    cursor: default ;
    /*margin-top: 6px ;
    margin-bottom: 6px ;*/
    margin-left: 0px ;
    color: #3E6DA9 ;
    flex: 0 1 auto;
}

.silky-bs-fslist-browser-check-button {
    width: 30px ;
    height: 30px ;
    box-sizing: border-box ;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    margin-left: 0px ;
    color: #3E6DA9 ;
    flex: 0 1 auto;
    background-image: url('../assets/bs-check-items-21f37ef5.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 77% ;
}

.silky-bs-fslist-browser-back-button:hover {
    background-color: #DBE4F3 ;
}

.silky-bs-fslist-browser-check-button:hover {
    background-color: #DBE4F3 ;
}

.silky-bs-fslist-browser-check-button.on {
    background-color: #bacde6 ;
}

.silky-bs-fslist {
    padding-left: 20px ;
    box-sizing: border-box;
}

.silky-development-msg {
    font-size: 120%;
    font-weight: 100;
}

.silky-development-title {
    font-size: 160%;
    padding-top: 10px;
    height: 40px;
    font-weight: 100;
    line-height: 40px;
    margin-bottom: 10px;
    color: #333333;
    border-top: 2px solid #cccccc;
}

.silky-under-development {
    margin-left: 40px;
    margin-top: 100px;
}


.silky-options-title {
    font-size: 170% ;
}

.silky-options-header {
    margin-top: 5px ;
    padding-bottom: 5px ;
    padding-right: 15px ;
    padding-left: 15px ;

    background-image: linear-gradient(to left, #555555, transparent);
    background-size: 100% 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}

.silky-options-group {
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.silky-options-group.silky-options-level-1 {
    margin-right: 0px;
}

.silky-options-group.silky-gridlayout-collapsed {
    margin-bottom: 0px;
}

/*Adding a space after a header if the grid is inline*/
.silky-options-group.silky-options-group-style-inline .silky-options-group-header {
    margin-right: 1ex;
}

.silky-options-group-header1 {
    margin-bottom: 20px;
}

.silky-gridlayout-collapsed .silky-options-group-header1 {
    margin-bottom: 8px;
}

.silky-options-group-header2 {
    margin-bottom: 5px;
}

.silky-option-checkbox, .silky-option-radio {
    margin-top: 5px;
    margin-bottom: 5px;
}

.silky-options-h1 {
    font-size: 100% ;
    border: 1px solid rgb(150, 150, 150);
    background-color: rgb(200, 200, 200);
    padding: 5px;
    vertical-align: middle ;
}

.silky-options-h2 {
    font-size: 100% ;
    font-weight: bold;
}

.silky-options-group-header .silky-option-checkbox {
    margin-bottom: 0px;
}

.silky-options-group-header .silky-options-h1 {
    margin-bottom: 0px;
}

.silky-options-group-header .silky-options-h2 {
    margin-bottom: 0px;
}

.electron input[type="radio"] {
    width: 18px;
    height: 18px;
}

input[type="radio"] {
    position: relative;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

.electron input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

input[type="checkbox"] {
    position: relative;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

label.silky-option-checkbox span, .silky-option-radio label span, {
    vertical-align: middle;
    line-height: 18px;
}

/*textbox input*/
.silky-option-text-label, input[type="text"].silky-option-input, .silky-option-suffix {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*textbox sizing*/
input[type="text"].silky-option-short-text {
    width: 50px;
}

/*textbox sizing*/
input[type="text"].silky-option-Medium-text {
    width: 100px;
}

/*textbox sizing*/
input[type="text"].silky-option-long-text {
    width: 150px;
}

.silky-option-suffix {
    margin-left: 1ex;
}

.silky-options-collapse-icon {
    border-right: 1px solid rgb(130, 130, 130) ;
    padding-right: 23px;
    margin-right: 5px;
    box-sizing: border-box ;
    cursor: default ;
}

.silky-dropdown-toggle {
  position: relative;
  top: -4px ;
  left: 6px ;
}

.silky-variable-supplier {
    border: 1px solid rgb(130, 130, 130);
    background-color: rgb(255, 255, 255);
}

.silky-gridlayout-collapsed .silky-options-group-header1 .silky-dropdown-toggle {
  top: -3px ;
}

.silky-dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: rgb(100, 100, 100);
  top: 50%;
  left: 100%;
  z-index: 2;
}

.silky-gridlayout-collapsed .silky-options-group-header1 .silky-dropdown-toggle:before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.silky-dropdown-toggle:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.silky-option-variable-button {
    width: 40px;
    height:25px;
    border: 1px solid rgb(130, 130, 130) ;
    background-color: rgb(255, 255, 255);
    margin-left: 10px;
    margin-right: 10px;
}


.silky-progressbar {
    z-index: 20 ;
}

.silky-progressbar-content {
    border: 1px solid lightgray ;
    background-color: white ;
    padding: 12px ;
    min-width: 400px ;
    box-shadow: 0 0 10px 5px lightgray ;
}

.silky-progressbar-task {
    margin-bottom: 6px ;
}

.silky-progressbar-bar-back {
    background-color: #EEEEEE ;
    width: 100% ;
    height: 16px ;
}

.silky-progressbar-bar-bar {
    background-color: rgb(206, 53, 44) ;
    width: 50% ;
    height: 100% ;
}
 

.jmv-results {
    margin: 0 ;
    padding: 0 ;
}

.jmv-results-panel {
    width: 100% ;
    height: 100% ;
    box-sizing: border-box;
    position: absolute ;
    top: 0 ;
    overflow: scroll ;
    transition: all .2s ;
    background-color: white ;
}

.jmv-welcome-panel {
    width: 100% ;
    height: 100% ;
    background-color: white ;
    position: relative ; /* this is necessary, but not sure why */
}

.jmv-welcome-iframe {
    box-sizing: border-box;
    border: none;
    width: 100% ;
    height: 100% ;
    overflow: scroll ;
    background-color: white ;
}

.jmv-results-panel.jmv-results-panel-hidden, .jmv-welcome-panel.jmv-welcome-panel-hidden {
    width: 0 ;
    overflow: hidden ;
    padding-right: 0 ;
}

.jmv-results-panel[data-analysis-selected] {
    background-color: #E8E8E8 ;
}

.jmv-results-panel.all-selected {
    background-color: #B5CAEF;
}

.jmv-results-panel iframe {
    overflow: hidden ;
    background-color: transparent ;
    transition: 0.3s background-color;
}

.jmv-results-panel iframe::-webkit-scrollbar {
    display: none;
}

.jmv-results-panel:not(.all-selected) .jmv-results-container[data-selected] iframe,
.jmv-results-panel:not(.all-selected) jmv-references[data-selected] {
    background-color: white ;
}

.jmv-results-panel:not(.all-selected) .jmv-results-container.empty-analysis iframe.hover {
    background-color: #f1f1f1 ;
}

.jmv-results-container[data-selected] .jmv-results-cover {
    display: none ;
}

.jmv-results-container {
    position: relative ;
    overflow: hidden ;
}

.jmv-results-container:not([data-analysis-name='empty']) {
    transition: 0.5s height ;
}

.jmv-results-cover {
    position: absolute ;
    top: 0;
    right: 0 ;
    left: 0;
    bottom: 0;
    opacity: 0 ;
    background-color: white ;
    z-index: 1 ;
    border: 1px dash transparent;
}

.jmv-results-cover:hover {
    border: 1px dash black;
}

jmv-references {
    margin-top: 50px ;
    margin-bottom: 20px ;
    border: 2px solid transparent ;
    max-width: 1000px ;
}

.jmv-results-panel[data-mode='text'] jmv-references {
    /* prevents it from concertina-ing when sliding in and out */
    width: 700px ;
}

jmv-references.activated {
    background-color: #B5CAEF ;
    border: 2px solid #8BA4D6;
}

.jmv-context-menu {
    position: absolute;
    z-index: 100;
    background-color: white;
    min-width: 100px;
    padding: 1px;
    background-color: white;
    border: 1px solid #c1c1c1;
    box-shadow: 0px 0px 5px #c1c1c1;
    box-sizing: border-box;
    opacity: 1;
    transition: .2s opacity, 0.2s visibility;
    visibility: visible;
}

.jmv-context-menu-hidden *,
.jmv-context-menu-hidden {
    visibility: hidden !important;
    opacity: 0 !important;
}


.jmv-ribbon {
    width: 100% ;
    color: #777777 ;
    flex-grow: 0;
    flex-shrink: 0;
}

.jmv-ribbon-header {
    display: flex ;
    flex-direction: row ;
}

.jmv-ribbon-tab {
    background-color : inherit ;
    color: white ;
    padding: 8px 20px ;
    -webkit-app-region: no-drag;
    line-height: 100%;
}

.jmv-ribbon-appmenu {
    position: absolute ;
    right: 6px ;
    /*top: 8px ;*/
    font-size: 150% ;
    text-align: center ;
    width: 24px ;
    height: 24px ;
    color : #FFFFFF ;
    border-radius: 1px ;
    padding: 0 ;
    -webkit-app-region: no-drag;
}

.jmv-ribbon-fullscreen {
    position: absolute ;
    right: 30px ;
    /*top: 8px ;*/
    font-size: 150% ;
    text-align: center ;
    width: 24px ;
    height: 24px ;
    color : #FFFFFF ;
    border-radius: 1px ;
    padding: 0 ;
    -webkit-app-region: no-drag;
    background-image: url("../assets/fullscreen-hide-data-0494f543.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60% 60%
}

body[data-splitpanel-mode='results'] .jmv-ribbon-fullscreen {
    background-image: url("../assets/splitscreen-0e6917ea.svg");
}

body[data-splitpanel-mode='data'] .jmv-ribbon-fullscreen {
    background-image: url("../assets/splitscreen-0e6917ea.svg");
}

body[data-splitpanel-mode='mixed'] .jmv-ribbon-fullscreen[data-tabname='variables'] {
    background-image: url("../assets/fullscreen-hide-data-0494f543.svg");
}

body[data-splitpanel-mode='mixed'] .jmv-ribbon-fullscreen[data-tabname='edit'] {
    background-image: url("../assets/fullscreen-hide-data-0494f543.svg");
}

body[data-splitpanel-mode='mixed'] .jmv-ribbon-fullscreen[data-tabname='variables'] {
    background-image: url("../assets/fullscreen-hide-results-d59a8425.svg");
}

body[data-splitpanel-mode='mixed'] .jmv-ribbon-fullscreen[data-tabname='data'] {
    background-image: url("../assets/fullscreen-hide-results-d59a8425.svg");
}

.jmv-ribbon-appmenu span {
    line-height: 24px;
    vertical-align: top;
}

body.windows.electron .jmv-ribbon-fullscreen {
    top: 36px ;
}

body.windows.electron .jmv-ribbon-appmenu {
    top: 36px ;
}

.jmv-ribbon-appmenu:hover {
    color: #EEEEEE ;
    background-color: #4675B1 ;
}

.jmv-ribbon-fullscreen:hover {
    color: #EEEEEE ;
    background-color: #4675B1 ;
}

.jmv-ribbon-tab:hover {
    color: #EEEEEE ;
    background-color: #4675B1 ;
}

.jmv-ribbon-tab.selected {
    background-color : #F0F0F0 ;
    color: #3E6DA9 ;
}

.jmv-ribbon-tab[data-tabname="file"] {
    padding: 7px 20px;
    width: 20px;
}

.jmv-ribbon-body {
    background-color : #F0F0F0 ;
    height: 58px ;
    padding: 6px ;
    -webkit-app-region: no-drag;
    display: flex ;
    /*overflow-x: overlay;
    overflow-y: visible;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.jmv-ribbon-body::-webkit-scrollbar {
  display: none;
}

.jmv-ribbon-button-separator {
    flex: 1 1 auto ;
}


.modules-menu-item {
    position: sticky !important;
    right: 6px;
    background-color: inherit;
}

.jmv-ribbon-button:not(.jmv-context-menu-button) .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-other-ca5dab8f.svg");
}

.jmv-ribbon-button[data-name="exploration"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-descriptives-7dcaa06f.svg");
}

.jmv-ribbon-button[data-name="t-tests"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-ttest-12234400.svg");
}

.jmv-ribbon-button[data-name="anova"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-anova-c75a9172.svg");
}

.jmv-ribbon-button[data-name="regression"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-regression-28523ad8.svg");
}

.jmv-ribbon-button[data-name="frequencies"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-frequencies-305d9de2.svg");
}

.jmv-ribbon-button[data-name="factor"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-factor-496e612e.svg");
}

.jmv-ribbon-button[data-name="base r"] .jmv-ribbon-button-icon,
.jmv-ribbon-button[data-name="r"]  .jmv-ribbon-button-icon,
.jmv-ribbon-button[data-name="rj"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-r-1929a5a0.svg");
}

.jmv-ribbon-button[data-name="medmod"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-medmod-3163fc0d.svg");
}

.jmv-ribbon-button[data-name="toster"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-toster-af6977ed.svg");
}
.jmv-ribbon-button[data-name="walrus"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-walrus-b2138132.svg");
}

.jmv-ribbon-button[data-name="arcade"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-jmvarcade-b8bc5ef0.svg");
}

.jmv-ribbon-button[data-name="jpower"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-power-0804bcc6.svg");
}

.jmv-ribbon-button[data-name="statkat"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-statkat-e0b25387.svg");
}

.jmv-ribbon-button[data-name="distraction"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-distraction-58c8ab5f.svg");
}

.jmv-ribbon-button[data-name="linear models"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-linearmodels-a0fbbe67.svg");
}

.jmv-ribbon-button[data-name="survival"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-survival-292a91c3.svg");
}

.jmv-ribbon-button[data-name="behavior change"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-behaviorchange-ef22c093.svg");
}

.jmv-ribbon-button[data-name="flexplot"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-flexplot-b863059e.svg");
}

.jmv-ribbon-button[data-name="rosetta"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-rosetta-81c4b41e.svg");
}

.jmv-ribbon-button[data-name="ufs"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-ufs-32709cd2.svg");
}

.jmv-ribbon-button[data-name="modules"] .jmv-ribbon-button-icon {
    background-image: url("../assets/analysis-more-8f9e4cb2.svg");
}



.jmv-ribbon-button[data-name=copy] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-copy-2c0ae905.svg');
}

.jmv-ribbon-button[data-name=paste] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-paste-73a02eab.svg');
}

.jmv-ribbon-button[data-name=undo] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-undo-df3d8712.svg');
}

.jmv-ribbon-button[data-name=redo] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-redo-f7f3def8.svg');
}

.jmv-ribbon-button[data-name=appendvar] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-append-b8a37acf.svg');
}

.jmv-ribbon-button[data-name=appendrow] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-append-7fb6dc1a.svg');
}

.jmv-ribbon-button[data-name=delrow] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-remove-cddae32c.svg');
}

.jmv-ribbon-button[data-name=delvar] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-remove-b8b65634.svg');
}

.jmv-ribbon-button[data-name=cut] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-cut-9b390e89.svg');
}

.jmv-ribbon-button[data-name=transform] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-transform-91b61530.svg');
}

.jmv-ribbon-button[data-name=editfilters] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-filter-02590e55.svg');
}

.jmv-ribbon-button[data-name=editvar] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-edit-b47060f5.svg');
}

.jmv-ribbon-button[data-name=addvar] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-add-76eed15c.svg');
}

.jmv-ribbon-button[data-name=insertvar] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-insert-043bd102.svg');
}

.jmv-ribbon-button[data-name=insertrow] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-insert-3aaebddb.svg');
}

.jmv-ribbon-button[data-name=addrow] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-add-0aede324.svg');
}

.jmv-ribbon-button[data-name=insertcomputed] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-computed-insert-0398cf70.svg');
}

.jmv-ribbon-button[data-name=appendcomputed] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-computed-append-7fbc85b1.svg');
}

.jmv-ribbon-button[data-name=insertrecoded] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-transformed-insert-c5b804e0.svg');
}

.jmv-ribbon-button[data-name=appendrecoded] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-transformed-append-b1d01673.svg');
}

.jmv-ribbon-button[data-name=insertoutput] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-computed-insert-0398cf70.svg');
}

.jmv-ribbon-button[data-name=appendoutput] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-computed-append-7fbc85b1.svg');
}

.jmv-ribbon-button[data-name=compute] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-compute-e628b874.svg');
}

.jmv-ribbon-button.has-icon .jmv-ribbon-button-icon {
    background-image: unset;
}

.jmv-ribbon-button-icon svg {
    width: auto;
    height: 118%;
    margin-top: -9%;
}

.jmv-ribbon-button-icon .ql-stroke {
    fill: none;
    stroke: #6f6f6f;;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}
.jmv-ribbon-button-icon .ql-stroke-miter {
    fill: none;
    stroke: #6f6f6f;
    stroke-miterlimit: 10;
    stroke-width: 2;
}
.jmv-ribbon-button-icon .ql-fill,
.jmv-ribbon-button-icon .ql-stroke.ql-fill {
    fill: #6f6f6f;
}
.jmv-ribbon-button-icon .ql-empty {
    fill: none;
}
.jmv-ribbon-button-icon .ql-even {
    fill-rule: evenodd;
}
.jmv-ribbon-button-icon .ql-thin,
.jmv-ribbon-button-icon .ql-stroke.ql-thin {
    stroke-width: 1;
}
.jmv-ribbon-button-icon .ql-transparent {
    opacity: 0.4;
}


.jmv-ribbon-button[data-name=textcopy] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-copy-2c0ae905.svg');
}

.jmv-ribbon-button[data-name=textpaste] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-paste-73a02eab.svg');
}

.jmv-ribbon-button[data-name=textundo] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-undo-df3d8712.svg');
}

.jmv-ribbon-button[data-name=textredo] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-redo-f7f3def8.svg');
}

.jmv-ribbon-button[data-name=textcut] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-cut-9b390e89.svg');
}

.jmv-ribbon-button[title='#000000'] {
    background-color: #000000;
}

.jmv-ribbon-button[title='#e60000'] {
    background-color: #e60000;
}

.jmv-ribbon-button[title='#ff9900'] {
    background-color: #ff9900;
}

.jmv-ribbon-button[title='#ffff00'] {
    background-color: #ffff00;
}

.jmv-ribbon-button[title='#008a00'] {
    background-color: #008a00;
}

.jmv-ribbon-button[title='#0066cc'] {
    background-color: #0066cc;
}

.jmv-ribbon-button[title='#9933ff'] {
    background-color: #9933ff;
}

.jmv-ribbon-button[title='#ffffff'] {
    background-color: #ffffff;
}

.jmv-ribbon-button[title='#facccc'] {
    background-color: #facccc;
}

.jmv-ribbon-button[title='#ffebcc'] {
    background-color: #ffebcc;
}

.jmv-ribbon-button[title='#ffffcc'] {
    background-color: #ffffcc;
}

.jmv-ribbon-button[title='#cce8cc'] {
    background-color: #cce8cc;
}

.jmv-ribbon-button[title='#cce0f5'] {
    background-color: #cce0f5;
}

.jmv-ribbon-button[title='#ebd6ff'] {
    background-color: #ebd6ff;
}

.jmv-ribbon-button[title='#bbbbbb'] {
    background-color: #bbbbbb;
}

.jmv-ribbon-button[title='#f06666'] {
    background-color: #f06666;
}

.jmv-ribbon-button[title='#ffc266'] {
    background-color: #ffc266;
}

.jmv-ribbon-button[title='#ffff66'] {
    background-color: #ffff66;
}

.jmv-ribbon-button[title='#66b966'] {
    background-color: #66b966;
}

.jmv-ribbon-button[title='#66a3e0'] {
    background-color: #66a3e0;
}

.jmv-ribbon-button[title='#c285ff'] {
    background-color: #c285ff;
}

.jmv-ribbon-button[title='#888888'] {
    background-color: #888888;
}

.jmv-ribbon-button[title='#a10000'] {
    background-color: #a10000;
}

.jmv-ribbon-button[title='#b26b00'] {
    background-color: #b26b00;
}

.jmv-ribbon-button[title='#b2b200'] {
    background-color: #b2b200;
}

.jmv-ribbon-button[title='#006100'] {
    background-color: #006100;
}

.jmv-ribbon-button[title='#0047b2'] {
    background-color: #0047b2;
}

.jmv-ribbon-button[title='#6b24b2'] {
    background-color: #6b24b2;
}

.jmv-ribbon-button[title='#444444'] {
    background-color: #444444;
}

.jmv-ribbon-button[title='#5c0000'] {
    background-color: #5c0000;
}

.jmv-ribbon-button[title='#663d00'] {
    background-color: #663d00;
}

.jmv-ribbon-button[title='#666600'] {
    background-color: #666600;
}

.jmv-ribbon-button[title='#003700'] {
    background-color: #003700;
}

.jmv-ribbon-button[title='#002966'] {
    background-color: #002966;
}

.jmv-ribbon-button[title='#3d1466'] {
    background-color: #3d1466;
}

.jmv-ribbon-button.color-sample {
    border: 1px solid white;
}


.jmv-ribbon-group-body .jmv-ribbon-button {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
    flex-direction: column;
}

.jmv-ribbon-button-margin-large {
    margin: 0px 7px;
}

.jmv-ribbon-button-menu {
    top: 100%;
    margin-left: -3px;
    margin-top: 0px;
    border-radius: 0px;
    background-color: white;

    position: absolute;
    white-space: nowrap;
    text-align: left ;
    z-index: 100;
    color: #555555 ;
    max-width: 330px;
    min-width: 100px;
    padding: 1px ;

    border: 1px solid #c1c1c1;
    box-shadow: 0px 0px 5px #c1c1c1;
}

.jmv-ribbon-menu-arrow {
    width: 5.5px;
    height: 5.5px;
    background-image: url('../assets/menu-button-arrow-6620e586.svg');
    background-position: center;
    background-repeat: no-repeat ;
    background-size: contain;
    margin: 0 2px 0 6px;
}

.jmv-ribbon-button-size-small .jmv-ribbon-menu-arrow {
    height: 100%;
    margin: 0 0px 0 0px;
}

.jmv-ribbon-group-body .jmv-ribbon-button-icon {
    padding: 0px;
    background-position: center;
}

.jmv-ribbon-group-body .jmv-ribbon-button-label {
    margin-top: 3px;
    flex-grow: 1;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}

/*huge button*/
.jmv-ribbon-group-body .jmv-ribbon-button.jmv-ribbon-button-size-huge {
    min-width: 45px;
    width: auto;
}

.jmv-ribbon-group-body .jmv-ribbon-button-size-huge .jmv-ribbon-button-icon {
    height: 30px;
}

/*large button*/
.jmv-ribbon-group-body .jmv-ribbon-button.jmv-ribbon-button-size-large {
    min-width: 40px;
    padding: 5px 0px;
    width: auto;
}

.jmv-ribbon-group-body .jmv-ribbon-button-size-large .jmv-ribbon-button-icon {
    height: 25px;
}

/*medium button*/
.jmv-ribbon-group-body .jmv-ribbon-button.jmv-ribbon-button-size-medium {
    width: auto;
    flex-direction: row;
    align-items: center;
}

.jmv-ribbon-group-body .jmv-ribbon-button.jmv-ribbon-button-size-small.has-children {
    width: auto;
    flex-direction: row;
    align-items: center;
    padding: 3px;
}

.jmv-ribbon-button-size-medium .jmv-ribbon-button-icon {
    height: 15px;
    width: 20px;
}

.jmv-ribbon-button-size-medium .jmv-ribbon-button-label {
    margin-left: 4px;
    margin-top: 0px;
    margin-right: 0px;
}

/*small button*/
.jmv-ribbon-group-body .jmv-ribbon-button.jmv-ribbon-button-size-small:not(.has-children) {
    width: 18px ;
    padding: 3px;
}

.jmv-ribbon-button-size-small .jmv-ribbon-button-icon {
    height: 15px;
    width: 20px;
}


.jmv-ribbon-group-body {
    -webkit-app-region: no-drag;
    display: flex ;
    order: 0;
    flex-grow: 1;
}

.jmv-ribbon-menu-group {
    margin-top: 6px;
}

.jmv-ribbon-group-label {
    width: 100%;
}

.jmv-ribbon-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jmv-ribbon-group-margin-large {
    margin: 0px 7px;
}

.jmv-ribbon-group-body-vertical > .jmv-ribbon-group[data-position="top"] {
    margin: 5px;
}

.jmv-ribbon-group[data-position="top"] > .jmv-ribbon-group-label {
    order: 0;

    font-size: 80%;
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 2px 0px;
}

.jmv-ribbon-group[data-position="bottom"] > .jmv-ribbon-group-label {
    order: 1;
    font-size: 70%;
    text-align: center;
}

.jmv-ribbon-group[data-position="top"] > .jmv-ribbon-group-body {
    order: 1;
}

.jmv-ribbon-group-body-horizontal {
    flex-direction: row;
    justify-content: space-between;
}

.jmv-ribbon-group-body-vertical {
    flex-direction: column;
}


.jmv-ribbon-group-body-horizontal > .jmv-ribbon-separator {
    border-left-style: solid;
    border-left-color: #E0E0E0;
    border-left-width: 1px;
    margin: 0 5px;
}

.jmv-ribbon-group-body-vertical > .jmv-ribbon-separator {
    border-top-style: solid;
    border-top-color: #E0E0E0;
    border-top-width: 1px;
    margin: 3px 0;
}



.jmv-ribbon-button {
    position: relative ;
    border: 0 ;
    width: 74px ;
    padding: 5px;
    text-align: center ;
    border-radius: 1px ;

    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;

    transition: 0.2s opacity, 0.2s width, 0.2s visibility;
    opacity: 1;
    visibility: visible;
}

.jmv-ribbon[mode=cloud] .display-in-menu {
    color: #CCCCCC;
}

.jmv-ribbon-menu-group:not(.menu-item-hidden):first-child {
    margin-top: 0px ;
}

.jmv-group-items {
    overflow: auto;
    max-height: 500px;
    padding-top: 6px;
}

.jmv-analyses-button {
    padding: 6px 0;
}

.jmv-ribbon-button-label {
    font-size: 90% ;
    color: #555555 ;
}

.jmv-analyses-button > .jmv-ribbon-button-label {
    font-size: 80% ;
}

.jmv-ribbon-button[disabled] {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
}

@-webkit-keyframes pulsate {
    0% {background: rgba(199, 216, 242, 0);}
    50% {background: rgba(199, 216, 242, 1);}
    100% {background: rgba(199, 216, 242, 0);}
}

.jmv-ribbon-button.contains-new {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
}

.jmv-ribbon-button:not([disabled]):not(.maintain-color):hover {
    background-color: #DDDDDD ;
}

.jmv-ribbon-button.maintain-color:not([disabled]):hover {
    border: 1px solid black;
}

.jmv-ribbon-button:not([disabled]):active {
    background-color: #CCCCCC ;
}

.jmv-ribbon-button:not([disabled]).checked {
    background-color: #CCCCCC ;
}

.jmv-ribbon-button:focus {
    outline: none ;
}

.jmv-ribbon-button-icon {
    width: 45px;
    height: 20px ;
    padding: 4px ;
    background-repeat: no-repeat ;
    background-size: contain;
    background-position: center;
}

.jmv-ribbon-button-label {
    margin-top: 5px ;
    margin-bottom: 0px ;
    white-space: nowrap;
}

.jmv-ribbon-button.right .jmv-ribbon-button-menu {
    left: unset ;
    right: 0px ;
}

.jmv-ribbon-menu-item > .description {
    font-size: 88% ;
}

.jmv-ribbon-menu-item {
    padding: 8px 18px 8px 18px ;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.2s background-color;
}

.jmv-ribbon-menu-item.new {
    background-color: #C7D8F2 ;
}

.jmv-analyses-button .jmv-ribbon-button-menu {
    left: 0px;
    top: 100%;
    margin-left: 0;
    padding: 6px 0px;
}

.jmv-ribbon-menu-item-sub {
    font-size: 85% ;
    padding-top: 3px ;
    padding-left: 60px ;
    pointer-events: none ;
}

.module .jmv-ribbon-menu-item-sub {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 0px;
    width: 200px;
}

.to-analyses-arrow {
    background-image: url('assets/modules-analyses-arrow-1cd0e423.svg');
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 2px;
    margin-left: 8px;
    filter: opacity(80%);
    opacity: 0;
    transition: 0.2s width, 0.3s opacity, 0.2s margin-right, 0.2s visibility;
    visibility: hidden;
}

.module-analysis-list {

}

.side-panel input {
    margin: 10px 5px 10px 20px;
}

.side-panel {
    position: absolute;
    background-color: white;
    line-height: 1.4em;
    padding: 0;
    box-sizing: border-box;
    right: 0px;
    margin-right: 100%;
    opacity: 0;
    transition: 0.2s opacity, 0.2s visibility;
    box-shadow: 0px 0px 5px #c1c1c1;
    border: 1px solid #c1c1c1;
    min-width: 250px;
    visibility: hidden;
}

.side-panel-heading {
    font-size: 16px;
    margin: 10px;
    font-weight: 100;
}

.side-panel-visible {
    opacity: 1;
    visibility: visible;
}

.jmv-ribbon-menu-item.module {
    padding: 8px 18px 8px 0px;
}

.jmv-ribbon-menu-item.module.open .to-analyses-arrow {
    opacity: 1;
    visibility: visible;
}

.menu-item-hiding {
    opacity: 0;
    width: 0px;
    height: 0px;
    visibility: hidden;
    position: absolute;
}

.jmv-ribbon-menu-heading {
    background-color: #E8E8E8 ;
    color: #555555 ;
    font-size: 72% ;
    padding: 6px 8px ;
}

.jmv-ribbon-menu-heading:empty {
    padding: 4px 8px ;
}

.jmv-ribbon-menu-item.module .description {
    margin-left: 8px;
}

.jmv-ribbon-menu-item:hover {
    background-color: #F2F2F2 ;
}

.jmv-ribbon-menu-item.open {
    background-color: #CCCCCC ;
}


.jmv-ribbon-appmenu-positioner {
    position: relative ;
    height: 0 ;
    z-index: 101 ;
}

.jmv-ribbon-appmenu-menu-panel {
    position: fixed ;
    display: flex;
    right: -1px ;
    top: 0px ;
    width: 0px;
    bottom: 0px;
    background-color: #F4F4F4 ;
    color: #555555 ;
    margin: 0 ;
    transition: .15s width ease-out;
    border-left: 1px solid #D0D0D0;
}

body.windows.electron .jmv-ribbon-appmenu-menu-panel {
    top: 33px ;
}

.jmv-ribbon-appmenu-menu-panel.activated {
    width: 250px;
}

.jmv-ribbon-appmenu-menu {
    display: flex ;
    overflow: hidden;
    margin: 0 ;
    font-size: 70% ;
    text-align: left ;
    flex-direction: column;
    min-width: 250px;
}

.jmv-ribbon-appmenu-header {
    display: flex ;
    justify-content: space-between;
    height: 50px;
    /*background-color: #D0D0D0 ;*/
}

.jmv-ribbon-appmenu-icon {
    width: 45px;
    background-image: url('../assets/logo-v-naked-a0e1faf9.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.jmv-ribbon-appmenu-back {
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jmv-ribbon-appmenu-back-button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 15px;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
}

.jmv-ribbon-appmenu-back-button:hover > div {
    background-color: #888888 ;
}

.jmv-ribbon-appmenu-back-button > div {
    flex: 1;
    mask: url('../assets/action-back-f862716f.svg') 0 0/25px 25px no-repeat;
    background-color: #333333;
    -webkit-mask: url('../assets/action-back-f862716f.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 25px;
    transform: rotate(180deg);
    min-width: 25px;
    height: 25px;
}

.jmv-ribbon-appmenu-content {
    margin: 15px 0px;
}

.jmv-ribbon-appmenu-subheading {
    padding: 8px 16px ;
    font-weight: bold ;
}

.jmv-ribbon-appmenu-item {
    display: flex ;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px ;
}

.jmv-ribbon-appmenu-item.checkbox:hover,
.jmv-ribbon-appmenu-item.action:hover {
    background-color: #E0E0E0;
}

.jmv-ribbon-appmenu-separator {
    display: block ;
    margin: 6px 8px ;
    border-bottom: 1px solid #D0D0D0 ;
}

.jmv-ribbon-appmenu-checkbox {
    display: block ;
}

input[type="checkbox"].jmv-ribbon-appmenu-checkbox {
    margin-right: 0px;
}

.jmv-ribbon-appmenu-list {
    padding: 6px 12px ;
}

.jmv-ribbon-appmenu-list > * {
    margin: 6px ;
}

.jmv-ribbon-appmenu-zoom-buttons {
    display: flex ;
    justify-content: center;
}

.jmv-ribbon-appmenu-zoom-buttons > * {
    height: 24px ;
    line-height: 24px ;
}

.jmv-ribbon-appmenu-zoomlevel {
    margin-left: 8px ;
    margin-right: 8px ;
}

.jmv-ribbon-appmenu-zoomin,
.jmv-ribbon-appmenu-zoomout {
    border: 1px solid #ACACAC ;
    width: 30px ;
    border-radius: 1px ;
    text-align: center ;
}

.jmv-ribbon-appmenu-zoomin:hover,
.jmv-ribbon-appmenu-zoomout:hover,
.jmv-ribbon-appmenu-checkbox:hover {
    background-color: #E0E0E0 ;
}

.jmv-ribbon-appmenu-spacer {
    flex-grow: 1;
}

.jmv-ribbon-appmenu-version {
    height: 45px;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
}

:not(body.electron) .jmv-update-info,
:not(body.electron) .jmv-recorder,
:not(body.electron) .jmv-devmode,
:not(body.electron) .jmv-zoom,
:not(body.electron) .jmv-ribbon-appmenu-version,
:not(body.electron) .jmv-language-selector {
    display: none ;
}


#jmv-ribbon-notifs {
    -webkit-app-region: no-drag ;
    background-color: #F8F8F8 ;
}

.jmv-ribbon-notif {
    color: #333333 ;
    background-color: #FFB533 ;
    transition: .1s all ;
    box-sizing: border-box ;
}

.jmv-ribbon-notif .inner {
    padding: 10px ;
    display: flex ;
    justify-content: space-between ;
}

.jmv-ribbon-notif:not(:first-child) {
    margin-top: 1px ;
}

.jmv-ribbon-notif .options {
    white-space: nowrap ;
}

.jmv-ribbon-notif .message {
    line-height: 120% ;
    margin-right: 10px ;
}


.mode-msg {
    text-align: center;
    margin-top: 100px;
    font-size: 150%;
    font-weight: 100;
}

.jmv-store {
    position: absolute ;
    display: flex ;
    flex-direction: column;
    height: 0 ;
    left: 50% ;
    margin-left: -400px ;
    width: 800px ;
    overflow: hidden ;
    transition: all .3s ;
    background-color: #F0F0F0 ;
    box-sizing: border-box;
    z-index: 110 ;
    top: 95px ;
}

.jmv-store-header {
    background-color: #3E6DA9 ;
    height: 70px ;
    background-image: url('../assets/logo-store-56b38c9a.svg');
    background-repeat: no-repeat;
    background-size: auto 50% ;
    background-position: left 12px center ;
}

.jmv-store.visible {
    height: 600px ;
    box-shadow: 0px 2px 1px 1px rgba(172, 172, 172, 0.5);
    opacity: 1
}

.jmv-store:not(.visible) {
    opacity: 0
}

.jmv-store-button-close {
    position: absolute ;
    right: 12px ;
    top: 12px ;
    width: 40px ;
    height: 40px ;
    color: #FFFFFF ;
    border: 4px solid #FFFFFF ;
    border-radius: 20px ;
    box-sizing: border-box;
    font-size: 24px ;
    text-align: center;
    z-index: 1 ;
}

.jmv-store-button-close:hover {
    color: #DDDDDD ;
    border-color: #DDDDDD ;
}

.jmv-store-tab-container {
    margin-top: 8px ;
    display: flex ;
    justify-content: center;
}

.jmv-store-tab {
    z-index: 10 ;
}

.jmv-store-tab.selected {
    color: #5E8BC4 ;
}

.jmv-store-tab-inner {
    padding: 10px 20px ;
}

.jmv-store-tab-highlight {
    position: absolute ;
    background-color: #E0E0E0 ;
    box-sizing: border-box ;
    border-bottom: 2px solid #5E8BC4 ;
    transition: all .2s ;
    z-index: 5 ;
}

.jmv-store-page-container {
    flex-grow: 1 ;
    position: relative ;
}

.jmv-store-page {
    display: flex;
    flex-direction: column;
    position: absolute ;
    box-sizing: border-box ;
    width: 100% ;
    top: 0 ;
    bottom: 0 ;
    transition: all .2s ;
    left: 0 ;
    padding: 0px 20px 20px 20px ;
}

.jmv-store-page h2 {
    color: #5E8BC4 ;
    margin-top: 0 ;
}

.jmv-store-page.left {
    left: -100% ;
}

.jmv-store-page.right {
    left: 100% ;
}


.jmv-store-body {
    background-color: white ;
    height: 100% ;
    border: 1px solid #ACACAC ;
    padding: 0 20px ;
    color: #555555 ;
    overflow-y: scroll ;
}

.jmv-store-module {
    padding: 20px 10px ;
    display: flex ;
}

.jmv-store-message {
    display: flex;
    background-color: #9c9c9c;
    padding: 0px 10px;
    margin: 10px 0 10px 5px;
}

.jmv-store-message .text {
    padding: 10px 0px 10px 10px;
    color: white;
}

.jmv-store-message:not(.show){
    display: none;
}

.jmv-store-message .icon {
    background-image: url('../assets/action-info-73068f47.svg');
    width: 22px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.jmv-store-module:not(:last-child) {
    border-bottom: 1px solid #ACACAC ;
}

.jmv-store-module h2 {
    color: #555555 ;
    margin-bottom: 4px ;
}

.jmv-store-module-lhs {
    width: 90px ;
    min-width: 90px ;
    max-width: 90px ;
}

.jmv-store-module-icon {
    width: 70px ;
    height: 70px ;
    background-image: url('../assets/analysis-module-afa8ab90.svg');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat ;
    border: 1.5px solid #6B9DE8 ;
    box-sizing: border-box;
}

.jmv-store-module .description {
    line-height: 140% ;
}

.jmv-store-module-button {
    background-color: white ;
    border: 1.5px solid #6B9DE8 ;
    color: #6B9DE8 ;
    margin-top: 8px ;
    padding: 5px 8px ;
    box-sizing: border-box;
    font-size: 90% ;
    text-align: center;
    text-transform: uppercase;
}

.jmv-store-module-button:not(:first-of-type) {
    margin-left: 10px;
}

.jmv-store-module-button[data-op='update'] {
    border: 1.5px solid #E6AC40 ;
    color: #E6AC40 ;
}

.jmv-store-module-button[data-op='installed'] {
    padding-left: 0 ;
    border: 1.5px solid transparent ;
}

.jmv-store-module-button[data-op='unavailable'],
.jmv-store-module-button[data-op='incompatible'],
.jmv-store-module-button[data-op='old'] {
    padding-left: 0 ;
    border: 1.5px solid transparent ;
    color: #DD0000 ;
}

.jmv-store-module-button:enabled:hover {
    background-color: #6B9DE8 ;
    color: white ;
}

.jmv-store-module-button[data-op='update']:enabled:hover {
    background-color: #E6AC40 ;
    color: white ;
}

.jmv-store-module .version {
    font-size: 80% ;
    color: #9F9F9F ;
    padding-left: 6px ;
}

.jmv-store-module .authors {
    font-size: 80% ;
    color: #6B9DE8 ;
    margin-bottom: 6px ;
}

.jmv-store-page-installed-drop {
    margin-top: 60px ;
    text-align: center ;
    font-size: 180px ;
    color: #BBBBBB ;
}

.jmv-store-page-installed-drop > span:hover {
    color: #999999 ;
}

.jmv-store-page-installed-module {
    box-sizing: border-box;
    position: relative ;
    overflow: hidden;
    transition: all .3s ;
}

.jmv-store-page-installed-module > * {
    margin: 12px ;
}

.jmv-store-page-installed-module button.uninstall {
    position: absolute ;
    right: 6px ;
    bottom: 6px ;
    display: none;
}

.jmv-store-page-installed-module.selected button.uninstall {
    display: block ;
}

.jmv-store-page-installed-module.selected {
    background-color: #FFFFFF ;
}

.jmv-store-page-installed-module.uninstalled {
    height: 0 ;
}

.jmv-store-loading {
    position: absolute ;
    top: 0 ;
    left: 50% ;
    margin-left: -150px ;
    width: 300px ;
    height: 200px ;
    transition: opacity .2s ;
    opacity: 0;
    background-image: url('../assets/indicator-running-69a358bd.svg');
    background-size: 50px ;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

[data-status='loading'] .jmv-store-loading {
    opacity: 1;
}

.jmv-store-error {
    position: absolute ;
    padding: 24px ;
    top: 0 ;
    left: 50% ;
    width: 500px ;
    margin-left: -250px ;
    opacity: 0 ;
    text-align: center ;
    pointer-events: none;
}

.jmv-store-error-cause {
    margin: 20px ;
}

[data-status='error'] .jmv-store-error {
    opacity: 1 ;
    pointer-events: all;
}

.jmv-store-installing {
    height: 0 ;
    transition: height 0.3s ;
    box-sizing: border-box;
    position: absolute ;
    top: 0 ;
    left: 50% ;
    width: 300px ;
    margin-left: -170px ;
    text-align: center ;
    border: 1px solid #ACACAC ;
    border-bottom: none ;
    background-color: #F0F0F0 ;
    overflow: hidden;
}

.jmv-store-installing h2 {
    margin-top: 24px ;
}

[data-status='installing'] .jmv-store-installing {
    height: 140px ;
    border: 1px solid #ACACAC ;
}

.jmv-store-progress {
    display: inline-block;
    width: 200px ;
    height: 16px ;
    background-color: white ;
}

.jmv-store-progress-bar {
    width: 0 ;
    height: 100% ;
    background-color: #6B9DE8 ;
}

[data-status='installing'] .jmv-store-progress-bar {
    /* transition: width .2s ;*/
}

.jmv-store-installing-description {
    padding: 12px ;
}



.jmv-context-menu-arrow {
    width: 5.5px;
    height: 5.5px;
    background-image: url('../assets/context-menu-arrow-e357cd69.svg');
    background-position: center;
    background-repeat: no-repeat ;
    background-size: contain;
    margin: 0 2px 0 6px;
}

.jmv-ribbon-button-menu.context-menu {
    margin-left: 0px;
    margin-top: -1px;
    left: 100% ;
    top: 0;
    opacity: 1;
    transition: .2s opacity, 0.2s visibility;
    visibility: visible;
}

.jmv-ribbon-button-menu.context-menu.left {
    left: auto ;
    right: 100%;
}

.jmv-ribbon-button-menu.context-menu.right {
    left: 100%;
    right: auto;
}

.jmv-ribbon-button-menu.context-menu.up {
    top: auto ;
    bottom: 0;
}

.jmv-ribbon-button-menu.context-menu.down {
    top: 0;
    bottom: auto;
}

.jmv-context-menu-button.active:not([disabled]) {
    background-color: #cccccc ;
}

.jmv-context-menu-button:not([disabled]):active {
    background-color: #cccccc ;
}



.jmv-context-menu-button[data-icon='copy'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-copy-2c0ae905.svg');
}

.jmv-context-menu-button[data-icon='paste'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-paste-73a02eab.svg');
}

.jmv-context-menu-button[data-icon='appendvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-append-b8a37acf.svg');
}

.jmv-context-menu-button[data-icon='appendrow'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-append-7fb6dc1a.svg');
}

.jmv-context-menu-button[data-icon='delrow'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-remove-cddae32c.svg');
}

.jmv-context-menu-button[data-icon='delvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-remove-b8b65634.svg');
}

.jmv-context-menu-button[data-icon='cut'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-cut-9b390e89.svg');
}

.jmv-context-menu-button[data-icon='transform'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-transform-91b61530.svg');
}

.jmv-context-menu-button[data-icon='editvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-edit-b47060f5.svg');
}

.jmv-context-menu-button[data-icon='addvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-add-76eed15c.svg');
}

.jmv-context-menu-button[data-icon='insertvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-variable-insert-043bd102.svg');
}

.jmv-context-menu-button[data-icon='insertrow'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-insert-3aaebddb.svg');
}

.jmv-context-menu-button[data-icon='addrow'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-row-add-0aede324.svg');
}

.jmv-context-menu-button[data-icon='insertcomputed'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-computed-insert-0398cf70.svg');
}

.jmv-context-menu-button[data-icon='appendcomputed'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-computed-append-7fbc85b1.svg');
}

.jmv-context-menu-button[data-icon='insertrecoded'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-transformed-insert-c5b804e0.svg');
}

.jmv-context-menu-button[data-icon='appendrecoded'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-transformed-append-b1d01673.svg');
}

.jmv-context-menu-button[data-icon='datavar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-context-menu-button[data-icon='compvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/variable-computed-599a2255.svg')
}

.jmv-context-menu-button[data-icon='transvar'] > .jmv-ribbon-button-icon {
    background-image: url('../assets/menu-data-transform-91b61530.svg');
}


* {
    user-select: none ;
    -webkit-user-select: none;
    -moz-user-select: none;
}

input, [contenteditable], [contenteditable] * {
    user-select: initial ;
    -webkit-user-select: initial;
    -moz-user-select: initial;
}

html, body {
    box-sizing: border-box ;
    padding: 0;
    margin: 0;
    height: 100%;
    color: #333333 ;
    overflow: hidden ;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 80%;
    line-height: 1.1;
    font-weight: 400;
    font-style: normal;
    background-color: #3E6DA9 ;
    padding: 0 ;
    cursor: default ;
    display: flex ;
    flex-flow: column ;
}

body.windows.electron {
    padding: 1px ;
}

body.drag-in-progress {
    pointer-events: none ;
}

h1 {
    font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}

hr {
    height: 1px ;
    border: 0 ;
    background-color: #CCCCCC ;
}

#header {
    font-weight: normal ;
    color: white ;
    text-align: center ;
    min-height: 6px ;
}

body.windows.electron #header {
    height: 32px ;
    line-height: 32px ;
    flex-grow: 0;
    flex-shrink: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CCCCCC;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CCCCCC;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #CCCCCC;
}

div[placeholder]:empty::before {
    content: attr(placeholder);
    color: #CCCCCC;
}

#header-text {
    display: none ;
}

#variablelist {
    visibility: visible;
    height: 100%;
    opacity: 0;
    transition: 0.2s visibility, 0.2s opacity;
}

#spreadsheet {
    visibility: visible;
    height: 100%;
    opacity: 0;
    transition: 0.2s visibility, 0.2s opacity;
    width: 100%;
    position: absolute;
    display: grid;
}

body[data-table-mode='variables'] #main-view #spreadsheet {
    visibility: hidden;
}

body[data-table-mode='spreadsheet'] #main-view #variablelist {
    visibility: hidden;
}

body[data-table-mode='variables'] #main-view #variablelist {
    opacity: 1;
}

body[data-table-mode='spreadsheet'] #main-view #spreadsheet {
    opacity: 1;
}

.app-dragable:not(.ignore) {
    -webkit-app-region: drag;
}

body.windows.electron #header-text {
    display: block ;
    margin-left: 80px ;
    margin-right: 150px ;
    display: block;
}

.header-file-name:not(:empty)::before {
    content: " - ";
}

#header-buttons {
    z-index: 200 ;
    position: fixed;
    top: 1px;
    right: 1px;
    display: none ;
    height: 31px;
}

body.windows.electron #header-buttons {
    display: block ;
}

.header-button {
    display: inline-block ;
    width: 46px ;
    height: 31px ;
    box-sizing: border-box ;
}

.header-button:hover {
    background-color: #6E96CA ;
}

.header-button .header-button-icon {
    margin: 10px auto ;
    width:10px ;
    height:10px ;
    box-sizing: border-box ;
    border-style: solid ;
    border-width: 0 ;
}

.header-button:hover .header-button-icon {
    border-color: white ;
}

#min-button .header-button-icon {
    margin-top: 15px ;
    height: 1px ;
    border-width: 1px 0 0 0 ;
}

#max-button .header-button-icon {
    border-width: 1px ;
}

#close-button .header-button-icon {
    background-image: url('../assets/action-close-43257947.svg');
}

#close-button:hover {
    background-color: #E81123 ;
}

#main-table {
    grid-area: 2 / 1 / span 1 / span 1;
    overflow: hidden;
    position: relative;
    transition: opacity 0.1s, width 0.2s;
    min-width: 0px;
}

#main-view {
    padding-top: 6px ;
    border-top: 1px solid #D0D0D0 ;
    background-color: #E6E6E6 ;
    flex-grow: 1;
    display: grid;
    grid-template-rows: minmax(0px, min-content) 1fr;
    grid-template-columns: 599px auto 0px auto 1fr;
}

#main-options {
    background-color: inherit;
    border: 1px solid #ACACAC ;
    grid-area: 2 / 3 / span 1 / span 1;
    width: 587px;
    opacity: 1;
    overflow: hidden;
    z-index: 40;
    position: relative;
    justify-self: flex-end;
    min-width: 0px;
}

#main-options.initialised {
    transition: 0.1s width, 0.1s opacity;
}

.hidden-panel {
    width: 0px !important;
    opacity: 0 !important;
    min-width: 0px !important;
}


#results {
    font-style: sans-serif ;
    border: 1px solid #ACACAC ;
    grid-area: 2 / 5 / span 1 / span 1;
    position: relative;
    opacity: 1;
    transition: opacity 0.1s, width 0.2s;
    min-width: 0px;
}

#splitter {
    width: 8px ;
}

#help {
    overflow: auto;
    border: 1px solid #555555 ;
    border-radius: 5px ;
    padding: 5px ;
    background-color: white;
}

.silky-splitpanel-splitter {
    background-color: inherit;
}

.silky-options-control {
    height: 100%;
    float: right;
    box-sizing: border-box;
    width: 585px;
    border: none;
    opacity: 1;
    transition: opacity 0.5s, visibility 0.5s;
    visibility: visible;
}

.silky-hidden-options-control {
    visibility: hidden;
    height: 0px;
    opacity: 0;
}

#progress-bar-helper {
    position: absolute ;
    left: 0 ;
    top: 0 ;
    display: table ;
    width: 100% ;
    height: 100% ;
    pointer-events:none;
}

#progress-bar-align-center {
    display: table-cell ;
    vertical-align: middle ;
    text-align: center ;
    pointer-events:none;
}

#progress-bar {
    display: inline-block ;
    margin: 0 auto ;
    width: 400px ;
    background-color: #B7121F ;
}

#notifications {
    position: absolute ;
    width: 400px ;
    height: 100% ;
    top : 0 ;
    padding: 12px 0 ;
    right: 12px ;
    box-sizing: border-box;
    z-index: 110 ;
    white-space: pre;
}


.silky-splitpanel-splitter {
    cursor: ew-resize;
    display: flex;
    justify-content: center;
    align-items: center;
}


.jmv-variablesview {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0px, min-content) minmax(0px, 1fr) minmax(0px, min-content);
}

.jmv-variables-searchbox {
    width: 100%;
    display: flex;
    flex-direction: row;
    grid-area: 1 / 1 / span 1 / span 1;
    align-items: center;
}

.jmv-variables-searchbox .image {
    width: 20px;
    height: 20px;
    filter: opacity(60%);
    margin: 0px 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-image: url('../assets/variable-search-a7442534.svg');
}

.jmv-variablesview .measure-box {
    position: relative;
    height: 100%;
    width: 100%;
    margin-left: 3px;
}

.jmv-variablesview .measure-box .dot {
    width: 5px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    left: -3px;
    top: 2px;
}

.jmv-variables-searchbox .search {
    width: 100%;
    padding-left: 5px;
}

.jmv-variables-container {
    grid-area: 2 / 1 / span 1 / span 1;
    overflow: auto;
    margin: 8px 0px 0px 3px;
    border: 1px solid #ACACAC;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jmv-variablesview .jmv-status-bar {
    grid-area: 3 / 1 / span 1 / span 1;
}

.jmv-variables-body .msg {
    grid-area: 2 / 2 / span 1 / span 3;
    margin: 10px;
}

.jmv-variables-body {
    display: grid;
    grid-template-columns: min-content min-content minmax(70px, max-content) auto;
    background-color: white;
    scroll-margin-top: 5rem;
}

.jmv-variables-body .cell .text {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 70px;
    min-height: 100%;
    padding: 0 3px;
}

.jmv-variables-body .cell .text:not([contenteditable=""]):not([contenteditable="true"]) {
    outline: none;
}

.jmv-variables-body .cell .description {
    overflow: auto;
    padding: 0px 5px 0px 3px;
}

.jmv-variables-body .cell {

}

.jmv-variables-body .cell .text[contenteditable]:hover {
    cursor: text;
}

.jmv-variables-body .cell {
    grid-column-end: span 1;
    align-self: stretch;
    justify-self: stretch;
    padding: 2px 3px;
    border-bottom: 1px solid #E6E6E6;
    line-height: 23px;
}

.jmv-variables-body .resizer {
    grid-column-end: span 1;
    align-self: stretch;
    justify-self: stretch;
    width: 12px;
    z-index: 300;
}

.jmv-variables-body .cell.has-resizer {
    padding-right: 12px;
}

.jmv-variables-body .cell.selected {
    scroll-margin-top: 30px;
    background-color: rgba(94, 139, 196, .1);
}

.jmv-variables-body .column-header {
    position: sticky;
    top: 0px;
    background-color: #d5d5d5;
    z-index: 10;
    font-style: italic;
}

.measure-type-icon {
    width: 16px;
    height: 100%;
    background-position: center 4px;
    background-repeat: no-repeat;
    background-size: contain;
}



.cell > .select {
    margin-right: 0px;
}

.cell > .select-header-checkbox {
    margin-right: 0px;
}

.cell[data-hidden="true"] * {
    opacity: 0.5;
}

.cell[data-columntype="data"][data-datatype="integer"][data-measuretype="nominal"] > .measure-box > .measure-type-icon,
.cell[data-columntype="recoded"][data-datatype="integer"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="computed"][data-datatype="integer"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="output"][data-datatype="integer"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.cell[data-columntype="data"][data-datatype="text"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="recoded"][data-datatype="text"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="computed"][data-datatype="text"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="output"][data-datatype="text"][data-measuretype="nominal"] > .measure-box  > .measure-type-icon {
    background-image: url('../assets/variable-nominal-text-27cf0f8b.svg');
}

.cell[data-columntype="data"][data-datatype="integer"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="recoded"][data-datatype="integer"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="computed"][data-datatype="integer"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="output"][data-datatype="integer"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}

.cell[data-columntype="data"][data-datatype="text"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="recoded"][data-datatype="text"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="computed"][data-datatype="text"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="output"][data-datatype="text"][data-measuretype="ordinal"] > .measure-box  > .measure-type-icon {
    background-image: url('../assets/variable-ordinal-text-101beac5.svg');
}

.cell[data-columntype="data"][data-measuretype="continuous"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="recoded"][data-measuretype="continuous"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="computed"][data-measuretype="continuous"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="output"][data-measuretype="continuous"] > .measure-box  > .measure-type-icon {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.cell[data-columntype="data"][data-measuretype="id"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="recoded"][data-measuretype="id"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="computed"][data-measuretype="id"] > .measure-box  > .measure-type-icon,
.cell[data-columntype="output"][data-measuretype="id"] > .measure-box  > .measure-type-icon {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.cell.hovering {
    background-color: rgba(239, 239, 239, 0.96);
}

.add-new-variable {
    box-shadow: 0px 1px 3px #666666;
    color: #ffffff;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #3e6da9;
    border-radius: 50%;
}

.add-new-variable:hover {
    background: #3cb0fd;
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}

.cell.new-variable {
    position: sticky;
    bottom: 0px;
    border-bottom: none;
    align-self: flex-end;
    margin: 0px 10px 0 0;
    padding-bottom: 10px;
}

/*
 * Copyright (C) 2016 Jonathon Love
 */

.dialog-widget.background {
    background-color: rgba(0, 0, 0, .2) !important;
}

.dialog-widget.prompt,
.dialog-widget.confirm {
    top: calc(33% - 115px) !important;
    background-color: #F0F0F0 !important;
    border: 1px solid #ACACAC !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.dialog-widget .divider {
    border-top: none !important;
}

.dialog-widget input {
    border-radius: 2px !important;
    border-color: #D0D0D0 !important;
}

.dialog-widget input:focus {
    outline: none !important;
    border: 1px solid #3E6DA9 !important;
}

.dialog-widget .ok, .dialog-widget .cancel {
    border-radius: 2px !important;
    color: inherit !important;
    background-color: #A9C6F2 !important;
    width: calc(50% - 5px) !important;
}

.dialog-widget .ok:hover, .dialog-widget .cancel:hover {
    background-color: #7fAAEC !important;
}

.dialog-widget .ok:focus, .dialog-widget .cancel:focus {
    outline: none !important;
    border: 1px solid #3E6DA9 !important;
}

.dialog-widget .url {
    display: none;
}

.dialog-widget .title {
    margin-top: 10px !important;
}

.jmv-tableview.resizing .jmv-column,
.jmv-tableview.resizing .jmv-column-header,
.jmv-tableview.resizing .jmv-table-cell-selected,
.jmv-tableview.resizing .jmv-table-column-highlight {
    transition: none ;
}

.cell-edited {
    color: #376095;
    background-color: rgba(55, 96, 149, .06);
}

.jmv-table-container {
    position: relative ;
    overflow: auto ;
    width: 100% ;
    height: 100% ;
    border-right: 1px solid #ACACAC ;
    border-bottom: 1px solid #ACACAC;
    box-sizing: border-box ;
    background-color: #F8F8F8 ;
    grid-area: 2 / 1 / span 1 / span 1;
}

.jmv-column {
    position: absolute ;
    background-color: white ;
    height: 100%;
}

.jmv-column[data-columntype='computed'],
.jmv-column[data-columntype='recoded'],
.jmv-column[data-columntype='output'],
.jmv-column[data-columntype='filter'] {
    background-color: hsla(0, 0%, 50%, 0.05) ;
}

.jmv-column[data-fmlaok="0"] {
    background-color: #D5AEAB ;
}

.jmv-column-header[data-fmlaok="0"] {
    color: #B5B6B6;
}

.jmv-column-header[data-fmlaok="0"].highlighted {
    color: #979797;
}

.jmv-column-header[data-fmlaok="0"]:hover {
    color: #E5E5E5;
}


.jmv-column[data-active="0"] {
    background-color: #eeeeee ;
}

.jmv-column-header[data-active="0"] {
    color: #B5B6B6;
}

.jmv-column-header[data-active="0"].highlighted {
    color: #979797;
}

.jmv-column-header[data-active="0"]:hover {
    color: #E5E5E5;
}

.jmv-column,
.jmv-column-header {
    transition: .2s left, .2s background-color ease-out;
}

.jmv-column-row-header {
    position: sticky ;
    z-index: 20 ;
    color: #555555 ;
    left: 0px;
}

.jmv-table-header {
    position: absolute ;
    width: 100% ;
    z-index: 20 ;
    overflow: hidden ;
    box-sizing: border-box ;
    grid-area: 1 / 1 / span 1 / span 1;
}

.jmv-table-header-background {
    position: absolute ;
    left: 0 ;
    top: 0 ;
    width: 100% ;
    height: 100% ;
    border-bottom: 1px solid #ACACAC ;
    box-sizing: border-box ;
}

.jmv-column-header:first-child {
    padding-left: 0 ;
}

.jmv-column-header {
    position: absolute ;

    top: 0 ;
    border-width: 0 1px 1px 0 ;
    border-style: solid ;
    border-image: linear-gradient(to top, #ACACAC, rgba(0,0,0,0));
    padding: 3px 6px 4px 6px;
    background-color: #E6E6E6 ;
    border-image-slice: 1 ;
    box-sizing: border-box ;

    background-repeat: no-repeat ;
    background-size: auto 80% ;
    background-position: 6px 1px ;
    cursor: url('assets/column-select-413df1b1.svg'), auto;
    display: flex;
    align-items: center;
}


.jmv-column-header.highlighted,
.jmv-row-header-cell.highlighted {
    background-color: #CCCCCC ;
    color: #3E6DA9 ;
}

.select-all {
    cursor: cell;
}

.jmv-column-header:not(.place-holder):hover,
.jmv-row-header-cell:hover {
    background-color: #A6BEDE;
}


.jmv-column-cell,
.jmv-column-header-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 4px;
    line-height: normal;
}

.jmv-column-header-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    flex: 0 0 16px;
}

.jmv-column-header-colour {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    background-color: #acacac;
    right: 5px;
    top: 3px;
    opacity: 0;
    cursor: default;
    transition: opacity .2s, background-color .2s, visibility 0.2s;
    visibility: hidden;
}

.jmv-column-header[data-columntype='computed'] > .jmv-column-header-colour,
.jmv-column-header[data-columntype='recoded'] > .jmv-column-header-colour,
.jmv-column-header[data-columntype='output'] > .jmv-column-header-colour {
    opacity: 1;
    visibility: visible;
}

.jmv-row-header-cell.virtual {
    color: #BFBFBF ;
}

.jmv-column-header:first-child {
    position: relative ;
}

.jmv-column-header-resizer {
    position: absolute ;
    top: -6px ;
    right: -6px ;
    width: 12px ;
    height: 24px ;
    background-color: red ;
    cursor: col-resize ;
    z-index: 30 ;
    opacity: 0 ;
}

.jmv-column-cell[data-type="string"] {
    text-align: left ;
}

.jmv-column-cell[data-type="number"] {
    text-align: right ;
}

.jmv-column-cell[data-type="bool"] {
    text-align: center ;
}

.jmv-column-cell[data-type="bool"] .true,
.jmv-column-cell[data-type="bool"] .false {
    background-size: auto 55% ;
    background-repeat: no-repeat;
    background-position: center ;
    width: 100% ;
    height: 100% ;
}

.jmv-column-cell[data-type="bool"] .true {
    background-image: url('../assets/filter-include-5bc5a810.svg') ;
}

.jmv-column-cell[data-type="bool"] .false {
    background-image: url('../assets/filter-exclude-763d6563.svg') ;
}

[data-active="0"] > .jmv-column-cell[data-type="bool"] .true {
    background-image: url('../assets/filter-include-inactive-8b2c957c.svg') ;
}

[data-active="0"] > .jmv-column-cell[data-type="bool"] .false {
    background-image: url('../assets/filter-exclude-inactive-4c49ee5f.svg') ;
}

[data-fmlaok="0"] > .jmv-column-cell[data-type="bool"] * {
    background-color: transparent ;
}

.jmv-column[data-fmlaok="1"] > .jmv-column-cell[data-filtered="1"] {
    color: #C2C2C2 ;
    background-color: #EEEEEE ;
}

.jmv-column[data-fmlaok="1"] > .jmv-column-cell[data-filtered="1"].cell-edited {
    color: #C2C2C2 ;
    background-color: #e2e6e9 ;
}

.jmv-column-cell[data-missing="1"] {
    color: #C2C2C2;
    font-size: 80%;
}

.jmv-column-cell {
    padding-left: 10px ;
    padding-right: 10px ;
    overflow: hidden ;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    caret-color: transparent;
    outline: NONE;
}

.jmv-table-cell-selected {
    position: absolute ;
    border: 1px solid #FFFFFF ;
    z-index: 10 ;
    box-sizing: border-box ;
    transition: left 0.1s, top 0.1s, width 0.1s, height 0.1s ;
    box-shadow: 0 0 0 2px #5E8BC4 ;
    padding: 2px 4px ;
    white-space: no-wrap;
    background-color: rgba(94, 139, 196, .1);
    font-size: 12.8px ;

    left: -100px ; /* overridden by code */
    top: -100px ;
}

.jmv-row-header-cell > .sub-selection-bar {
    opacity: 0;
    transition: opacity .2s, visibility 0.2s;
    visibility: hidden;
    width: 100%;
    position: absolute;
    border-right: 2px solid #5e8bc4;
    box-sizing: border-box;
    top: 0px;
    right: -1px;
    bottom: -1px;
    background-color: transparent;
}

.jmv-column-header > .sub-selection-bar {
    opacity: 0;
    transition: opacity .2s, visibility 0.2s;
    visibility: hidden;
    height: 100%;
    position: absolute;
    border-bottom: 2px solid #5e8bc4;
    box-sizing: border-box;
    left: 0px;
    bottom: -1px;
    right: -1px;
    background-color: transparent;
}

.highlighted.is-sub-selection > .sub-selection-bar {
    opacity: 1;
    visibility: visible;
}

.jmv-table-cell-secondary-selected, .jmv-table-cell-selected.multi {
    position: absolute;
    border: 1px solid #989898;
    z-index: 9;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    background-color: rgba(37, 37, 37, 0.1);
    transition: none;
    left: -100px;
    top: -100px;
}

.jmv-table-cell-selected.negative {
    border: 1px solid #989898;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
}

.jmv-table-cell-selected.not-editable {
    box-shadow: 0 0 0 2px #9f9f9f ;
    background-color: rgba(110, 110, 110, 0.1);
}

input.jmv-table-cell-selected.copying {
    border: 1px dashed #5E8BC4 ;
}

.jmv-table-cell-selected:not(.editing) {
    cursor: default ;
    pointer-events: none ;
}

.jmv-table-cell-selected[data-measuretype="continuous"],
.jmv-table-cell-selected[data-measuretype="nominal"],
.jmv-table-cell-selected[data-measuretype="ordinal"] {
    text-align: right ;
}

.jmv-table-cell-selected br {
    display: none ;
}

.jmv-table-cell-selected.editing {
    background-color: white ;
}

.jmv-table-row-highlight,
.jmv-table-column-highlight {
    position: absolute ;
    z-index: 40 ;
    pointer-events: none;
}

.jmv-table-row-highlight-wrapper {
    position: sticky ;
    z-index: 40 ;
    pointer-events: none;
    left: 0px;
    overflow: visible;
}

.jmv-table-row-highlight {
    border-right: 2px solid #5E8BC4 ;
    transition: top 0.1s, width 0.1s, height 0.1s ;
    box-sizing: border-box;
    top: -100px ; /* overridden by code */
    right: 0px;
}

.jmv-table-column-highlight {
    top: -2px ;
    left: -100px ; /* overridden by code */
    border-bottom: 2px solid #5E8BC4 ;
    transition: left 0.1s, width 0.1s, height 0.1s ;
    pointer-events: none ;
}

.jmv-column-header[data-datatype='integer'][data-measuretype='nominal'] > .jmv-column-header-icon {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-column-header[data-datatype='text'][data-measuretype='nominal'] > .jmv-column-header-icon {
    background-image: url('../assets/variable-nominal-text-27cf0f8b.svg');
}

.jmv-column-header[data-datatype='integer'][data-measuretype='ordinal'] > .jmv-column-header-icon {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}

.jmv-column-header[data-datatype='text'][data-measuretype='ordinal'] > .jmv-column-header-icon {
    background-image: url('../assets/variable-ordinal-text-101beac5.svg');
}

.jmv-column-header[data-measuretype='continuous'] > .jmv-column-header-icon {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.jmv-column-header[data-measuretype='id'] > .jmv-column-header-icon {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.jmv-column-header[data-columntype='filter'] .jmv-column-header-icon {
    display: none;
}

.jmv-column-header[data-fmlaok='0'][data-active='1'] > .jmv-column-header-icon {
    display: block;
    cursor: default;
    background-image: url('../assets/column-error-5a02a8dc.svg') !important;
}

.jmv-table-body {
    position: absolute ;
    background-color: white ;
    cursor: cell;
}

.jmv-row-header-cell,
.jmv-column-cell {
    position: absolute ;
    box-sizing: border-box ;
    padding: 1px 6px 1px 6px ;
    width: 100% ;
    line-height: normal;
}

.jmv-row-header-cell {
    background-color: #E6E6E6 ;
    text-align: center ;
    border-width: 1px 1px 0 0 ;
    border-style: solid ;
    border-color: #ACACAC ;
    border-image: linear-gradient(to left, #ACACAC, rgba(0,0,0,0)) 1 100% ;
    border-image-slice: 1 ;
    box-sizing: border-box ;
    cursor: url('assets/row-select-2861641c.svg'), auto;
}

.jmv-row-header-cell:first-child {
    border-width: 0 1px 0 0 ;
}

.jmv-row-header-cell:last-child {
    border-width: 1px 1px 1px 0 ;
}

.jmv-row-header-cell.split-above {
    border-image: none ;
    border-top: 3px solid #5E8BC4 ;
}

.jmv-column-cell {
    border: 1px solid #DEDEDE ;
    border-width: 1px 1px 0 0 ;
}

.jmv-column-cell:first-child {
    border-width: 0 1px 0 0 ;
}

.jmv-column-cell:last-child {
    border-width: 1px 1px 1px 0 ;
}


.jmv-editor-panel {
    background-color: #F8F8F8;
    height: 270px;
    bottom: 0px;
    width: 100%;
    transition: height .2s, border-top .2s, opacity .2s;
    box-sizing: border-box;
    border-top: 1px solid #CCCCCC;
    position: absolute;
    box-shadow: 0px 0px 5px #bbbbbb;
}

.jmv-editor-panel.hidden {
    height: 0 ;
    transition-timing-function: ease, step-end ;
    border-top: 1px solid #F0F0F0 ;
    opacity: 0;
}

.jmv-editor-panel-main {
    position: relative ;
    margin: 0 auto ;
    width: 700px ;
    height: 100% ;
    box-sizing: border-box;
    overflow: hidden ;
    padding: 0 100px;
    display: flex;
    flex-direction: column;
}

.jmv-editor-panel-main .title-box {
    display: flex;
    flex-direction: row;
    padding: 0px 4px 0px 2px;
    margin: 6px 0 3px 0;
    align-items: center;
}

.jmv-editor-panel-ok {
    position: absolute ;
    right: 12px ;
    top: 12px ;
    width: 40px ;
    height: 40px ;
    color: #BBBBBB ;
    border: 4px solid #BBBBBB ;
    border-radius: 20px ;
    box-sizing: border-box;
    font-size: 24px ;
    text-align: center;
    z-index: 1 ;
    transition: color .2s, border-color .2s ;
}

.jmv-editor-panel-ok span.mif-checkmark {
    color: #AAAAAA ;
    border-color: #AAAAAA;
}

.jmv-editor-panel-ok.apply {
    border-color: #AAAAAA;
}

.jmv-editor-panel-ok span {
    position: absolute ;
    left: 0 ;
    width: 100% ;
    line-height: 32px;
    vertical-align: top;
    transition: opacity .4s ;
}

.jmv-editor-panel-ok:not(.apply) span.mif-checkmark {
    opacity: 0 ;
}

.jmv-editor-panel-ok.apply span.mif-arrow-up {
    opacity: 0 ;
}

.jmv-editor-panel-ok:hover {
    color: #999999 ;
    border-color: #999999 ;
}

.jmv-editor-panel-main .title {
    font-size: 110%;
    color: #555555;
    font-weight: 100;
    text-transform: uppercase;
}

.jmv-editor-panel-main > .content {
    flex-grow: 1;
}

.jmv-transform-editor {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.jmv-transform-editor > .contents {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 10px;
    background-color: hsla(0, 0%, 99%, 1);
    padding: 3px;
    border: 1px solid #dfdfdf;
    height: 140px;
    box-sizing: border-box;
    overflow: auto;
}

.jmv-transform-editor > .contents > .content-list {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    background-color: #fdfdfd;
    margin-top: 3px;
    margin-left: 5px;
    max-height: 103px;
}

.jmv-editor-panel-main .title-box .transform-colour {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-top: 2px;
    margin-right: 5px;
}

.jmv-transform-editor-options {
    flex: 2;
    overflow-y: auto;
    padding-right: 5px;
}

.jmv-transform-editor-widget-title {
    font-size: 150%;
    color: #555555;
    background-color: white;
    padding: 3px 4px 3px 4px;
    border: 1px solid #CCCCCC;
    flex-shrink: 0;
    flex-grow: 0;
}

.jmv-transform-editor-widget-description {
    font-size: 100%;
    color: #555555;
    background-color: white;
    padding: 3px 4px 3px 4px;
    margin: 3px 0px 0px 0px;
    border: 1px solid #CCCCCC;
    max-height: 3.2em;
    overflow: auto;
    cursor: text;
    flex-shrink: 0;
    flex-grow: 1;
}

.jmv-transform-editor-widget-shortname {
    font-size: 100%;
    color: #555555;
    background-color: white;
    padding: 3px 4px 3px 4px;
    margin: 3px 0px 0px 0px;
    border: 1px solid #CCCCCC;
    max-height: 3.2em;
    overflow: auto;
    cursor: text;
    flex-shrink: 0;
    flex-grow: 0;
    width: 8em;
    margin-left: 5px;
}

.jmv-transform-editor-top .desc-box {
    display: flex;
}

.jmv-transform-editor-top {
    display: flex;
    flex-flow: column;
    color: #848484;
    margin: 3px 0 5px 0;
}
.jmv-transform-editor-bottom .usage-box {
    position: absolute;
    top: 3px;
    right: 100px;
}

.jmv-transform-editor-bottom .measure-box, .jmv-transform-editor-bottom .usage-box {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.jmv-transform-editor-bottom .measure-box #transform-measure-type {
    margin-left: 8px;
}

.jmv-transform-editor-bottom .measure-box .transform-measure-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    align-self: center;
}

.jmv-transform-editor-bottom .measure-box .transform-measure-icon[measure-type='id'] {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.jmv-transform-editor-bottom .measure-box .transform-measure-icon[measure-type='continuous'] {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.jmv-transform-editor-bottom .measure-box .transform-measure-icon[measure-type='nominal'] {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-transform-editor-bottom .measure-box .transform-measure-icon[measure-type='ordinal'] {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}

.jmv-transform-editor-bottom {
    display: flex;
    flex-flow: row;
    align-items: baseline;
    color: #575757;
    justify-content: space-between;
    padding-right: 33px;
}

.jmv-transform-editor-bottom .view-button {
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    margin-left: 5px;
    padding: 0 5px;
    line-height: 1.5;
    background-color: #eeeeee;
    transition: .4s background-color;
    color: #212121;
}

.jmv-transform-editor-bottom .view-button:hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
}

.jmv-transform-editor-top .recoded-from {
    margin-left: 1ex;
    margin-right: 1ex;
}

.jmv-transform-editor-bottom .usage-box .usage-label {
    color: #b2b2b2;
}

.jmv-transform-editor-options > .formula-box {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 3px;
    align-items: center;
    transition: .2s opacity, .2s height, .2s margin, .2s top, 0.2s visibility;
    overflow: hidden;
    opacity: 1;
    top: 0px;
    visibility: visible;
}

.jmv-transform-editor-options > .formula-box:first-child {
    margin-top: 0px;
}

.jmv-transform-editor-options > .formula-box.hidden {
    opacity: 0;
    height: 0px;
    visibility: hidden;
}

.jmv-transform-editor-options > .formula-box > .reorder-cond {

}

.jmv-transform-editor-options > .formula-box .remove-cond {
    grid-column-start: 2;
    grid-row-start: 1;
    justify-self: end;
    height: 100%;
    line-height: inherit;
    align-self: center;
    margin-right: 6px;
    color: #bbbbbb;
}

.jmv-transform-editor-options > .formula-box .remove-cond span {
    margin-bottom: 1px;
}

.jmv-transform-editor-options > .formula-box .remove-cond:hover {
    color: #c15050;
}

.jmv-transform-editor > .contents > .insert-box {
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    align-items: center;
    border: 1px solid hsla(0, 0%, 88%, 0);
    border-radius: 2px;
    padding: 0 5px;
    line-height: 1.5;
    background-color: hsla(0, 0%, 99%, 1);
    transition: .4s background-color;
    color: #575757;
    flex-shrink: 0;
    margin-left: 5px;
    height: 22px;
}

.jmv-transform-editor > .contents > .content-list > .right-box {
    margin-left: 3px;
    overflow: hidden;
    width: 25px;
    transition: 0.2s width, .2s opacity, .2s margin, 0.2s visibility;
    opacity: 1;
    visibility: visible;
}

.jmv-transform-editor > .contents > .content-list > .right-box.hidden {
    width: 0px;
    opacity: 0;
    margin-left: 0px;
    visibility: hidden;
}

.jmv-transform-editor > .contents > .insert-box > .insert {
    background-size: 100%;
    background-image: url('assets/filters-add-65f0af82.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    background-color: transparent;
    border: none;
    width: 11px;
    height: 11px;
    margin-right: 6px;
}

.jmv-transform-editor > .contents > .insert-box:hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
}

.jmv-transform-editor > .contents  .button {
    vertical-align: unset;
    width: 25px;
    height: 25px;
    line-height: 1;
    font-size: 20px;
    text-align: center;
    color: #bbbbbb;
}

.jmv-transform-editor > .contents  .button:hover {
    color: #999999 ;
}


.jmv-transform-editor-options > .formula-box .show-editor {
    filter: hue-rotate(40deg) saturate(5) grayscale(100%);
    width: 23px;
    align-self: stretch;
    margin-right: 4px;
    border: 1px solid #dadada;
    background-image: url('assets/filters-formula-cd2a3b6d.svg');
    background-position: center left 1px;
    background-repeat: no-repeat;
    background-size: 65%;
    cursor: default;
    flex: none;
    background-color: white;
}

.jmv-transform-editor-options > .formula-box .show-editor:hover, .jmv-transform-editor-options > .formula-box .show-editor.is-active {
    filter: none;
    background-color: #ffffff;
}

.jmv-transform-editor-options > .formula-box .show-editor > .down-arrow {
    filter: inherit;
    position: absolute;
    background-image: url('assets/filters-down-arrow-9fe10fd5.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    left: 16px;
    height: 5px;
}

.jmv-transform-editor-options > .formula-box .formula-list-item > .down-arrow {
    position: absolute;
    background-image: url('assets/filters-down-arrow-9fe10fd5.svg');
    background-position: right 2px top 1px;
    background-repeat: no-repeat;
    background-size: 5px 5px;
    top: 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 3ch;
    margin-left: 0.5ch;
    border-right: 1px dashed rgba(62, 109, 169, 0.28);
    border-left: 1px dashed rgba(62, 109, 169, 0.28);
    box-sizing: border-box;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    color: rgba(220, 220, 220, 0);
    line-height: 2;
}

.jmv-transform-editor-options > .formula-box .formula-list-item > .down-arrow:hover {
    background-color: rgba(62, 109, 169, 0.05);
    border-right: 1px solid rgba(62, 109, 169, 0.28);
    border-left: 1px solid rgba(62, 109, 169, 0.28);
}

.jmv-transform-editor-options > .formula-box .equal {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    color: #3e6da9;
    line-height: inherit;
    padding: 0 0 0px 1ch;
    border: 1px solid transparent;
}

.jmv-transform-editor-options > .formula-box .equal span {
    color: rgba(62, 109, 169, 0.35);
}

.jmv-transform-editor-options > .formula-box .formula-grid {
    display: grid;
    background-color: transparent;
    border-radius: 4px;
    width: 100%;
    grid-template-columns: 65% 35%;
    line-height: 2;
}

.jmv-transform-editor-options > .formula-box.recode-else:not(:first-child) {
    margin-top: 10px;
}

.jmv-transform-editor-options > .formula-box .formula-list-item {
    position: relative;
    height: 100%;
}

.jmv-transform-editor-options > .formula-box .formula-message-box > .formula-message {
    background-color: pink;
    padding: 5px;
    line-height: 1;
    border: 1px solid #c998a0;
}

.jmv-transform-editor-options > .formula-box .formula-message-box > .formula-message:empty {
    display: none;
}

.jmv-transform-editor-options > .formula-box .formula {
    flex: 1;
    resize: none;
    text-indent: 1.5em;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    padding: 0px 20px 0px 1ex;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-left: none;
    border-right: none;
    cursor: text;
    overflow-y: auto;
    line-height: inherit;
    min-height: 1em;
    height: inherit;
    box-sizing: border-box;
    transition: .2s text-indent;
}

.jmv-transform-editor-options > .formula-box .item-0 .formula {
    border-left: 1px solid #CCCCCC;
}

.jmv-transform-editor-options > .formula-box .item-last .formula {
    border-right: 1px solid #CCCCCC;
}

.jmv-transform-editor-options > .formula-box .item-0.item-last {
    grid-column-end: span last-line;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
    color: #CCCCCC;
}

.jmv-transform-editor-options > .formula-box .caret {
    border-left: 1px solid #888888;
    top: 2px;
    left: 15px;
    height: calc(1em + 2px);
    position: absolute;
    transition: .05s left ease-out, .05s top ease-out;
    pointer-events: none;
}


.jmv-missing-value-editor > .contents {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 240px;
    box-sizing: border-box;
    flex-direction: column;
    overflow: auto;
}

.jmv-missing-value-editor .msg {
    flex-grow: 0;
    flex-shrink: 1;
    margin: 20px 240px 2px 0px;
    font-size: 15px;
    color: #909090;
    font-weight: 100;
}

/*
 * Copyright (C) 2016 Jonathon Love
 */


.jmv-variable-editor .hover-header {
    width: 100%;
    top: 0px;
    position: absolute;
}

.jmv-variable-editor {
    background-color: #F8F8F8 ;
    width: 100% ;
    height: 300px ;
    transition: height .2s, width .2s, border-top .2s, background-color .2s, opacity .2s, margin .2s;
    box-sizing: border-box;
    border-top: 1px solid #CCCCCC ;
    position: relative;
    grid-area: 1 / 1 / span 1 / span 5;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 6px;
}

.jmv-variable-editor.sub-editor-open {
    background-color: #e0e0e0
}

.jmv-variable-editor.sub-editor-open.hover {
    background-color: #cccccc
}

.jmv-variable-editor.hidden {
    height: 0 ;
    transition-timing-function: ease, step-end ;
    border-top: 1px solid #F0F0F0 ;
    opacity: 0;
    margin-bottom: 0px;
}

.jmv-variable-editor-main {
    position: relative ;
    margin: 0 auto ;
    width: 700px ;
    height: 100% ;
    box-sizing: border-box;
    overflow: hidden ;
}

.jmv-variable-editor-ok {
    position: absolute ;
    right: 12px ;
    top: 12px ;
    width: 40px ;
    height: 40px ;
    color: #BBBBBB ;
    border: 4px solid #BBBBBB ;
    border-radius: 20px ;
    box-sizing: border-box;
    font-size: 24px ;
    text-align: center;
    transition: color .2s, border-color .2s ;
}

.jmv-variable-editor-revert {
    position: absolute ;
    right: 16px ;
    top: 58px ;
    width: 26px ;
    height: 26px ;
    color: #BBBBBB ;
    border: 3px solid #BBBBBB ;
    border-radius: 13px ;
    box-sizing: border-box;
    font-size: 13px ;
    text-align: center;
    font-weight: bold ;
    transition: opacity .4s ;
    opacity: 0 ;
}

.jmv-variable-editor-revert span {
    line-height: 20px;
    vertical-align: top;
}

.jmv-variable-editor-revert.apply {
    opacity: 1 ;
    color: #AAAAAA ;
    border-color: #AAAAAA;
}

.jmv-variable-editor-ok span.mif-checkmark {
    color: #AAAAAA ;
    border-color: #AAAAAA;
}

.jmv-variable-editor-ok.apply {
    border-color: #AAAAAA;
}

.jmv-variable-editor-ok span {
    position: absolute ;
    left: 0 ;
    width: 100% ;
    line-height: 32px;
    vertical-align: top;
    /*margin-top: 4px ;*/
    transition: opacity .4s ;
}

.jmv-variable-editor-ok:not(.apply) span.mif-checkmark {
    opacity: 0 ;
}

.jmv-variable-editor-ok.apply span.mif-arrow-up {
    opacity: 0 ;
}

.jmv-variable-editor-button-left,
.jmv-variable-editor-button-right {
    position: absolute ;
    width: 40px ;
    height: 40px ;
    top: 130px ;
    font-size: 40px ;
    color: #BBBBBB ;
    transition: opacity .2s ;
}

.jmv-variable-editor-button-left span,
.jmv-variable-editor-button-right span {
    line-height: 40px;
    vertical-align: top;
}

.jmv-variable-editor-button-left.hidden,
.jmv-variable-editor-button-right.hidden {
    opacity: 0 ;
}

.jmv-variable-editor-ok:hover,
.jmv-variable-editor-revert:hover,
.jmv-variable-editor-button-left:hover,
.jmv-variable-editor-button-right:hover {
    color: #999999 ;
    border-color: #999999 ;
}

.jmv-variable-editor-button-left {
    left: 10px ;
}

.jmv-variable-editor-button-right {
    right: 10px ;
}

.jmv-variable-editor-widget.multiple-variables .single-variable-support {
    visibility: hidden;
}

.jmv-variable-editor-widget {
    position: absolute ;
    padding: 8px 100px 10px 100px ;
    width: 100% ;
    height: 300px;
    box-sizing: border-box;
    display: flex ;
    flex-direction: column;
}

.jmv-variable-editor-widget:not(.inactive) {
    transition: left .3s, opacity .3s ;
}

.jmv-variable-editor-widget .desc-box {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.jmv-variable-editor-widget .desc-box .multi-var-info {
    display: flex;
    flex-direction: row;
    visibility: hidden;
    position: absolute;
    width: 500px;
    border-bottom: 1px solid #dfdfdf;
    align-items: center;
}

.jmv-variable-editor-widget.multiple-variables .desc-box .multi-var-info {
    visibility: visible;
}

.jmv-variable-editor-main[data-type='none'] .jmv-variable-editor-widget.multiple-variables .desc-box .multi-var-info {
    visibility: hidden;
}

.jmv-variable-editor-main[data-type='filter'] .jmv-variable-editor-widget.multiple-variables .desc-box .multi-var-info {
    visibility: hidden;
}

.jmv-variable-editor-widget .desc-box .multi-var-info .scroll-wrapper {
    box-sizing: content-box;
    overflow: hidden;
    height: 36px;
    /*margin-top: 3px;*/
}

.jmv-variable-editor-widget .desc-box .multi-var-info .multi-var-info-list {
    display: flex;
    flex-direction: row;
    margin: 5px 0 7px 0;
    overflow-x: scroll;
    padding-bottom: 100px;
    align-items: center;
}

.jmv-variable-editor-widget .desc-box .multi-var-info .multi-var-info-list .jmv-variable-list-item {
    background-color: #E8E8E8;
    margin-right: 3px;
    min-width: unset;
}

.jmv-variable-editor-widget .desc-box .multi-var-info .multi-var-info-list .jmv-variable-list-item > .label {
    margin-right: 7px;
    max-width: 77px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jmv-variable-editor-widget .desc-box .multi-var-info .multi-var-info-label {
    margin: 0 5px 0 2px;
    color: #888888;
    font-weight: 100;
}

.jmv-variable-editor-widget-title {
    font-size: 150% ;
    color: #555555 ;
    background-color: white;
    padding: 3px 4px 3px 4px;
    margin: 3px 37px 0px 0px;
    border: 1px solid #CCCCCC;
    flex-shrink: 0;
    flex-grow: 0;
}

.jmv-variable-editor-widget-description {
    font-size: 100% ;
    color: #555555 ;
    background-color: white;
    padding: 3px 4px 3px 4px;
    margin: 3px 37px 0px 0px;
    border: 1px solid #CCCCCC;
    max-height: 3.2em;
    overflow: auto;
    cursor: text;
    flex-shrink: 0;
    flex-grow: 0;
}

.label-box {
    display: flex;
    flex-direction: row;
    margin-right: 37px;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3px;
}

.label-box .label-spacer {
    flex: 1;
    align-items: center;
}

.imported-as {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.label-box .imported-as > .label {
    color: grey;
    margin-right: 5px;
    font-weight: 100;
    font-size: 90%;
}

.label-box .imported-as > .name {
    color: grey;
    margin-right: 5px;
    font-size: 90%;
    font-weight: 500;
}

.label-box .jmv-variable-editor-widget-label {
    font-size: 110%;
    color: #555555;
    padding: 0px 4px 0px 2px;
    margin: 0px;
    font-weight: 100;
    text-transform: uppercase;
}

.jmv-variable-editor-widget-body {
    flex-grow: 1;
    display: flex;
    overflow: hidden;
    padding: 10px 10px 10px 0px;
}

.jmv-datavarwidget-body {
    flex-grow: 1;
    display: flex;
}

.jmv-variable-editor-widget-footer {
    margin-left: 2px;
    margin-right: 37px;
}

.jmv-variable-editor-main[data-type='output'] .jmv-variable-editor-widget-title {
    margin-right: 10px;
}

.jmv-variable-editor-main[data-type='output'] .jmv-variable-editor-widget-description {
    margin-right: 10px;
}

.jmv-variable-editor-main[data-type='computed'] .jmv-variable-editor-widget-footer {
    margin-right: 10px;
}

.jmv-variable-editor-main[data-type='computed'] .jmv-variable-editor-widget-title {
    margin-right: 10px;
}

.jmv-variable-editor-main[data-type='computed'] .jmv-variable-editor-widget-description {
    margin-right: 10px;
}

.jmv-variable-editor-main[data-type='computed'] .label-box {
    margin-right: 10px
}

.jmv-variable-editor-main[data-type='filter'] .label-box .jmv-variable-editor-widget-label {
    margin-left: 3px;
}



.jmv-variable-editor-widget-footer > .status-box {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    float: right;
}

.jmv-variable-editor-widget-footer > .status-box > .status {
    color: #757575;
    margin: 2px 0px 2px 3px;
    padding-right: 3px;
    height: 18px;
    line-height: 18px;
    text-align: right;

}

.jmv-variable-editor-widget-footer .status-box:hover .active {
    background-color: #bcbcbc;
}

.jmv-variable-editor-widget-footer .active.retain-levels {
    background-color: #8cc18c;
}

.jmv-variable-editor-widget-footer .status-box:hover .active.retain-levels {
    background-color: #659c65;
}

.jmv-variable-editor-widget-footer .active.retain-levels .switch {
    left: 9px;
}

.jmv-variable-editor-widget-footer .active {
    width: 25px;
    height: 14px;
    background-color: #cccccc;
    border-radius: 9px;
    margin: 0px 0px 0px 2px;
}

.jmv-variable-editor-widget-footer .active .switch {
    position: relative;
    width: 12px;
    height: 10px;
    left: 0px;
    background-color: #ffffff;
    border-radius: inherit;
    margin: 2px 2px 2px 2px;
    transition: .1s left ease-out;
}



.jmv-variable-editor-datavarwidget {
    flex: 1;
    display: flex;
    max-height: 167px;
}

.jmv-variable-editor-widget-left {
    display: flex ;
    flex-direction: column ;
    padding-top: 3px;
    width: 215px;
}

.jmv-variable-editor-autotype {
    display: inline-block ;
    margin: 0px 0 0px 4px;
}

.jmv-variable-editor-widget span {
    line-height: 20px ;
}

.jmv-variable-editor-widget input {
    vertical-align: middle ;
}

.jmv-vareditor-datatype {
    display: flex ;
    align-items: baseline;
    margin-bottom: 12px;
}

.jmv-vareditor-transform {
    display: flex ;
    align-items: baseline;
}

.jmv-vareditor-datatype label {
    margin-right: 10px;
}

.jmv-vareditor-datatype select{
    flex-grow: 1;
}

.jmv-variable-editor-levels-control .container {
    flex-grow: 1;
    display: flex ;
    flex-direction: column;
}

.transform-type option {
    display: none;
}

.super-focus {
    box-shadow: 0px 0px 15px 0px #949494;
    z-index: 300;
}

.super-focus * {
    z-index: 300;
}

.jmv-variable-editor-levels-control .title {
    background-color: #E8E8E8;
    border: 1px solid #CCCCCC;
    border-bottom-style: none;
    text-align: center;
    padding: 3px 0px;
}

.jmv-variable-editor-levels-control .levels {
    background-color: white ;
    border: 1px solid #CCCCCC ;
    box-sizing: border-box ;
    padding-top: 4px ;
    padding-bottom: 4px ;
    overflow-y: auto ;
    overflow-x: hidden ;
    flex: 1;
}

.jmv-variable-editor-level.selected,
.jmv-variable-editor-level.selected > .jmv-variable-editor-level-label:not(:focus):not(:hover) {
    background-color: #B5CAEF ;
}

.jmv-variable-editor-widget-move {
    display: inline-block ;
    vertical-align: top ;
    font-size: 150% ;
    padding: 0 5px ;
    color: #BBBBBB ;
    background: #f8f8f8;
}

.jmv-variable-editor-levels-control {
    display: flex;
    flex-grow: 1;
    margin-left: 15px;
    transition: box-shadow 0.15s;
    position: relative;
}

.jmv-variable-editor-levels-control .add-level {
    width: 21px;
    height: 21px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 15px;
    color: #BBBBBB;
    text-align: center;
    margin: 0px 5px 5px 5px;
    z-index: 400;
    border-radius: 3px;
}

.jmv-variable-editor-widget-move-up,
.jmv-variable-editor-widget-move-down {
    margin-bottom: 4px ;
    transition: opacity .2s ;
}

.jmv-variable-editor-widget-move-up.disabled,
.jmv-variable-editor-widget-move-down.disabled,
.add-level.disabled {
    opacity: 0.4 ;
}

.jmv-variable-editor-widget-move-up:not(.disabled):hover,
.jmv-variable-editor-widget-move-down:not(.disabled):hover,
.add-level:not(.disabled):hover {
    color: #999999 ;
}

.jmv-variable-editor-level {
    position: relative;
    padding: 5px 0px 5px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #e6e6e6;
}

.jmv-variable-editor-level-value {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 80%;
    text-align: right;
    margin-right: 10px;
}

.jmv-variable-editor-level[data-changed=false] > .jmv-variable-editor-level-value {
    display: none
}

.jmv-variable-editor-level-label {
    padding: 0;
    padding-left: 4px;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #e6e6e6;
    height: 100%;
    outline: none;
    margin-right: 5px;
    border: 1px solid transparent;
    transition: .2s background-color, .2s border-color, .2s border-radius;
    height: 1.4em;
}

.jmv-variable-editor-level-label:focus, .jmv-variable-editor-level-label:not(.read-only):hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
    border-radius: 3px;
    border: 1px solid rgb(62, 109, 169);
}

.jmv-variable-editor-level-label.read-only:hover {
    cursor: default;
}

.missing-values {
    display: flex;
    align-items: center;
    max-width: 200px;
}

.missing-values .label {
    display: inline;
    margin-right: 10px;
    white-space: nowrap;
}

.missing-values .list {
    padding-left: 0px;
    line-height: 1.6em;
    border: 1px solid transparent;
    border-radius: 0px;
    transition: .2s background-color, .2s border-color, .2s border-radius;
    height: 1.6em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.missing-values .list:empty {
    background-color: #ffffff;
    border: 1px solid rgb(219, 219, 219);
    min-width: 100px;
    flex-grow: 1;
}

.missing-values .list:hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
    border-radius: 3px;
    border: 1px solid rgb(62, 109, 169);
}

.missing-values .list span {
    background-color: rgba(145, 145, 145, 0.13);
    margin: 0 0 0 3px;
    padding: 0 5px;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border: 1px solid #d7d7d7;
}

.missing-values .list span:first-child {
    margin: 0 0 0 1px;
}


.jmv-variable-editor-datavarwidget .measure-box {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 12px;
}

.jmv-variable-editor-datavarwidget .measure-box .label {
    white-space: nowrap;
}

.jmv-variable-editor-datavarwidget .measure-box #type {
    margin-left: 5px;
    flex-grow: 1;
    flex-shrink: 1;
}

.jmv-variable-editor-datavarwidget .measure-box .icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    align-self: center;
}

.jmv-variable-editor-datavarwidget .measure-box .icon[measure-type='id'] {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.jmv-variable-editor-datavarwidget .measure-box .icon[measure-type='continuous'] {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.jmv-variable-editor-datavarwidget .measure-box .icon[measure-type='nominal'] {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-variable-editor-datavarwidget .measure-box .icon[measure-type='ordinal'] {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}

.jmv-variable-editor-level .pin {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 15px;
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 3px;
    filter: opacity(0.5);
}

.jmv-variable-editor-level:not(.pinned):hover .pin {
    opacity: 1;
    background-image: url('assets/levels-pin-2-73b8a952.svg');
}

.jmv-variable-editor-level .pin:hover {
    background-color: #eeeeee
}

.jmv-variable-editor-level.pinned .pin {
    opacity: 1;
    background-image: url('assets/levels-pin-1-93ea3a20.svg');
}



.jmv-variable-editor-outputvarwidget {
    flex: 1;
    display: flex;
    max-height: 167px;
}

.jmv-variable-editor-outputvarwidget .jmv-variable-editor-levels-control {
    margin-left: 15px;
}

.jmv-outputvarwidget-body {
    flex-grow: 1;
    display: flex;
}

.top-box {
    display: flex;
    flex-direction: column;
    width: 215px;
}

.analysis-name {
    white-space: nowrap;
    padding: 5px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid rgb(219, 219, 219);
    transition: .2s background-color, .2s border-color, .2s border-radius;
}

.analysis-name:hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
    border-radius: 3px;
    border: 1px solid rgb(62, 109, 169);
}

.jmv-vareditor-connection-details {
    display: flex ;
    align-items: baseline;
    margin-bottom: 12px;
}

.jmv-vareditor-connection-details label {
    white-space: nowrap;
    margin-right: 8px;
}


.jmv-variable-computed-widget {
    width: 100% ;
    display: flex;
}

.jmv-variable-computed-methods {
    display: flex;
    flex-direction: column;
    margin: 0px 20px 20px 0px;
    flex-grow: 1;
    background-color: white;
    border: 1px solid #CCCCCC;
}

.jmv-variable-computed-methods > .top {
    margin: 5px 0px;
}

.jmv-variable-computed-methods > .separator {
    border-bottom: 1px solid #CCCCCC;
    margin: 0px 5px;
}

.jmv-variable-computed-methods > .bottom {
    flex: 1;
    margin: 5px 0px;
}

.jmv-variable-computed-methods .item {
    padding: 5px 10px;
}

.jmv-variable-computed-methods .item:hover {
    background-color: #F0F0F0;
}

.jmv-variable-computed-options {
    display: flex;
    flex-direction: column;
    flex: 2;
}

.jmv-variable-computed-options > .formula-box {
    display: flex;
    flex-direction: row;
    position: relative;
    min-height: 50px;
}

.jmv-variable-computed-options > .formula-box .show-editor {
    filter: hue-rotate(40deg) saturate(5) grayscale(100%);
    width: 23px;
    border: 1px solid #dadada;
    background-image: url('assets/filters-formula-cd2a3b6d.svg');
    background-position: center left 1px;
    background-repeat: no-repeat;
    background-size: 65%;
    cursor: default;
    flex: none;
    margin-right: 3px;
    background-color: white;
}

.jmv-variable-computed-options > .formula-box .show-editor:hover, .jmv-variable-computed-options > .formula-box .show-editor.is-active {
    filter: none;
    background-color: #ffffff;
}

.jmv-variable-computed-options > .formula-box .show-editor > .down-arrow {
    filter: inherit;
    position: absolute;
    background-image: url('assets/filters-down-arrow-9fe10fd5.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    left: 16px;
    height: 5px;
}

.jmv-variable-computed-options > .formula-box > .equal {
    padding: 5px 5px 0px 34px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
}

.jmv-variable-computed-options > .formula-box .formula-pair {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jmv-variable-computed-options > .formula-box .formulaMessageBox {
    background-color: pink;
    width: 350px;
}

.jmv-variable-computed-options > .formula-box .formulaMessageBox > .formulaMessage {
    flex: 1;
    flex-grow: 1;
    margin: 5px;
    overflow: hidden;
}

.jmv-variable-computed-options > .formula-box .formulaMessageBox > .formulaMessage:empty {
    display: none;
}

.jmv-variable-computed-options > .formula-box .formula {
    flex: 1;
    resize: none;
    text-indent: 1em;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    padding: 5px 20px 5px 5px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    cursor: text;
    overflow-y: auto;
    line-height: 1em;
    min-height: 1em;
    width: 350px;
    box-sizing: border-box;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
    color: #CCCCCC;
}

.jmv-variable-computed-options > .formula-box .caret {
    border-left: 1px solid #888888;
    top: 2px;
    left: 15px;
    height: calc(1em + 2px);
    position: absolute;
    transition: .05s left ease-out, .05s top ease-out;
    pointer-events: none;
}

.jmv-variable-recoded-widget {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#transform-type {
    grid-column: 3;
    grid-row: 2;
    min-width: 100px;
    max-width: 300px;
}

.jmv-variable-recoded-widget > .contents {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    margin-bottom: 5px;
}

.jmv-variable-recoded-options {
    flex: 2;
    /* background-color: white; */
    border: 1px solid #dfdfdf;
    padding: 2px 2px 2px 2px;
}

.jmv-variable-recoded-top {
    display: grid;
    justify-content: start;
    justify-items: start;
    grid-row-gap: 5px;
    flex-flow: row;
    align-items: center;
    color: #848484;
    margin-bottom: 10px;
}

.jmv-variable-recoded-top .recoded-from {
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row: 1;
    min-width: 100px;
    max-width: 300px;
}

.jmv-variable-recoded-top .transform-icon {
    width: 8px;
    height: 8px;
    margin: 0 9px 0 15px;
    background-color: #0066ff;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    grid-column-start: 2;
    grid-row: 2;
}

.jmv-variable-recoded-top .variable-type-icon {
    width: 16px;
    height: 16px;
    margin: 0 5px 0 11px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    grid-column-start: 2;
    grid-row: 1;
}

.jmv-variable-recoded-top .variable-type-icon[variable-type='id'] {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.jmv-variable-recoded-top .variable-type-icon[variable-type='continuous'] {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.jmv-variable-recoded-top .variable-type-icon[variable-type='nominal'] {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-variable-recoded-top .variable-type-icon[variable-type='nominal'][data-type='text'] {
    background-image: url('../assets/variable-nominal-text-27cf0f8b.svg');
}

.jmv-variable-recoded-top .variable-type-icon[variable-type='ordinal'] {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}

.jmv-variable-recoded-top .variable-type-icon[variable-type='ordinal'][data-type='text'] {
    background-image: url('../assets/variable-ordinal-text-101beac5.svg');
}

.jmv-variable-recoded-options > .formula-box {
    display: flex;
    flex-direction: row;
    position: relative;
    margin: 3px;
    align-items: center;
}

.jmv-variable-recoded-options > .formula-box > .reorder-cond {

}

.jmv-variable-recoded-options > .formula-box > .remove-cond {
    position: absolute;
    text-align: center;
    margin: 0px 0px 0px 5px;
    right: 6px;
    font-size: 10px;
    color: #bbbbbb;
    cursor: default;
    line-height: 21px;
}

.jmv-variable-recoded-options > .formula-box > .remove-cond:hover {
    color: #c15050;
}

.jmv-variable-recoded-widget > .contents > .insert-box {
    margin-right: 5px;
    margin-top: 6px;
}

.jmv-variable-recoded-widget > .contents > .right-box {
    margin-left: 5px;
}

.jmv-variable-recoded-widget > .contents > .insert-box > .insert {
    background-size: 80%;
    background-image: url('assets/filters-add-65f0af82.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.jmv-variable-recoded-widget > .contents  .button {
    vertical-align: unset;
    width: 25px;
    height: 25px;
    font-size: 20px;
    text-align: center;
    color: #bbbbbb;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
    color: #CCCCCC;
}

.jmv-variable-recoded-top .edit-button {
    border: 1px solid #a0a0a0;
    color: #212121;
    border-radius: 2px;
    margin-left: 5px;
    padding: 0 5px;
    line-height: 1.5;
    background-color: #eeeeee;
    grid-column: 4;
    grid-row: 2;
    transition: .4s background-color;
}

.jmv-variable-recoded-top .error-msg {
    opacity: 0;
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row: 3;
    color: #be564d;
    transition: 0.2s opacity, 0.2s visibility;
    visibility: hidden;
}

.jmv-variable-recoded-top .error-msg.show {
    opacity: 1;
    visibility: visible;
}

.jmv-variable-recoded-top .edit-button:hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
}

.jmv-variable-recoded-top .edit-button.disabled {
    background-color: #eeeeee;
    color: #a8a8a8;
    border: 1px solid #c6c6c6;
}

.jmv-variable-recoded-top .variable-list-label {
    grid-column: 1;
    grid-row: 1;
}

.jmv-variable-recoded-top .transform-label {
    grid-column: 1;
    grid-row: 2;
}


.jmv-filter-widget {
    width: 100% ;
    display: flex;
    flex-direction:  row;
    align-items: stretch;
    max-height: 255px;
}

.jmv-filter-list-box {
    flex-grow: 1;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #CCCCCC;
}

.jmv-filter-list-buttons {
    flex-basis: 20px;
    display: flex;
    flex-direction: column;
}

.jmv-filter-options > .title-box.think {
    background-image: url('../assets/indicator-running-69a358bd.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.filter-hidden {
    opacity: 0;
    height: 0px;
    visibility: hidden;
}

.filter-button {
    width: 25px;
    height: 25px;
    margin: 2px 5px 2px 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.filter-button:hover {
    background-color: rgba(101, 142, 194, 0.38);
}

.jmv-filter-list-button {
    width: 20px;
    height: 20px;
}

.jmv-filter-options {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    /*min-height: 100px;*/
    flex: 2;
    border: 2px solid #e7e7e7;
    border-left: 4px solid #c1c1c1;
    padding: 0 5px 5px 5px;
    margin: 4px 4px 4px 4px;
    background: #f8f8f8;
    opacity: 1;
    transition: 0.2s opacity, 0.2s visibility, 0.2s height, 0.2s margin, 0.2s padding, 0.2s border-width;
    visibility: visible;
}

.jmv-filter-splitter {
    height: 2px;
    margin: 3px;
    border-bottom: 1px solid #e9e9e9;
    opacity: 1;
    visibility: visible;
}

.jmv-filter-list-box > .jmv-filter-options:not(.remove) ~ .jmv-filter-options:not(.remove) {
    margin-top: 7px;
}


.jmv-filter-options.selected {
    border: 2px solid #658ec2;
    border-left: 4px solid #658ec2;
}

.jmv-filter-options > .title-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 3px 0px 5px 0px;
}


.jmv-filter-options > .title-box > .title
{
    flex-grow: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    line-height: 25px;
    padding-left: 10px;
}

.jmv-filter-options > .title-box > .header-splitter {
    height: 18px;
    width: 5px;
    border-right: 2px solid #658ec2;
}

.jmv-filter-options > .title-box > .middle-box {
    flex-grow: 1;
}

.jmv-filter-options > .title-box > .middle-box > .status-box {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    float: right;
}

.jmv-filter-options > .title-box > .middle-box > .status-box > .status {

    color: #658ec2;
    margin: 2px 0px 2px 3px;
    padding-right: 3px;
    height: 18px;
    line-height: 18px;
    text-align: right;

}

.jmv-filter-options > .title-box .active {
    width: 25px;
    height: 14px;
    background-color: #8cc18c;
    border-radius: 9px;
    margin: 0px 5px 0px 2px;
}

.jmv-filter-options > .title-box .active .switch {
    position: relative;
    width: 12px;
    height: 10px;
    left: 9px;
    background-color: #ffffff;
    border-radius: inherit;
    margin: 2px 2px 2px 2px;
    transition: .1s left ease-out;
}

.remove-filter-btn {
    width: 19px;
    height: 19px;
    font-size: 13px;
    font-weight: normal;
    color: #658ec2;
    text-align: center;
    /* line-height: 19px; */
    margin: 0px 0px 0px 5px;
}

.remove-filter-btn:hover {
    background-color: rgba(101, 142, 194, 0.38);
}

.jmv-filter-options > .title-box .active.filter-disabled .switch {
    left: 0px;
}

.jmv-filter-options > .title-box .active.filter-disabled {
    background-color: #c18c8c;
}

.jmv-filter-options > .title-box > .label-parent > .label {
    font-size: 120%;
    color: #626262;
    margin: 2px 4px 2px 3px;
    padding-left: 4px;
    display: table-cell;
    vertical-align: middle;
}

.jmv-filter-options > .title-box > .label-parent {
    display: table;
}

.jmv-filter-options > .formula-list > .formula-box {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-bottom: 5px;
    transition: 0.4s opacity, 0.4s visibility, 0.2s height, 0.2s margin, 0.2s padding, 0.2s border-width;
}

.jmv-filter-options > .formula-list > .formula-box > .equal {
    padding: 5px 5px 0px 34px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
}

.jmv-filter-options > .formula-list > .formula-box > .add-nested {
    position: absolute;
    right: 6px;
    font-size: 11px;
    color: #658ec2;
    cursor: default;
    line-height: 20px;
}

.jmv-filter-options > .formula-list > .formula-box .formula-pair {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jmv-filter-options > .formula-list > .formula-box .show-editor {
    filter: hue-rotate(40deg) saturate(5) grayscale(100%);
    width: 23px;
    border: 1px solid #dadada;
    background-image: url('assets/filters-formula-cd2a3b6d.svg');
    background-position: center left 1px;
    background-repeat: no-repeat;
    background-size: 65%;
    cursor: default;
    flex: none;
    margin-right: 3px;
    background-color: white;
}

.jmv-filter-options > .formula-list > .formula-box .show-editor:hover, .jmv-filter-options > .formula-list > .formula-box .show-editor.is-active {
    filter: none;
    background-color: #ffffff;
}

.jmv-filter-options > .formula-list > .formula-box .show-editor > .down-arrow {
    filter: inherit;
    position: absolute;
    background-image: url('assets/filters-down-arrow-9fe10fd5.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    left: 16px;
    height: 5px;
}

.jmv-filter-options > .formula-list > .formula-box > .add-nested:hover {
    color: #3c5472;
}

.jmv-filter-options > .formula-list > .formula-box > .remove-nested {
    position: absolute;
    right: 6px;
    font-size: 10px;
    color: #bbbbbb;
    cursor: default;
    line-height: 21px;
}

.jmv-filter-options > .formula-list > .formula-box > .remove-nested:hover {
    color: #c15050;
}

.jmv-filter-options > .formula-list > .formula-box .formulaMessageBox {
    background-color: pink;
}

.jmv-filter-options > .formula-list > .formula-box .formulaMessageBox > .formulaMessage {
    flex: 1;
    flex-grow: 1;
    margin: 5px;
}

.jmv-filter-options > .formula-list > .formula-box .formulaMessageBox > .formulaMessage:empty {
    display: none;
}

.jmv-filter-options > .formula-list > .formula-box .formula {
    flex: 1;
    resize: none;
    text-indent: 1em;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    padding: 5px 20px 5px 5px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    cursor: text;
    overflow-y: auto;
    line-height: 1em;
    min-height: 1em;
}

.jmv-filter-options > .formula-list > .formula-box .formula.and-formula {
    text-indent: 2em;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
    color: #CCCCCC;
}

.jmv-filter-options > .formula-list > .formula-box .caret {
    border-left: 1px solid #888888;
    top: 2px;
    left: 15px;
    height: calc(1em + 2px);
    position: absolute;
    transition: .05s left ease-out, .05s top ease-out;
    pointer-events: none;
}

.jmv-filter-options > .description{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    line-height: 1.5em;
    padding-left: 10px;
    height: 3em;
    overflow-y: auto;
    cursor: text;
    flex-grow: 1;
    flex-shrink: 1;
}

.filter-button.add-filter {
    background-size: 80%;
    background-image: url('../assets/filters-add-65f0af82.svg');
}

.show-filter-columns {
    background-image: url('../assets/filters-hidden-b8e76f0c.svg');
}

.hide-filter-columns {
    background-image: url('../assets/filters-visible-525a8b2f.svg');
}

.jmv-filter-options.remove {
    opacity: 0;
    margin: 0px 5px 0px 5px;
    padding: 0px;
    border-width: 0px;
    min-height: unset;
    visibility: hidden;
}

.jmv-filter-splitter.remove, .jmv-filter-options > .formula-list > .formula-box.remove {
    opacity: 0;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    min-height: unset;
    visibility: hidden;
}

.jmv-filter-options > .title-box .status-box:hover .active {
    background-color: #659c65;
}

.jmv-filter-options > .title-box .status-box:hover .active.filter-disabled {
    background-color: #a16666;
}

.jmv-filter-options > .title-box .status-box:hover .status {
    color: #2e5383;
}


.jmv-variable-new-widget {
    display: flex;
    flex-grow: 1;
}

.jmv-variable-new-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0px 80px;
}

.jmv-variable-new-container > .button {
    display: flex;
    border-radius: 4px;
    text-align: center;
    margin: 7px;
    color: #214067;
}

.jmv-variable-new-container > .button > .icon {
    width: 50px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 2px;
    background-color: #cadaf3;
    border: 1px solid transparent;
    transition: .2s background-color ease-out, .2s border-color ease-out;
}

.jmv-variable-new-container > .button > .text {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    flex: 1;
    padding: 20px;
    background-color: #cadaf3;
    border: 1px solid transparent;
    transition: .2s background-color ease-out, .2s border-color ease-out;
}

.jmv-variable-new-container > .button:hover > .icon {
    background-color: #e6ebf3;
    border: 1px solid #cadaf3;
}

.jmv-variable-new-container > .button:hover > .text {
    background-color: #e6ebf3;
    border: 1px solid #cadaf3;
}



.jmv-formula-toolbar-options {
    display: flex;
    flex-direction: column;
    flex: 2;
    padding: 3px 2px 2px 2px;
}

.option-label {
    padding: 7px 5px 5px 5px;
    margin-top: 3px;
    font-weight: bold;
    background-color: #f8f8f8;
}

.option-description {
    height: 35px;
    padding: 5px;
    background-color: #f8f8f8;
}

.jmv-formula-toolbar-options > .ops-box {
    flex: 1;
    display: flex;
    flex-direction: row;
}

.jmv-formula-toolbar-options > .ops-box > .op {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.jmv-formula-toolbar-options > .ops-box > .op:nth-child(2) {
    margin-left: 10px;
}


.jmv-formula-toolbar-options > .ops-box > .op > .content > .subtitle {
    border-bottom: 1px solid #CCCCCC;
    /*border-top: 1px solid #CCCCCC;*/
    text-align: center;
    padding: 5px 0px;
    margin: 5px;
    font-weight: bold
}

.jmv-formula-toolbar-options > .ops-box > .op > .title {
    background-color: #f8f8f8;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    padding: 3px 0px;
}

.jmv-formula-toolbar-options > .ops-box > .op > .content {
    flex-grow: 1;
    overflow-y: auto;
    max-height: 120px;
}

.jmv-formula-toolbar-options > .ops-box > .op > .content > .item {
    flex-grow: 1;
    text-align: left;
    padding: 3px 6px;
}

.jmv-formula-toolbar-options > .ops-box > .op > .content > .item:hover {
    background-color: #F0F0F0;
}

.jmv-formula-toolbar-options > .ops-box > .op > .content > .item-activated {
    background-color: #E8E8E8;
}

.jmv-formula-toolbar-options > .ops-box > .op > .content > .item-grayed-out {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    filter: alpha(opacity = 60);
}


.jmv-operator-dropdown-widget {
    /*width: 100%;*/
    display: flex;
    max-height: 200px;
    max-width: 200px;
    min-width: 100px;
    position: absolute;
    opacity: 1;
    padding: 2px;
    background-color: white;
    border: 1px solid #c1c1c1;
    box-shadow: 0px 0px 5px #c1c1c1;
    transition: 0.3s opacity, 0.3s visibility;
    z-index: 500;
    padding-top: 3px;
    visibility: visible;
}

.operator-dropdown-hidden {
    opacity: 0;
    visibility: hidden;
}

.jmv-operator-dropdown-options {
    display: flex;
    flex-direction: column;
    flex: 2;
}

.option-label {
    padding: 7px 5px 5px 5px;
    margin-top: 3px;
    font-weight: bold;
    background-color: #f8f8f8;
}

.option-description {
    height: 35px;
    padding: 5px;
    background-color: #f8f8f8;
}

.jmv-operator-dropdown-options > .ops-box {
    flex: 1;
    display: flex;
    flex-direction: row;
    max-height: 129px;
}

.jmv-operator-dropdown-options > .ops-box > .op {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.jmv-operator-dropdown-options > .ops-box > .op:nth-child(2) {
    margin-left: 10px;
}


.jmv-operator-dropdown-options > .ops-box > .op > .content > .subtitle {
    border-bottom: 1px solid #CCCCCC;
    /*border-top: 1px solid #CCCCCC;*/
    text-align: center;
    padding: 5px 0px;
    margin: 5px;
    font-weight: bold
}

.jmv-operator-dropdown-options > .ops-box > .op > .title {
    background-color: #f8f8f8;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    padding: 3px 0px;
}

.jmv-operator-dropdown-options > .ops-box > .op > .content {
    flex-grow: 1;
    overflow-y: auto;
}

.jmv-operator-dropdown-options > .ops-box > .op > .content > .item {
    flex-grow: 1;
    text-align: left;
    padding: 3px 6px;
}

.jmv-operator-dropdown-options > .ops-box > .op > .content > .item:hover {
    background-color: #F0F0F0;
}

.jmv-operator-dropdown-options > .ops-box > .op > .content > .item-activated {
    background-color: #E8E8E8;
}

.jmv-operator-dropdown-options > .ops-box > .op > .content > .item-grayed-out {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    filter: alpha(opacity = 60);
}


.jmv-dropdown-widget {
    max-width: 450px;
    position: absolute;
    opacity: 1;
    background-color: white;
    border: 1px solid #c1c1c1;
    box-shadow: 0px 0px 5px #c1c1c1;
    transition: 0.3s opacity, 0.3s visibility;
    z-index: 500;
    visibility: visible;
}

.jmv-dropdown-widget * {
    z-index: inherit;
}

.dropdown-remove {
    display: none;
}

.dropdown-hidden {
    opacity: 0;
    visibility: hidden;
}

.jmv-dropdown-contents {
    display: flex;
    flex-direction: column;
    flex: 2;
}


.jmv-transform-list {
    display: flex;
    flex-direction: column;
    flex: 2;
    min-width: 200px;
}

.jmv-transform-list > .top {
    border-bottom: 1px solid #eaeaea;
}

.jmv-transform-list > .middle {
    overflow-y: auto;
    max-height: 250px;
}

.jmv-transform-list .transform-none-item {
    height: 1.5em;
    min-height: 1.5em;
    line-height: 1.5em;
    padding: 6px 5px 6px 25px;
}

.jmv-transform-list > .bottom {
    border-top: 1px solid #eaeaea;
}

.jmv-transform-list .transform-create {
    padding: 5px 5px 5px 25px;
    height: 1.5em;
    line-height: 1.5em;
}

.jmv-transform-list .transform-create:hover {
    background-color: #DDDDDD;
}

.jmv-transform-list .transform-none-item:hover {
    background-color: #DDDDDD;
}


.jmv-transform-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 200px;
}

.jmv-transform-list-item > .icon {
    width: 25px;
    height: 25px;
}

.jmv-transform-list-item > .colour {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-right: 5px;
    margin-top: 2px;
}

.jmv-transform-list-item > .label {
    flex-grow: 1;
    margin-right: 15px;
}

.jmv-transform-list-item .hidden {
    visibility: hidden;
}

.jmv-transform-list-item:hover {
    background-color: #DDDDDD;
}

.jmv-transform-list-item > .edit {
    margin: 5px;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    background-size: 100%;
    filter: opacity(30%);
    background-image: url('../assets/transform-edit-9adcbeb0.svg');
    background-repeat: no-repeat;
}

.jmv-transform-list-item > .edit:hover {
    filter: opacity(60%);
}

.jmv-transform-list-item > .duplicate {
    margin: 5px;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    background-size: 100%;
    filter: opacity(30%);
    background-image: url('../assets/transform-duplicate-5c27ab03.svg');
    background-repeat: no-repeat;
}

.jmv-transform-list-item > .duplicate:hover {
    filter: opacity(60%);
}

.jmv-transform-list-item > .remove {
    text-align: center;
    margin: 0px 10px 0px 5px;
    font-size: 10px;
    color: #bbbbbb;
    cursor: default;
    line-height: 21px;
}

.jmv-transform-list-item > .remove:hover {
    color: #c15050;
}


.jmv-missing-value-list {
    display: flex;
    flex-direction: column;
    flex: 2;
    background-color: white;
    border: 1px solid #dfdfdf;
    /* padding: 5px 0; */
    /* padding-right: 0; */
    margin: 10px 0 30px 0;
    justify-content: space-between;
}

.jmv-missing-value-list > .list {
    overflow-y: auto;
    max-height: 250px;
    width: 300px;
    flex-grow: 1;
    margin-left: 5px;
    margin-top: 2px;
}

.jmv-missing-value-list > .bottom {
    border-top: 1px solid #eaeaea;
}

.jmv-missing-value-list .add-missing-value {
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    align-items: center;
    border: 1px solid hsla(0, 0%, 88%, 0);
    border-radius: 2px;
    padding: 0 5px;
    line-height: 1.5;
    background-color: hsla(0, 0%, 99%, 1);
    transition: .4s background-color;
    color: #575757;
    flex-shrink: 0;
    margin: 5px;
    /* margin-right: 5px; */
    height: 22px;
}



.jmv-missing-value-list .add-missing-value:hover {
    background-color: rgb(230, 241, 255);
    border-color: rgb(62, 109, 169);
}

.jmv-missing-value-list .add-missing-value > .insert {
    background-size: 100%;
    background-image: url('assets/filters-add-65f0af82.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    background-color: transparent;
    border: none;
    width: 11px;
    height: 11px;
    margin-right: 6px;
}


.jmv-missing-value-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    /* height: 20px; */
    width: 100%;
    margin: 3px 0;
    transition: 0.2s height;
    overflow: hidden;
}

.jmv-missing-value-list-item > .label {
    flex-grow: 1;
    margin-right: 15px;
}

/*.jmv-missing-value-list-item:hover {
    background-color: #DDDDDD;
}*/


.jmv-missing-value-list-item .remove-cond {
    text-align: center;
    position: absolute;
    margin: 0px 10px 0px 5px;
    font-size: 10px;
    color: #bbbbbb;
    cursor: default;
    line-height: 21px;
    top: 3px;
    right: 5px;
}

.jmv-missing-value-list-item .remove-cond:hover {
    color: #c15050;
}

.jmv-missing-value-list-item.hidden {
    opacity: 0;
    height: 0px;
}

.jmv-missing-value-list-item .formula-list-item > .down-arrow {
    position: absolute;
    background-image: url('assets/filters-down-arrow-9fe10fd5.svg');
    background-position: right 2px top 1px;
    background-repeat: no-repeat;
    background-size: 5px 5px;
    top: 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 3ch;
    left: 11.5ch;
    border-right: 1px dashed rgba(62, 109, 169, 0.28);
    border-left: 1px dashed rgba(62, 109, 169, 0.28);
    box-sizing: border-box;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    color: rgba(220, 220, 220, 0);
    line-height: 2;
}

.jmv-missing-value-list-item .formula-list-item > .down-arrow:hover {
    background-color: rgba(62, 109, 169, 0.05);
    border-right: 1px solid rgba(62, 109, 169, 0.28);
    border-left: 1px solid rgba(62, 109, 169, 0.28);
}

.jmv-missing-value-list-item .formula-list-item {
    position: relative;
    height: 100%;
    width: 100%;
    line-height: 200px;
    overflow: hidden;
}

.jmv-missing-value-list-item .formula {
    flex: 1;
    resize: none;
    text-indent: 1.5em;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    padding: 6px 20px 6px 1ex;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-left: none;
    border-right: none;
    cursor: text;
    overflow-y: auto;
    line-height: 1.3em;
    min-height: 1em;
    height: inherit;
    box-sizing: border-box;
    transition: .2s text-indent;
    margin-right: 5px;
    overflow: hidden;
}

.jmv-missing-value-list-item .formula {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.jmv-missing-value-list-item .equal span {
    color: rgba(62, 109, 169, 0.35);
}

.jmv-missing-value-list-item .equal {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    color: #3e6da9;
    padding: 6px 0 0px 1ch;
    border: 1px solid transparent;
    /* vertical-align: middle; */
    line-height: 1.3em;
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    height: 20px;
    /* width: 50%; */
    /* margin-top: -5%; */
}

.jmv-missing-value-list-item .formula-list-item > .down-arrow:hover {
    background-color: rgba(62, 109, 169, 0.05);
    border-right: 1px solid rgba(62, 109, 169, 0.28);
    border-left: 1px solid rgba(62, 109, 169, 0.28);
}

.jmv-missing-value-list-item .formula-list-item > .down-arrow {
    position: absolute;
    background-image: url('assets/filters-down-arrow-9fe10fd5.svg');
    background-position: right 2px top 1px;
    background-repeat: no-repeat;
    background-size: 5px 5px;
    top: 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 3ch;
    left: 13.5ch;
    border-right: 1px dashed rgba(62, 109, 169, 0.28);
    border-left: 1px dashed rgba(62, 109, 169, 0.28);
    box-sizing: border-box;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-size: 12px;
    color: rgba(220, 220, 220, 0);
    line-height: 2;
}


.jmv-variable-list {
    display: flex;
    flex-direction: column;
    flex: 2;
    min-width: 200px;
}

.jmv-variable-list > .middle {
    overflow-y: auto;
    max-height: 200px;
}

.jmv-variable-list-item.none-item {
    min-width: 100px;
    height: 25px;
    min-height: 25px;
    padding-left: 25px;
    border-bottom: 1px solid #d8d8d8;
}

.jmv-variable-list-item.hidden {
    display: none;
}

.jmv-variable-list-item.highlighted {
    background-color: #DDDDDD;
}


.jmv-variable-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 100px;
    height: 25px;
}

.jmv-variable-list-item > .icon {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.jmv-variable-list-item > .label {
    flex-grow: 1;
}

.jmv-variable-list-item:hover {
    background-color: #DDDDDD;
}

.jmv-variable-list-item > .icon.variable-type-id {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.jmv-variable-list-item > .icon.variable-type-continuous {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.jmv-variable-list-item > .icon.variable-type-nominal {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-variable-list-item > .icon.variable-type-nominal.data-type-text {
    background-image: url('../assets/variable-nominal-text-27cf0f8b.svg');
}

.jmv-variable-list-item > .icon.variable-type-ordinal {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}

.jmv-variable-list-item > .icon.variable-type-ordinal.data-type-text {
    background-image: url('../assets/variable-ordinal-text-101beac5.svg');
}


.jmv-measure-list {
    display: flex;
    flex-direction: column;
    flex: 2;
    min-width: 200px;
}

.jmv-measure-list > .middle {
    overflow-y: auto;
}

.jmv-measure-list-item.hidden {
    display: none;
}

.jmv-measure-list-item.highlighted {
    background-color: #DDDDDD;
}


.jmv-measure-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 100px;
    height: 25px;
}

.jmv-measure-list-item > .icon {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.jmv-measure-list-item > .label {
    flex-grow: 1;
}

.jmv-measure-list-item:hover {
    background-color: #DDDDDD;
}

.jmv-measure-list-item > .icon.measure-type-id {
    background-image: url('../assets/variable-id-d382ff7d.svg');
}

.jmv-measure-list-item > .icon.measure-type-continuous {
    background-image: url('../assets/variable-continuous-796d2292.svg');
}

.jmv-measure-list-item > .icon.measure-type-nominal {
    background-image: url('../assets/variable-nominal-c92a2ce2.svg');
}

.jmv-measure-list-item > .icon.measure-type-ordinal {
    background-image: url('../assets/variable-ordinal-51300fe7.svg');
}


.jmv-notifications {
    display: flex ;
    flex-direction: column ;
    justify-content: flex-end ;
    pointer-events: none ;
}

.jmv-notification {
    margin: 6px ;
    padding: 0 12px 0 0 ;
    background-color : #F0F0F0 ;
    border: 1px solid #ACACAC;
    border-radius: 2px;
    transition: all .5s ;
    height: 85px ;
    overflow: hidden ;
    box-sizing: border-box ;
    pointer-events: auto ;
    display: flex ;
    flex-direction: row;
}

.jmv-notification.hidden:not(:hover) {
    height: 0 ;
    opacity: 0 ;
    margin-top: 0 ;
    margin-bottom: 0 ;
}

.jmv-notification-icon {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 50px;
    padding: 5px;
    flex: 1;
    box-sizing: border-box ;
    line-height: 50px;
    text-align: center;
    height: 85px ;
    min-width: 85px;
}

[data-type='info'] .jmv-notification-icon {
    /* these masks don't work properly in ff, but the -webkit-mask-image does work ... */
    /*mask: url('../assets/action-info-73068f47.svg') 0 0/50px 50px no-repeat;*/
    -webkit-mask-image: url('../assets/action-info-73068f47.svg');
    background-color: #81B2F5;
}

[data-type='error'] .jmv-notification-icon {
    /*mask: url('../assets/action-error-9c1ca30b.svg') 0 0/50px 50px no-repeat;*/
    -webkit-mask-image: url('../assets/action-error-9c1ca30b.svg');
    background-color: #ce3d3d;
}

[data-type='warning'] .jmv-notification-icon {
    /*mask: url('../assets/action-warning-ecf5ede3.svg') 0 0/50px 50px no-repeat;*/
    background-color: #FFA500;
    -webkit-mask-image: url('../assets/action-warning-ecf5ede3.svg');
}

[data-type='success'] .jmv-notification-icon {
    /*mask: url('../assets/action-check-93f5aed7.svg') 0 0/50px 50px no-repeat;*/
    background-color: #399b3f;
    -webkit-mask-image: url('../assets/action-check-93f5aed7.svg');
}

.jmv-notification-info {
    flex: 4;
}

.jmv-notification-title {
    margin-top: 12px ;
    font-size: 120% ;
}

.jmv-notification-body {
    display: flex ;
    justify-content: space-between ;
    margin-bottom: 12px ;
    white-space: pre-wrap;
}

.jmv-notification-content {
    display: flex ;
    width: 100% ;
}

.jmv-notification-content > * {
    margin: .6em 0 0 ;
}

.jmv-notification-message {
    flex: auto ;
}

.jmv-notification-progressbar {
    height: 24px ;
    flex: auto ;
}

.jmv-notification-progressbarbar {
    width: 0 ; /* overridden by style="" */
    height: 100% ;
    background-color: #6B9DE8 ;
    transition: width .1s ;
}

.jmv-notification-buttons > * {
    display: inline-block ;
    padding: 6px ;
    border: 1px solid #ACACAC ;
    text-align: center ;
    margin-left: 8px ;
}

.jmv-notification-buttons > :hover {
    background-color: white ;
}


.jmv-status-bar {
    display: grid;
    /* position: absolute; */
    bottom: 0px;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
    /* padding: 3px; */
    height: 22px;
    grid-area: 3 / 1 / span 1 / span 1;
    grid-template-columns: minmax(0px, min-content) minmax(0px, 1fr);
    grid-template-rows: 22px;
}

.jmv-status-bar .left-dock {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
}

.jmv-status-bar .right-dock {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    /* justify-content: flex-end; */
    flex-grow: 1;
    flex-shrink: 1;
}

.jmv-status-bar-info-item {
    font-size: 80%;
    /* line-height: 1ch; */
    padding: 0px 9px;
    white-space: nowrap;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 0; */
    /* flex-grow: 1;*/
}


.jmv-status-bar .jmv-status-bar-info-item[data-id=editStatus] {
    /*max-width: 30px;*/
}


.jmv-status-bar .jmv-statusbar-button {
    height: 100%;
    width: 26px;
    margin: 0 0;

    background-position: center center;
    background-size: 70% 70%;
    background-repeat: no-repeat;
}

.jmv-status-bar .jmv-statusbar-button.gray {
    filter: grayscale(100%);
}

.jmv-status-bar .jmv-statusbar-button:not([disabled]):hover {
    background-color: #c1c1c1;
}

.jmv-statusbar-button[data-name=editfilters] {
    background-image: url('../assets/menu-data-filter-02590e55.svg');
}

.jmv-statusbar-button[data-name=togglefiltervisible] {
    background-image: url('../assets/filters-hidden-b8e76f0c.svg');
}
.jmv-statusbar-button[data-name=togglefiltervisible].hide-filter-columns {
    background-image: url('../assets/filters-visible-525a8b2f.svg');
}

.jmv-statusbar-button[disabled] {
    filter: grayscale(100%);
}


.silky-menu {
    position: absolute;
    z-index: 100;
    color: #262626 ;
    background-color: white ;
    box-shadow: 0 0 1px 1px #ACACAC;
    max-width: 300px ;
    line-height: 1.4em ;
    margin: 0 ;
    padding: 0 ;
    box-sizing: border-box;
}

.silky-menu ul {
    margin: 0 ;
    padding: 0 ;
}

.silky-menu-entry {
    list-style-type: none ;
    padding: 8px 12px 8px 12px ;
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.silky-menu-parent {
    padding: 8px 8px 8px 12px ;
}

.silky-menu-entry:hover {
    background-color: #F2F2F2 ;
}

.silky-menu-entry.active {
    background-color: #B5CAEF ;
    border: 1px solid #8BA4D6;
}

.silky-menu-arrow {
    display: inline-block ;
    margin-left: 4px ;
    text-align: right ;
    font-weight: bold ;
    width: 14px ;
    height: 14px ;
}

.silky-menu-cover {
    z-index: 99 ;
    display: none ;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% ;
    height: 100% ;
    opacity:0;
    background-color: pink ;
}


.jmv-toolbar {
    display: flex ;
}

.jmv-toolbar-button-separator {
    flex: 1 1 auto ;
}

.jmv-toolbar-disabled .jmv-toolbar-button {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
    background-color: rgb(200, 200, 200);
}


.jmv-toolbar-group-body .jmv-toolbar-button {
    display: flex;
    flex-wrap: nowrap;
    padding: 5px;
    margin-bottom: 0;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
}

.jmv-toolbar-disabled.jmv-toolbar-button {
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
    /*background-color: rgb(200, 200, 200);*/
}

.jmv-toolbar-group-body .jmv-toolbar-button .jmv-toolbar-button-menu > .jmv-toolbar-button:hover {
    background-color: #d8d8d8;
}

.jmv-toolbar-group-body .jmv-toolbar-button > .jmv-toolbar-button-menu {
    top: 100%;
    left: 0px;
    margin-top: 0px;
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    background-color: #f8f8f8;
    position: absolute;
    box-shadow: 0px 0px 5px #c1c1c1;
}

.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-medium > .jmv-toolbar-button-menu {
    top: 0px;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
}

.jmv-toolbar-button .jmv-toolbar-button {
    font-size: 90%;
}

.jmv-toolbar-menu-arrow {
    width: 5.5px;
    height: 5.5px;
    background-image: url('../assets/menu-button-arrow-6620e586.svg');
    background-position: center;
    background-repeat: no-repeat ;
    background-size: contain;
}

.jmv-toolbar-button-size-medium > .jmv-toolbar-menu-arrow {
    transform: rotate(270deg);
}

.jmv-toolbar-group-body .jmv-toolbar-button-icon {
    padding: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.jmv-toolbar-group-body .jmv-toolbar-button-label {
    margin-top: 3px;
}

/*huge button*/
.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-huge {
    width: 45px;
}

.jmv-toolbar-group-body .jmv-toolbar-button-size-huge .jmv-toolbar-button-icon {
    height: 30px;
}

/*large button*/
.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-large {
    width: 40px;
}

.jmv-toolbar-group-body .jmv-toolbar-button-size-large .jmv-toolbar-button-icon {
    height: 25px;
}

/*medium button*/
.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-medium {
    width: auto;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
}

.jmv-toolbar-button-size-medium .jmv-toolbar-button-icon {
    height: 15px;
    width: 20px;
}

.jmv-toolbar-button-size-medium .jmv-toolbar-button-label {
    margin-left: 3px;
    margin-right: 15px;
    margin-top: 0px;
    white-space: nowrap;
}

.jmv-toolbar-button-size-medium .jmv-toolbar-menu-arrow {
    margin: 0 2px 0 6px;
}

/*small button*/
.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-small {
    /*width: 18px ;*/
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.jmv-toolbar-button-size-small .jmv-toolbar-button-icon {
    height: 15px;
    width: 18px;
}

/*.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-small.jmv-toolbar-dropdown {
    width: 25px;
}

.jmv-toolbar-group-body .jmv-toolbar-button.jmv-toolbar-button-size-small.jmv-toolbar-dropdown .jmv-toolbar-button-icon {
    width: 25px;
}*/


.jmv-toolbar-group-body {
    display: flex ;
    position: relative;
}

.jmv-toolbar-group-label {
    font-size: 75%;
    background-color: #e3e3e3;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-indent: 3px;
}

.jmv-toolbar-group {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    margin: 3px 0;
}

.jmv-toolbar-group-body-vertical {
    flex-direction: column;
}


.jmv-toolbar-separator-horizontal {
    border-left-style: solid;
    border-left-color: #cdcdcd;
    border-left-width: 1px;
    margin: 0 3px 0 3px;
    width: 1px;
}

.jmv-toolbar-separator-vertical {
    border-top-style: solid;
    border-top-color: #cdcdcd;
    border-top-width: 1px;
    margin: 3px 0 3px 0;
    height: 1px;
}